WP SITES

2468

Original Genesis Tutorials & 5000+ Guaranteed 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

Click here to get full access to all tutorials


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

Related Posts