Tiles and Circles and Squares, Oh My!

Explore the benefits of Jetpack

Learn how Jetpack can help you protect, speed up, and grow your WordPress site. Get up to 50% off your first year.

Explore plans

Jetpack has lots of different modules that do all sorts of fun and interesting things to supercharge your self-hosted WordPress site. Not everyone uses all of these modules, though — with so much good stuff, it’s easy to miss something. To help you discover all the great things you could be doing with Jetpack, we’ll be highlighting the most-overlooked modules and the modules we get asked the most about. First up: Tiled Galleries!

Are you tired of plain old thumbnail galleries? Are row after row of tiny squares getting you down? Do you spend tons of time using photo editing software to create more interesting layouts for your images? Well have no fear, Tiled Galleries are here! Jetpack lets you display images in a variety of bold, elegant layouts with just a few clicks.

To insert a gallery into a post or page, the first thing you need, of course, are some images. Do you want to showcase your recent trip to New Mexico? Or maybe that new puppy you got? Any collection of images can be turned into a Tiled Gallery, whether you uploaded them to your site weeks ago or are just uploading them now.

Then, make sure that you’ve enabled the Tiled Galleries module in Jetpack. Activate it by going to the Jetpack page in your dashboard, and click the blue “Activate” button on the Tiled Galleries card.

Next, you’ll want to insert a new gallery into your page or post. To add a gallery, click on the “Add Media button,” and then on “Create Gallery” on the top left. You can then either upload new images or select images that are already in your media library. Choose the images you want, then click on the “Create a Gallery” button on the bottom right. Once you’ve created the Gallery, you can drag-and-drop the pictures to put them in the order you want them to appear in.

Now the fun part: choose the layout style that you want for your gallery, in the “Gallery Settings” area on the right, and let the Tiled Galleries module work its magic. You can have:

Square Tiles

or Circles

and my favorite, Tiled Mosaic

Great pictures, aren’t they? And they look smashing in the Tiled Galleries. Jetpack takes care of all the cropping and arrangement, and your site visitors can click any tile to pull up the full image.

I hope this inspires you to turn your regular Thumbnail Galleries into stylish Jetpack-powered Tiled Galleries!

Do you have any questions about Tiled Galleries? Is there a particular Jetpack module you’d like to learn more about? Let us know!

This entry was posted in Features, Tips & Tricks and tagged , , , . Bookmark the permalink.

Richard A. profile
Richard A.

Montreal-based Project Manager at @Transitapp : http://transit.app/ Huge metro fan, and creator of http://mexicometro.org

Explore the benefits of Jetpack

Learn how Jetpack can help you protect, speed up, and grow your WordPress site. Get up to 50% off your first year.

Explore plans

Have a question?

Comments are closed for this article, but we're still here to help! Visit the support forum and we'll be happy to answer any questions.

View support forum

Comments

  1. Bruno Martinez says:

    Guys,

    My WordPress site simply doesn’t work with your galleries.

    Would you be willing to check what is the issue? I would really love to use the multitude os jetpack’s modules and galleries. =)

    Liked by 1 person

  2. Ruth Schwartz aka The Wonderlady says:

    Nice, and note that the circles and mosaic formats did not show up in the email.

    Liked by 1 person

  3. rocketdocket says:

    This looks great, but remember to scale, compress and resize your original photos. The slide show behind each picture has dozens more. Here in the SF Bay Area, it took 30 seconds to load the first image until they finally cached in my browser.

    Like

    • Richard says:

      Hi! You’re right, I should have done that, not everyone is on a high-speed connection. I’ll get them fixed up, thanks for sharing your tip!

      Like

  4. ArleyM says:

    I got this as an email, which was kinda funny since mail clients get their web rendering technology out of the nineties. These look great, thanks for sharing!

    Like

  5. vicshere says:

    This looks cool, and I’ll give it a try – it’s true that I don’t dig deep enough into JetPack!

    Like

  6. Mick says:

    Yep love the tiled mosaic’s also, although I have always struggled with the x to close the full screen view of an image being on the top left of the screen. Peoples natural reaction is to look for it on the top right.

    Like

    • Richard says:

      Hi Mick! Did you know that you can click anywhere in the area around the photo to exit the Carousel? You can also press the ESC key on your keyboard. Also, I submitted a request to increase the size of the x to about double the size, and hope to have it implemented in a future Jetpack release.

      Like

  7. Tilo says:

    I have really fallen in love with this feature, but i wish i could “star” some pictures, which will then show bigger than others, in Jetpack Tiled Galleries. Will more customizing-features come in future?

    Second Feature i would appreciate is: If you look at the images of Tiled Mosaic Gallery on your smartphone: The pictures look too small. I wish that the images from a certain width on would no longer responsively be represented as a mosaic, but switch to full width pictures, one below the other, one picture per line.

    Like

  8. Icahbanjarmasin says:

    Wow amazing I love it Tiled Mozaic..thanks my friend Richard keep in touch from INDONESIA.

    Like

  9. Marcus Wickes (@marcuswickes) says:

    The newer WordPress themes are responsive but it doesn’t seem these galleries are responsive. I expected the mosaic to rework itself in my browser when I shrunk the browser size. Are these responsive? If not, it seems silly for me to use this plugin instead of others that do automatically resize for my themes.

    Like

    • Richard says:

      Hi! The responsiveness of the Galleries depends on the theme that you are using. For example, if you use the TwentyEleven or TwentyTwelve themes, the Galleries are responsive.

      Like

  10. Thorir Vidar says:

    Re. tiled galleries and how “Jetpack takes care of all the cropping and arrangement”.
    Therein lies the problem, cause it would be so very! neat if it offered the user the necessary control. For example, say I have three vertical photos in a 3:2 format, Jetpack will put them next to each other (in a single row) and no matter how much I’d want to make one of them fullwidth in a row below the first two, I can’t.

    Think tumblr : )

    Like

  11. Jeff Hester says:

    I love the galleries, and used the tiled mozaic on most of my posts on http://socalhiker.net. One request: Make it easy to add the Jetpack sharing buttons to images in the slideshow mode!

    Like

  • Enter your email address to follow this blog and receive news and updates from Jetpack!

    Join 112.8K other subscribers
  • Browse by Topic