Rockingcool
/
paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
myFork
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b17e0ddabf'
${ noResults }
paige-hugo/exampleSite/content/blog/gallery-shortcodes/index.md

2.7 KiB
Raw Blame History

title date description
Gallery Shortcodes 2023-01-01 Demonstration of the `paige/gallery` and `paige/gallery/item` shortcodes.

paige/gallery shortcode

Grid display

{{< paige/gallery images="1*" caption="1 image" />}} {{< paige/gallery images="2*" caption="2 images" />}} {{< paige/gallery images="3*" caption="3 images" />}} {{< paige/gallery images="4*" caption="4 images" />}} {{< paige/gallery images="5*" caption="5 images" />}} {{< paige/gallery images="6*" caption="6 images" />}} {{< paige/gallery caption="All images" />}}

List display

{{< paige/gallery images="1*" caption="1 image" display="list" />}} {{< paige/gallery images="2*" caption="2 images" display="list" />}} {{< paige/gallery images="3*" caption="3 images" display="list" />}} {{< paige/gallery images="4*" caption="4 images" display="list" />}} {{< paige/gallery images="5*" caption="5 images" display="list" />}} {{< paige/gallery images="6*" caption="6 images" display="list" />}} {{< paige/gallery caption="All images" display="list" />}}

paige/gallery/item shortcode

{{< paige/gallery caption="1 image" >}} {{< paige/gallery/item image="-1" caption="Image 1" >}} {{< /paige/gallery >}}

{{< paige/gallery caption="2 images" >}} {{< paige/gallery/item image="-2" caption="Image 1" >}} {{< paige/gallery/item image="-3" caption="Image 2" >}} {{< /paige/gallery >}}

{{< paige/gallery caption="3 images" >}} {{< paige/gallery/item image="-4" caption="Image 1" >}} {{< paige/gallery/item image="-5" caption="Image 2" >}} {{< paige/gallery/item image="-6" caption="Image 3" >}} {{< /paige/gallery >}}

{{< paige/gallery caption="4 images" >}} {{< paige/gallery/item image="-7" caption="Image 1" >}} {{< paige/gallery/item image="-8" caption="Image 2" >}} {{< paige/gallery/item image="-9" caption="Image 3" >}} {{< paige/gallery/item image="-10" caption="Image 4" >}} {{< /paige/gallery >}}

{{< paige/gallery caption="5 images" >}} {{< paige/gallery/item image="-11" caption="Image 1" >}} {{< paige/gallery/item image="-12" caption="Image 2" >}} {{< paige/gallery/item image="-13" caption="Image 3" >}} {{< paige/gallery/item image="-14" caption="Image 4" >}} {{< paige/gallery/item image="-15" caption="Image 5" >}} {{< /paige/gallery >}}

{{< paige/gallery caption="6 images" >}} {{< paige/gallery/item image="-16" caption="Image 1" >}} {{< paige/gallery/item image="-17" caption="Image 2" >}} {{< paige/gallery/item image="-18" caption="Image 3" >}} {{< paige/gallery/item image="-19" caption="Image 4" >}} {{< paige/gallery/item image="-20" caption="Image 5" >}} {{< paige/gallery/item image="-21" caption="Image 6" >}} {{< /paige/gallery >}}

Photos by Lanty.