This members-only tutorial provides the steps to show post title links in the sidebar and using Ajax to fetch and load the corresponding entry when a title is clicked based on this excellent article from wpmudev. While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis […]
Featured
Header Right widget area in Genesis Sample 2.6.0
In the members-only forum, a user wrote: I like the new child theme but miss the versatility of having a right widget area. The demo shows a nice button that can be used for a CTA, but it folds into the menu when the site is mobile. What would be the best way to add […]
Font Awesome 5 SVG icons above menu items in Genesis
Updated on April 11, 2018 In the past, I wrote a tutorial on How to set up Font Awesome icons above menu items in WordPress. That method involves loading Font Awesome’s CSS and showing the icons using pseudo selectors. This tutorial provides the steps to use the new Font Awesome 5’s SVG icons instead. We […]
Improvements in Genesis Sample 2.6.0
Updated on April 25, 2018 The recently released Genesis Sample 2.6.0 is close to perfection as my ideal starter Genesis child theme. That said, there are still a few things that could be improved in my opinion and I list the theme changes and fixes below. Most of these will hopefully be fixed by StudioPress […]
Genesis Community Wiki
I have been working for the last couple of days on putting together code snippets that anyone in the Genesis community can add to and edit. Pleased to announce the launch of collaborative code snippets where anyone in the #GenesisWP community can contribute.https://t.co/W7EdIm4cNh Register an account, log in and start adding your code collection. — […]
Full Width Widgetized Homepage in Genesis Sample 2.6.0
This article provides the steps to set up a full-width widgetized front page (with fixed-width content) in Genesis running on Genesis Sample 2.6.0 and above based on this article from Bill Erickson. Step 1 Let’s register 4 front page widget areas. Add the following in child theme’s functions.php: // Registers front-page widget areas. for ( […]
Front Page 1 background image slider in Showcase Pro using Backstretch
This tutorial provides the steps to replace the single background image for Front Page 1 widget area in Showcase Pro with a series of rotating background images changeable in the Customizer using Backstretch. Tested in Showcase Pro 2.0.2. Step 1 Upload your default background images (that should rotate) to Showcase Pro’s images directory using this […]
Header Search in Genesis
This tutorial provides the steps to add a magnifying glass search icon at the right of Primary nav menu in Genesis, which when clicked, will show a search box covering the entire site header based on the code from Monochrome Pro. Screenshots: While the tutorial has been written for Genesis Sample 2.6.0, it should work […]
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 […]
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