Use Tiled Galleries with the Classic Editor

By /

Ah the good ol’ days of the Classic Editor.

Remember those? I do.

It was a different era a simpler time.

Now we have the Block Editor which is great and all but sometimes you just want the familiarity of the Classic Editor.

And that’s okay.

We’re not here to judge.

We’re here to help you navigate those familiar waters especially when it comes to Tiled Galleries.

Want to spice up your image galleries? 🔥 Tiled Galleries are your secret weapon! 💪 Learn how to create stunning layouts and add that extra ✨ to your site! Learn More

Understanding Tiled Galleries in the Classic Editor




Want to spice up your image galleries? 🔥 Tiled Galleries are your secret weapon! 💪 Learn how to create stunning layouts and add that extra ✨ to your site! Learn More

Let’s face it sometimes you want more than just a plain ol’ image gallery.

You want to give your images some flair some visual pizzazz.

That’s where Tiled Galleries come in.

Think of them as your image gallery’s best friend ready to jazz things up with different layouts and styles.

Tiled Galleries by default are snoozin’ in the background.

You gotta wake ’em up! Just head to your WordPress dashboard find “Settings” and then click on “Media”. Look for the “Tiled Galleries” option and click “Activate.” Now you’re in the game.

Creating a Tiled Gallery with the Classic Editor

Now let’s talk about actually putting those images together.

With the Classic Editor you can do it in a couple of ways.

You can either use the “Add Media” button in the editor or create a Gallery directly in your WordPress Media Library.

Using the “Add Media” button click the “Create Gallery” option and choose your images.

Then get ready to customize to your heart’s content!

You can customize these settings for your tiled gallery:

  • Layout: Pick your style: Thumbnail Grid Tiled Mosaic Square Tiles Circles Tiled Columns or a classic Slideshow. Each has its own unique charm.
  • Size: You can adjust the size of your thumbnails. A bigger thumbnail for more impact or smaller for more images to fit on the page. The choice is yours!
  • Spacing: Play with the spacing between thumbnails. More space for a clean look or tighter for a more compact feel. Experiment and see what you like.
  • Link to: Where do you want your images to link? The attachment page? A specific URL? You can choose!
  • Caption Display: Love captions? You can choose to display them on hover so they don’t clutter up your gallery.

Tiled Gallery Styles: A Closer Look

Let’s dive a little deeper into those different layouts:

1. Thumbnail Grid: This is the classic easy-to-read layout. Images are neatly arranged in a grid like a good ol’ magazine layout. No frills but always reliable.

2. Tiled Mosaic: This is where things get fun. The images are displayed in a more organic free-flowing arrangement kind of like a mosaic. A touch of whimsy and unpredictability!

3. Square Tiles: For a clean and modern look choose Square Tiles. All the images are displayed in perfect squares giving your gallery a nice symmetrical feel.

4. Circles: Want to add a touch of whimsy? Circles is your layout. Images are displayed in circular frames giving your gallery a playful almost retro vibe.

5. Tiled Columns: If you’re a fan of a more linear arrangement Tiled Columns is your jam. Images are displayed in a column format great for showcasing a series of images in a structured way.

6. Slideshow: For a classic almost timeless feel go for the Slideshow. Your images will transition smoothly from one to the next like a little movie on your website.

Controlling Tiled Gallery Width

Speaking of layout you can control the width of your Tiled Galleries giving you the power to tailor the look to your site.

By default Tiled Galleries will stretch to fit your theme’s $content_width value.

If you want to change that you’ve got options:

  • Editing your theme’s functions.php file: This is for those comfortable tinkering with code. Just add this line of code: 

    add_filter( 'tiled_gallery_content_width' function( $content_width ) {
return 800; // Change 800 to your desired width in pixels
} );

    Remember to back up your theme files first just in case!

  • Using the Custom Content Width plugin: This is a safer option for those who aren’t as comfortable with code. The plugin lets you easily customize the content width for your entire site including Tiled Galleries.

If you’re not sure about the content width you can set Tiled Galleries to a default width of 500px by removing the $content_width variable from your theme.

Easy peasy!

Captivating Captions with Tiled Galleries

Want to add a touch of context to your images? Captions can be your secret weapon.

In the Classic Editor you can add a caption to each image when you create or edit your gallery.

These captions will appear when you hover over an image if you’re using the Tiled Mosaic Square Tiles Circles or Tiled Columns layouts.

The Thumbnail Grid and Slideshow layouts won’t show captions.

Troubleshooting Tiled Gallery Issues

Sometimes Tiled Galleries can be a little finicky.

Don’t worry we’ve all been there! If your Tiled Gallery settings aren’t showing up or are showing up wrong try these steps:

  • Clear your cache: Sometimes a simple cache clear can do wonders. Go to your WordPress dashboard find the “Plugins” page and see if there are any cache plugins installed. Most cache plugins have a “clear cache” button. Click it and see if that fixes the issue.

  • Deactivate any conflicting plugins: Plugins can sometimes clash causing unexpected behavior. Try deactivating any plugins that might be interfering with Tiled Galleries. If that fixes the problem you might have a plugin conflict.

  • Switch to a different theme: This is a bit more drastic but if you’re really stuck try switching to a different theme temporarily. If the issue goes away you know it’s a theme compatibility problem.

  • Contact support: If you’re still stuck don’t be afraid to reach out for help. The WordPress support team is always there to lend a hand.

Missing Slideshow Options?

If you’re looking for the Slideshow option for your Tiled Gallery and it’s missing follow these steps:

  • Ensure Tiled Galleries are activated: First double-check that you’ve activated Tiled Galleries in your Media settings.

  • Update WordPress and your theme: Make sure you’re running the latest versions of WordPress and your theme. Outdated software can sometimes lead to compatibility issues.

  • Check your plugins: Certain plugins might be interfering with Tiled Galleries. Try deactivating any recently installed plugins especially those related to media or galleries.

  • Contact support: If you’ve tried everything else and still can’t find the Slideshow option it’s time to reach out to WordPress support for assistance.

Showing a Single Image in a Gallery View

Sometimes you want to showcase a single image as a gallery.

You can easily do that in the Classic Editor:

  • Edit the post or page: Find the post or page where you want to display your single image.

  • Add the image: Use the “Add Media” button to add the image to your post.

  • Add the “gallery” class to the image: After you add the image click on it in the Visual Editor. In the “Image” block settings find the “Advanced” settings. Add “gallery” to the “CSS Classes” field. Click “Update.”

  • Voila! You now have a single image displayed as a gallery complete with Tiled Gallery functionality!

Tiled Galleries: A Timeless Tool

As we’ve learned Tiled Galleries offer a fantastic way to display images in your posts and pages.

They’re easy to use customizable and offer a variety of visually appealing options.

With the power of Tiled Galleries you can give your website’s visuals a boost and create a truly engaging experience for your readers.

Remember practice makes perfect so dive in experiment and have fun!

Let’s recap a few key points about Tiled Galleries:

  • They are a great way to display images in a visually appealing way.
  • They offer a variety of layouts and customization options.
  • They can be used with both the Classic and Block Editor.
  • They are a powerful tool for enhancing your website’s visual appeal.

So go forth fellow webmasters and use Tiled Galleries to create beautiful and engaging galleries for your website! And remember if you have any questions don’t hesitate to reach out.

Happy tiling!




Want to spice up your image galleries? 🔥 Tiled Galleries are your secret weapon! 💪 Learn how to create stunning layouts and add that extra ✨ to your site! Learn More

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top