The LGD Callanish theme’s Tiles are a key design feature. Tiles are a grid of individual items which can be created and used in a number of different ways.
The simplest of these are the Tiles in the listing pages for Posts. WordPress creates listing pages for All Posts and each Category automatically, with the styling added by the Theme.
LGD Callanish, by default, will list Posts in a three-column Grid, eight Posts per page (pagination of Posts over multiple pages when required is automatic). With eight Posts and three columns, the first post on each page will span two columns. You can, though, set the Posts per page to whatever value you want.
Note that if placing a Tile block within a Columns block, you should not use the Align Wide setting and limit the number of columns to 1 or 2.
The styling can be customised. Colours can be set in the Customiser, and there are seven different Tile styles. Customiser options can be used to set the default tile style, and this can be over-ridden in individual blocks.
You can also set a Fallback image in the Customiser to be used if a Post does not have a Featured Image set. We would also set up a default Fallback image in the Theme folder as part of theme installation.
Further customisations can be made if required.
While WordPress creates listing pages automatically, there might be other places you want to include Posts, eg, a Latest News Posts block on your front page.
We have created several custom Blocks for the LGD Callanish theme which use the Tile layout design.
If you aren’t familiar with WordPress’s Block Editor, you can read WordPress’s Editor guide.
All these Blocks allow you to add Tiles in 2, 3 or 4 columns (these are maximums and will be automatically reduced at narrower screen widths to prevent tiles becoming too narrow).
The Blocks also include a Grid Balance option that ensures there are no empty spaces in the bottom row of the grid. This is achieved by some Tiles in the first two rows spanning two columns as required, and automatically adjusts based on the number of tiles and columns.
Read more about Responsive Layout and our Grid Balance feature.
WordPress includes a Latest Posts block as part of the core Editor, and there are lots of Third-Party Blocks, but we developed our own Posts Block to fully integrate with the theme.
Using the Lynx Posts Block you can add Posts from one or more categories, ordered by date (newest or oldest first) or by Title (A-Z or Z-A).
Block settings include number of Posts, number of columns, offset and Grid Balance.
The number of columns is a maximum and will be adjusted downwards at narrower screen widths.
Offset can be useful in situations such as where you want to feature the latest Post at the top of your home page, and lower down you want a block of latest Posts, excluding that first Post.
Grid Balance ensures that there are no empty spaces in the bottom row of the grid. This is achieved by some Tiles in the first two rows spanning two columns as necessary, and automatically adjusts based on the number of tiles and columns.
Below is a Posts block of four Posts in a three-column grid.
In addition to the Block settings, there are Tile settings to control the Tile content. Any element of Tiles can be hidden, for instance, hiding all elements except Title would give you a grid of Titles, hyperlinked to their Posts. Or if you hid all elements except the image, you’d get a gallery of Featured Images linked to their Posts.
The Tile Library contains individual reusable Tiles, which are a bit like mini Posts. They are designed to have a Title, short text (fewer that 100 words), image and, optionally, a link to a web page or file (on your site or an external site).
Like Posts, Library Tiles can be grouped by category.
There are lots of possible uses for Tiles, eg, you could create a Tile for each of a series of documents, or for members of staff.
There are two ways to include Library Tiles in your site, The Lynx Library Tiles block or the Lynx Tile Grid.
Library Tiles Block
The Library Tiles block allows you to quickly add a group of Library Tiles in a similar way to the Posts block. In most cases Tile selection will best be done using categories, with options for ordering by Date or Title.
Tile Grid Block
The Tile Grid block allows you to create one-off Tiles and to include individual Library and Post Tiles within the block.
The content is the same as Library Tiles, but added within the Tile Grid block.
The block can be used just to create a block of one-off Tiles, but there is the flexibility of being able to mix and match with Library Tiles and Posts.
Image Tiles Block
The Image Tiles block has similar layout options to the Tile Grid, but each item is just an image with overlaid text, linked to an internal or external web page or file.
Gallery Grid Block
This block allows you to quickly add a group of images which will match the layout of other theme blocks.
Tiles are a layout design feature of the LGD Callanish theme used in various ways:
- automatically to style Post listing pages;
- in the Lynx Posts block used to place a selection of Post excerpts on any page or post;
- in the Lynx Library Tiles block used to place a selection of reusable Library Tiles on any page or post;
- in the Tile Grid block which can be used to mix and match one-off Tiles together with individual Library and Post Tiles;
- in the Image Tiles block and Gallery Grid block to show a block of images.