A well-designed search results page enhances user experience by making it easier for visitors to find relevant content on your website.
With Divi's Theme Builder, you can create a custom search results page that matches your site's design and improves functionality.
This article will guide you through designing and implementing a custom search results page using Divi's powerful tools.
Create the Search Results Theme Builder Template
From your WordPress Dashboard, go to Divi → Theme Builder
Create a new Template and assign it to Search Results
Add the Custom Body by clicking on Add Custom Body → Build Custom Body
Build the Search Results 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
In the Design Tab → Layout, choose Grid
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 on the top right X icon to exit the Visual Builder
Click on the Save Changes button to save the new Search Results template
Note: The above template will be used when returning search results that include Pages and/or Posts. This will not include other custom post types, such as Products or Projects.