WP SITES

2376

Original Genesis Tutorials & 5000+ Code

Snippets

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.

Customize Search Results Page

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

Registration Required. Click here to register for full access


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

Related Posts