Genesis Custom Search Results Page

In this post, i’ll show you how easy it is to create your own custom search results page template for Genesis.

The results page this code creates is only displayed when using the built in native WordPress search widget or function.

Code Installation

There’s 3 code blocks connected together in this Gist.

1. Firstly, create a new file named search using a text editor like Notepad++ and click the view raw link in the Gist labelled search.php. Paste all the code into this file and upload it to the root directory of your Genesis child theme.
2. Secondly, click the view raw link in the Gist labelled functions.php and copy & paste the PHP code to the end of your child themes functions.php file
3. Last of all, copy the CSS code from the Gist labelled style.css and paste it near the end of your child themes style.css file before the start of your Media Queries.

Code

The code assumes you’re using the Genesis > Theme Settings > Content Archives > Display Post Content settings.

Related Posts

• Genesis Search Results Template You Can Fully Customize
• Display Different Size Featured Image On Search Results Archive Page
• Twenty Fourteen Theme: Custom Search Results Page
• Custom Search Form for Custom Post Type
• List Titles Only On Search Results Page