Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
fd81ccccd5af424d2ba3d7e0e1f9d15abd35a7c9
paige-hugo/exampleSite/content/blog/gallery-shortcodes/index.md
Will Faught 065cd3f7eb Add gallery post
2023-01-21 23:43:45 -08:00

2.7 KiB
Raw Blame History

title, date, description
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.