Check out the Gallery shortcode generator
General parameters | ||
parameter | description | example |
type |
The gallery type. Note: if you choose the native gallery all the other options will be ignored! Possible values
Default value : rgg |
[gallery type="rgg" ids="1,2,3"] |
class |
Additional CSS class(es) that will be appended to the CSS class of the gallery container. If you wish to add multiple classes, seperate them with a space. |
[gallery class="my-class" ids="1,2,3"] |
rel |
The rel attribute of the image links. Used by lots of lightbox scripts to group images. Default value : rgg |
[gallery rel="rgg" ids="1,2,3"] |
linked_image_size |
The size of the images where the tiles link to. Possible values
Default value : large |
[gallery linked_image_size="large" ids="1,2,3"] |
lightbox |
Choose your lightbox configuration Possible values
Default value : disabled |
[gallery lightbox="disabled" ids="1,2,3"] |
Display parameters | ||
parameter | description | example |
margin |
A positive integer value indicating the number of pixels you want to appear between the images in the Responsive Gallery. Default value : 2 |
[gallery margin="2" ids="1,2,3"] |
maxrowheight |
A positive integer value indicating the maximum height, in pixels, of each row in the Responsive Gallery Grid. Default value : 200 |
[gallery maxrowheight="200" ids="1,2,3"] |
rowspan |
Make some images larger |
[gallery rowspan="0" ids="1,2,3"] |
lastrowbehavior |
Choose how the last row should behave Possible values
Default value : last_row_same_height |
[gallery lastrowbehavior="center" ids="1,2,3"] |
Animation parameters | ||
parameter | description | example |
scale |
A positive decimal value indicating the factor by which the image-size is multiplied on mouse over. Default value : 1.1 |
[gallery scale="1.1" ids="1,2,3"] |
intime |
A positive integer value indicating the time, in milliseconds, it will take for the mouse over animation to complete. Default value : 100 |
[gallery intime="100" ids="1,2,3"] |
outtime |
A positive integer value indicating the time, in milliseconds, it will take for the mouse out animation to complete. Default value : 100 |
[gallery outtime="100" ids="1,2,3"] |
effect |
Choose the mouse-over effect Possible values
Default value : bubble |
[gallery effect="bubble" ids="1,2,3"] |
Captions | ||
parameter | description | example |
captions |
Choose how you want the captions to be displayed. Note: you can create custom caption styles. Possible values
Default value : overlay-hover-show |
[gallery captions="overlay-hover-show" ids="1,2,3"] |
captions_effect |
Choose an animation effect Possible values
Default value : slide_up |
[gallery captions_effect="slide_up" ids="1,2,3"] |
captions_intime |
A positive integer value indicating the time, in milliseconds, it will take for the caption mouse over effect to complete. Default value : 200 |
[gallery captions_intime="200" ids="1,2,3"] |
captions_outtime |
A positive integer value indicating the time, in milliseconds, it will take for the caption mouse over effect to complete. Default value : 200 |
[gallery captions_outtime="200" ids="1,2,3"] |
Native parametersThese are parameters that will work with the native gallery as well. | ||
parameter | description | example |
orderby |
Choose which default order you would like to use for the gallery images Possible values
Default value : menu_order |
[gallery orderby="menu_order" ids="1,2,3"] |
link |
Choose where the gallery images should link to Possible values
Default value : file |
[gallery link="file" ids="1,2,3"] |
size |
The size of the images to load as the tiles of the grid. Possible values
Default value : medium |
[gallery size="medium" ids="1,2,3"] |
ids |
A comma seperated list of media IDs. |
[gallery ids="1,2,3"] |
Advanced native parametersThey are kind of useless in my opinion. | ||
parameter | description | example |
include |
A comma seperated list of media IDs of additional images to include in the gallery. |
[gallery include="4,5" ids="1,2,3"] |
exclude |
A comma seperated list of media IDs of images to exclude from the gallery. |
[gallery exclude="2" ids="1,2,3"] |
id |
A valid Post ID. This will only be used if the ids parameter is omitted. |
[gallery id="5"] |