A Grid layout can enhance the visual appeal and organization of your archive and category pages by displaying posts in an attractive, grid-like format that adjusts dynamically.
In this article, we will guide you through the process of creating a Grid layout for your archive pages using Divi's 5 Theme Builder.
Out of the box, Divi will display all the posts on an Archive page using a standard layout that looks like this:
Create the Archive Theme Builder Template
From your WordPress Dashboard, go to Divi → Theme Builder.
Create a new Template by clicking the Add New Template button.
Choose Build New Template.
Assign it to All Archive Pages.
Add the Custom Body by clicking on Add Custom Body → Build Custom Body.
Build the Archive template's layout
Add the Heading module in the First Section.
In the Heading module settings, under the Content Tab → Heading, click on the Dynamic Content icon
.
Select Post/Archive Title from the dropdown list.
Add the Blog module to the layout and:
In the Blog module's Content Tab, enable the option Posts For Current Page.
Save all changes by expanding the Visual Builder's settings and clicking on the Save button or by pressing CTRL+S (for Windows/Linux) or CMD+S (for Mac)
Click the top right Exit button to exit the Visual Builder.
Click on the Save Changes button to save the new Search Results template.
