Shortcodes
Shortcodes only work when the Content - Woomark Image Gallery plugin is enabled.
Easiest way: Editor button
- Edit an article.
- Click Woomark Gallery in the editor toolbar.
- Fill in folder, columns, gap, theme, optional masonry.
- Click Insert shortcode.
Basic shortcodes (copy & paste)
1) Whole folder
{wookmark folder="images/woomark-demo" columns="3" masonry="1"}
2) With theme + accent
{wookmark folder="images/woomark-demo" columns="3" theme="dark" accent="#1819ed"}
3) Custom thumb size + gap
{wookmark folder="images/woomark-demo" thumbwidth="480" gap="12"}
4) Named images + titles
{wookmark image="images/a.jpg,images/b.jpg" title="Sunrise,City night"}
5) Categories + filters
{wookmark image="images/a.jpg,images/b.jpg" title="Lake,Tower" category="Nature,City" filters="1"}
6) Load more (show 6 first)
{wookmark folder="images/woomark-demo" initial="6"}
7) Hover captions + deep link hash
{wookmark folder="images/woomark-demo" caption="hover" hash="1"}
8) Video slide (poster image + video URL)
{wookmark image="images/poster.jpg" video="https://www.youtube.com/watch?v=VIDEO_ID" title="Trailer"}
Useful attributes
| Attribute | What it does | Example |
|---|---|---|
folder | Load all images from a folder | folder="images/holiday" |
image | Comma-separated image list | image="images/a.jpg,images/b.jpg" |
title | Captions for each image | title="One,Two" |
category | Categories for filters | category="Nature,City" |
video | Video URLs matching each image | video="https://youtu.be/abc" |
columns | Grid columns (1–6) | columns="4" |
gap | Space between thumbs (px) | gap="10" |
thumbwidth / thumbheight | Thumbnail size | thumbwidth="400" |
theme | modern-2026, minimal, dark | theme="minimal" |
accent | Accent colour | accent="#1819ed" |
masonry | 1 = masonry on | masonry="1" |
caption | hover, always, none | caption="hover" |
aspect | Fixed thumb ratio | aspect="1 / 1" |
width | Gallery width | width="100%" |
sort | rand, desc, or blank (A–Z) | sort="rand" |
foldercat | none, prefix, subfolder | foldercat="prefix" |
autocaption | 1/0 filename captions | autocaption="1" |
initial | Load-more starting count | initial="8" |
fit | contain or cover | fit="contain" |
fullscreen | Native OS fullscreen 1/0 (default off) | fullscreen="0" |
autoplay / delay | Slideshow | autoplay="1" delay="4000" |
hash | Deep link in the URL | hash="1" |
filmstrip | Lightbox thumbs | filmstrip="1" |
protect | Right-click protect | protect="1" |
schema | ImageGallery JSON-LD | schema="1" |
Important rules
- Paths are relative to the site root:
images/my-folder(usually no leading slash). - Shortcodes inside
<pre>or<code>stay as text (good for documentation). - If nothing shows, make sure the content plugin is enabled and the folder really exists.