This tutorial provides the code to output a “Buy Now” link button below entry content in Genesis if a affiliate_product_url custom field created using Advanced Custom Fields plugin is not empty. Backend: Frontend: We shall ensure that the link will be shown only if Affiliate Product URL has been entered for the individual posts. Step […]
Genesis
Jetpack-like Related Posts without Jetpack in Genesis
Jetpack’s Related Posts module has a “large and visually striking layout” option that shows related posts at the bottom of content like this: This tutorial provides the steps to show a similarly styled three related posts below the comments section on single posts in Genesis based on the code by Nick Croft and improvements by […]
How to add Simple Social Icons to Infinity Pro’s header
In the members-only forum, a user asked: Hello Sridhar, I was wondering how to add simple social icons to the far right-hand side of Infinity Pro’s header ? I would like them to be responsive for mobile devices. I’m guessing this can somehow be done by re-enabling the header right widget area. Thank you, We […]
Custom Page Template to show posts grouped by selected categories using ACF’s Taxonomy field in Genesis
Recently a user enquired: Hi Sridhar, I have a quick question for you (possible new project). I noticed that this site (drupal) https://www.switchbacktravel.com/outdoor-gear-reviews breaks its archive pages into section. I wanted to know if something like that was possible in wordpress. to which I replied: Yes possible. The easiest way would be to create a […]
Inline logo, primary nav and widget area in Genesis
This tutorial provides the steps to relocate the primary nav to in between site title and header right widget area in Genesis and customizing the CSS to display these inline incl. in mobile view. We are going to set up custom image logo instead of the background custom header remove the primary navigation menu from […]
How to reposition Jetpack Related Posts and Social Warfare buttons in Genesis
Jetpack’s Related Posts and Social Warfare‘s social buttons, by default, attach themselves to the content and appear like this on single posts: Looking to move them below the content (and comments – if enabled) inside a new div on single posts in Genesis like this? Step 1 Add the following in child theme’s functions.php: add_filter( […]
Transparent site header on Infinity Pro’s homepage when there’s a header image
In my tutorial requests Trello board, a user asked: Infinity Pro Once you add a logo the header background on the Home screen becomes white. Would LOVE help going back to see thru ‘with’ logo. When a site header image has been set in Infinity Pro, the site header on the front page will no […]
Responsive Front Page 1 image in Atmosphere Pro
Front Page 1 section of Atmosphere Pro uses Backstretch for its background image and is hence not responsive. Left and right side of the image will get cut off as we reduce the viewport width. This tutorial provides the steps to disable Backstretch and setup the Front Page 1 image inline i.e., as a regular […]
How to set a custom title for Posts page in Genesis
In my earlier post titled How to set a custom title for Posts page in WordPress, I showed how the_title filter can be used to change the Posts page title on the frontend. While this method should work in any WordPress theme including Genesis, if you are looking for Genesis-specific way of achieving similar add […]
Category switcher without page refresh using FacetWP and jQuery Nice Select in Genesis
neilpatel.com/blog has a lovely category selector dropdown which uses jQuery Nice Select to style the select menu in a clean and consistent manner across the various browsers. This tutorial provides the steps to set up the same before the content-sidebar wrap on the Posts page in Genesis using FacetWP and jQuery Nice Select. https://sridharkatakam.com/wp-content/uploads/2018/03/category-selector-genesis.mp4 Step […]
Recent Comments