Responsive Galleries with Foundation

You just need to choose a template like the page- or page-fullwidth-template and then just use {% include gallery %}.

How to embed a gallery

{% include gallery %} lets you easily embed a gallery into your post. To use the gallery-include…

Step 1

1. Make two images: a thumbnail and a big image.
2. Name the thumbnail gallery-image-thumb.jpg and…
3. …name the big gallery-image.jpg.
4. Place them in the images-folder.

Step 2

Define the big version in frontmatter,

gallery:
    - image_url: gallery-image.jpg

If you like captions, give each image a caption:

gallery:
    - image_url: gallery-image.jpg
       caption: Starting Page with huge One Logo

Step 3

Add the include whereever you want in your content with {% include gallery %}.

Other Post Formats

• Panel 9 ·
• Panel 8 ·
• Panel 7 ·
• Panel 6 ·
• Panel 5 ·
• Panel 4 ·
• Panel 2 · Sobre las aplicaciones en general
• Panel 2 · Sobre las aplicaciones en general
• Panel 1 ·
• Templates · Responsive Galleries with Foundation
• Templates · Video Template
• Templates · Page/Post Right Sidebar
• Templates · The Post/Page Template
• Templates · Page/Post With Left Sidebar