Feature Post on Posts page in Bricks

This Pro tutorial explores different options for showing the top-most or latest post as a wide feature post with the rest in a grid on the Posts page (blog posts index) when using Bricks.

Page 1:

A paginated page like Page 2:

Note: This can also be applied to other archive pages like category archives, and search result pages.

Step 1

Create a Page titled say, "Blog" and set it as the Posts page at Settings → Reading.

Edit it with Bricks.

Step 2

In the next step, you are going to copy the JSON code of a Section having a fully-built query loop that outputs the posts grid.

The size of featured images has been set to "Bricks Large" (1200 x 675 cropped) which Bricks adds when Bricks → Settings → Generate custom image sizes is checked. You might want to do that. If you'd like to use a different image size, make the change after pasting the Section in.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Instant access to 390+ Bricks code tutorials with BricksLabs Pro