---
author: adamchlan
categories:
- Post Formats
- Uncategorized
date: 2010-09-09T00:23:27Z
format: gallery
original_post_id:
- "1031"
tags:
- gallery
- jetpack
- Post Formats
- shortcode
- tiled
title: 'Post Format: Gallery (Tiled)'
parent: "Variables"
url: /2010/09/09/post-format-gallery-tiled/
---

This is a test for Jetpack’s Tiled Gallery.

Install <a title="Jetpack for WordPress" href="http://wordpress.org/plugins/jetpack/" target="_blank">Jetpack</a> to test.

<div id='gallery-1' class='gallery galleryid-1031 gallery-columns-4 gallery-size-thumbnail'>
  <figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/dcp_2082/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Boardwalk" aria-describedby="gallery-1-757" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dcp_2082-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-757'> Boardwalk at Westport, WA </figcaption></figure><figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/100_5540/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/100_5540-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Golden Gate Bridge" aria-describedby="gallery-1-755" srcset="http://forhugo.dev/wp-content/uploads/2011/07/100_5540-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/100_5540-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-755'> Golden Gate Bridge </figcaption></figure><figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc02085/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Orange Iris" aria-describedby="gallery-1-763" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc02085-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-763'> Orange Iris </figcaption></figure><figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc09114/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Sydney Harbor Bridge" aria-describedby="gallery-1-760" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc09114-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-760'> Sydney Harbor Bridge </figcaption></figure><figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/dsc03149/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Yachtsody in Blue" aria-describedby="gallery-1-758" srcset="http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/dsc03149-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-758'> Boats and reflections, Royal Perth Yacht Club </figcaption></figure><figure class='gallery-item'> 
  
  <div class='gallery-icon landscape'>
    <a href='http://forhugo.dev/2010/09/10/post-format-gallery/michelle_049/'><img width="150" height="150" src="http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Big Sur" aria-describedby="gallery-1-766" srcset="http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-150x150.jpg 150w, http://forhugo.dev/wp-content/uploads/2011/07/michelle_049-100x100.jpg 100w" sizes="100vw" /></a>
  </div><figcaption class='wp-caption-text gallery-caption' id='gallery-1-766'> Beach at Big Sur, CA </figcaption></figure>
</div>

This is some text after the Tiled Gallery just to make sure that everything spaces nicely.