Relevanssi is a WordPress search plugin which provides a ton of configurable options like showing the search results sorted in the order of relevance, automatic bolding of the search term, ability to exclude and include categories, tags, posts and pages from search. In this tutorial, we shall create a search template file in Genesis in […]
search
Search results grouped by post types with entries in a grid in Genesis
In the members-only forum a user asked: Your tutorial âCustom Search Template in Genesis showing Results Grouped by Post Typesâ helped me a great deal, but now I would like to show those search results in a grid format of 4 across, showing only featured image and title. How would I implement this? In this […]
Fixed nav on scroll with button for full screen search in Genesis
In Genesis Slack chat a user asked, Is it possible to get this tutorial, https://sridharkatakam.com/slide-search-box-full-screen-overlay-genesis/ to work with this one https://sridharkatakam.com/how-to-make-primary-navigation-in-genesis-sticky-on-scroll-for-desktops-and-mobile-responsive-on-handhelds/? In this tutorial I share the steps for adding a magnifying glass search icon to the right of Primary nav in Genesis which when clicked opens a full screen overlay showing a search field. […]
Full width search form on top of header in Genesis
The other day I received an email from Mediafox asking if I want to have a chat with them for a potential job. While I am not interested in that, what I did find interesting is the search form implementation on their site. Clicking on the search icon in the header nav brings up a […]
Fixed Header with Inline Site Title, Primary Nav, Social Icons and Search Icon in Dynamik
In this tutorial we shall set up the header in Dynamik to show site title at left and primary navigation menu, social icons and search icon at the right and make it fixed so the header continues to appear when the users scroll down. Clicking on the search icon fades in the search box and […]
Responsive side menu with search form in Genesis using Font Awesome and Sidr in Genesis
In the comments section of Adding a responsive side menu in Genesis using Sidr a user wanted to know how a search form can be shown in the side menu with the Submit button replaced by a Font Awesome icon. In this tutorial I share the steps for adding a search form floated to the right of Primary Navigation […]
Custom Search Template in Genesis showing Results grouped by Post Types
Updated on July 23, 2017. Code in search.php has been updated to only show the search result when there is at least 1 matching entry. A user in Genesis Facebook group asked, …I want to customize a search results page for a client to show results grouped like: Article Results list 5 post/page results or […]
Animated Search form in Minimum Pro
This article covers implementing How to set up animated Search form in Genesis tutorial in Minimum Pro. We are going to unregister Header Right widget area and position Primary navigation menu in its place by moving it from genesis_after_header to genesis_header. Step 1 In functions.php replace This file contains bidirectional Unicode text that may be […]
How to Slide Down Search Box in a Full Screen Overlay in Genesis
In this article I show how Fullscreen Overlay Effects code by Codrops can be used to bring up a search box in a full screen overlay when a magnifying glass search icon is clicked in the Primary navigation of Genesis. As can be seen at Tympanus’ demo page, the overlay can be shown with various […]
How to set up Google Custom Search in Genesis
Updated on August 14, 2016 This tutorial is based on Rowell Dionicio’s blog post on adding Google custom search to Genesis framework which in turn was based on John Levandowski’s. The idea is to replace the standard WordPress/Genesis search with a custom search engine powered by Google. While the tutorial has been written for Genesis […]
Recent Comments