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 625 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to Remove Name and Website Fields in Bricks Comment Forms

How to Remove Name and Website Fields in Bricks Comment Forms

Updated on 14 Mar 2024 In the BricksLabs Facebook group a user asked: What is the best method to remove fields from the Bricks "Comments"…
How to hide/remove the Block Element from the Bricks Builder

How to hide/remove the Block Element from the Bricks Builder

Don't like the new Block element in Bricks? Just copy/paste the following code into your child theme's functions.php. By the way, It's a terrible idea…
Categories:
Tags:
Pro
Restrict Content Pro in Bricks

Restrict Content Pro in Bricks

This Pro tutorial provides the steps to restrict Pages and individual elements like Sections in Bricks depending on whether the current user has any active…