16th Apr '23
/
0 comments

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

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Previous Two Posts in Bricks Query Loop

Previous Two Posts in Bricks Query Loop

This Pro tutorial shows how we can modify the parameters of a Bricks query to limit the posts to the previous two whilst cycling to…