Team Tiles

A quick and simple way to add a badge to your website.
<h4>Requires the Gutenberg plugin:</h4>
This block uses a few newer features that are currently only available within the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg plugin</a>.

Tiles Badge Block

Add a badge to highlight content areas on your website with our new badge Gutenberg block.

Mike Martel

WP Tiles is a WordPress plugin that allows anyone to create beautiful tiled layouts for their website.
With WP Tiles you can:
<ul>
<li>Display your latest blog posts in a fully customizable and responsive grid layout</li>
<li>Show a tiled archive of any post type, category or other taxonomy</li>
<li>Create beautiful tiled image galleries using the WP Media Uploader</li>
</ul>
<blockquote>
To experience for yourself how easy it is to create grids with WP Tiles, checkout the <a href="http://wp-tiles.com/#grid-editor" rel="nofollow ugc">grid designer</a> on our website.
</blockquote>
<h4>Usages</h4>
<ul>
<li>
Displaying Posts: The simplest way of using WP Tiles is by placing the <code>[wp-tiles]</code> shortcode somewhere on any of your pages or posts. Just add [wp-tiles] to your post to view the default tiles. However, WP Tiles is extremely flexible, allowing you to specify what content you want to display on your tiles, whether to display background images or skip posts that have no featured image, and much much more.
</li>
<li>
Create a tiled gallery: You can use WP Tiles to replace your default WordPress <code>[gallery]</code> shortcode. Simply create a gallery and select the grid you want to use, and you are good to go. Images can link to the attachment page, the image file, or be opened using a Thickbox, or with JetPack’s Carousel (or the <a href="https://wordpress.org/plugins/carousel-without-jetpack/" rel="ugc">Gallery Carousel without JetPack</a> plugin!).
</li>
</ul>
<blockquote>
Update: We recently released our free Twenty Fourteen child theme for WP Tiles. Check it out <a href="http://wp-tiles.com/tiledfourteen/" rel="nofollow ugc">here</a>.
</blockquote>
<h4>Other Features</h4>
Pagination using the shortcode 
The shortcode can be automatically paginated. The plugin includes AJAX pagination (without page reload), previous/next page navigation and page number navigation.
SEO Friendly 
The Tiles require JavaScript to be rendered, but they are readable by bots that don’t use JavaScript, and even include basic Schema.org microtags and are generated using clean HTML5. This means that you can safely use WP Tiles as a primary element on your page without worrying about SEO.
Grid Builder and Tile Designer 
The admin interface comes with a live editor for grid templates, so you can immediately see what grid templates look like. Tiles and bylines also come with a collection of hover effects and a list of adjustable properties that you can edit and preview immediately in the Tile Designer.
Completely custom bylines 
The bylines are now generated using a custom template, the mark up and content of which you can control entirely. You could even start showing complete posts on tiles if you want to!
For complete documentation, check out the website at <a href="http://wp-tiles.com/" rel="nofollow ugc">wp-tiles.com</a>.
<blockquote>
If you want to help develop this plugin, visit the <a href="https://github.com/mgmartel/WP-Tiles" rel="nofollow ugc">GitHub repo</a>.
</blockquote>

WP Tiles

I was impressed at option to create tiles with my own dimensions, just what I needed. It can be seen that many, many working hours were spent into this plugin. And it still works in Wordpress 5.02.
I only found that option for different grid at mobile is not functioning, I will see if I can fix it. I also modified Javascript in a way that it loads 16:9 tiles instead of quadratic ones.

Delighted

Add beautiful, fully customizable post tiles or tiled galleries anywhere on your WordPress site easily with WP Tiles.

Tiles Badge Block vs WP Tiles