Woomark Image Gallery

Shortcodes

Version: 2.6

Shortcodes

Shortcodes only work when the Content - Woomark Image Gallery plugin is enabled.

Easiest way: Editor button
  1. Edit an article.
  2. Click Woomark Gallery in the editor toolbar.
  3. Fill in folder, columns, gap, theme, optional masonry.
  4. 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
AttributeWhat it doesExample
folderLoad all images from a folderfolder="images/holiday"
imageComma-separated image listimage="images/a.jpg,images/b.jpg"
titleCaptions for each imagetitle="One,Two"
categoryCategories for filterscategory="Nature,City"
videoVideo URLs matching each imagevideo="https://youtu.be/abc"
columnsGrid columns (1–6)columns="4"
gapSpace between thumbs (px)gap="10"
thumbwidth / thumbheightThumbnail sizethumbwidth="400"
thememodern-2026, minimal, darktheme="minimal"
accentAccent colouraccent="#1819ed"
masonry1 = masonry onmasonry="1"
captionhover, always, nonecaption="hover"
aspectFixed thumb ratioaspect="1 / 1"
widthGallery widthwidth="100%"
sortrand, desc, or blank (A–Z)sort="rand"
foldercatnone, prefix, subfolderfoldercat="prefix"
autocaption1/0 filename captionsautocaption="1"
initialLoad-more starting countinitial="8"
fitcontain or coverfit="contain"
fullscreenNative OS fullscreen 1/0 (default off)fullscreen="0"
autoplay / delaySlideshowautoplay="1" delay="4000"
hashDeep link in the URLhash="1"
filmstripLightbox thumbsfilmstrip="1"
protectRight-click protectprotect="1"
schemaImageGallery JSON-LDschema="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.