In Genesis Slack chat, a user asked: I am trying to use the Custom Featured Post plugin to add a NEW label before the title. Has anyone tried this before? I am thinking of just accessing the March 11, 2017 and checking if it is > 90 or >180 days or something. In this tutorial, […]
Genesis Loop Actions
When customizing Genesis, it is essential to have an understanding of what the default loop is made up of. This will help you in easily move things around with just a few lines of code. Here’s the code from genesis/lib/structure/post.php I used to have a print-out of, next to my computer when I was a […]
How to display Yoast SEO’s Primary Category in Genesis Entry Meta
In the comments section of Custom Shortcode for Primary Category Link in Genesis Entry Meta using ACF tutorial, a user asked: Hello Sridhar! This is helpful. Do you know how we could customize this to use the Yoast Primary Category instead? Since version 3.1, Yoast SEO plugin supports designating a category as the primary category […]
How to Filter Category Archives by Tags using MixItUp in Genesis
This tutorial provides the steps to set up a category archive template page in Genesis which displays tags of all posts in that category. Clicking on a tag will show the posts which have been assigned to that tag via MixItUp’s filtering. Screencast: We are going to create a category.php template file in which we […]
[Video] Custom Genesis Front Page
Earlier today I had a Zoom screen share meeting with a user who wanted to know how to set up a custom homepage in Genesis that looks like this: You can find below recordings of the session which cover these topics: creating a site from scratch on localhost using DesktopServer, activating Genesis Sample, creating a […]
Using Flexbox for displaying widgets in columns
A common question I see being asked is, “How do I display widgets placed in a widget area in columns?” In this tutorial, I provide basic Flexbox CSS code for arranging three child elements of a container side by side in columns. Screencast: Given the HTML structure of we begin by declaring display property of […]
How to add custom attribute to a nav menu item in WordPress
Want to add a custom attribute like target=”foobox” or data-featherlight=”#enews-popup” to a specific nav menu item’s anchor? nav_menu_link_attributes filter hook in WordPress is your friend. For example, adding /** * Add custom attribute and value to a nav menu item’s anchor. * * @author Sridhar Katakam * @link https://sridharkatakam.com/ */ add_filter( ‘nav_menu_link_attributes’, function ( $atts, […]
Genesis Sample’s Functions per WordPress PHP Documentation Standards
I’ve recently set up WPCS (WordPress Coding Standards) in my editor, Sublime Text and have since been diligently adding appropriate comment blocks for the various code I use/write, thanks to the linting or automatic code suggestions. Looking at the code in the current latest Genesis Sample 2.2.4’s functions.php, there are minor improvements that can be […]
Split Navigation in Gallery Pro
This tutorial covers the details of implementing Split Navigation with menu items on logo’s left and right in Genesis in Gallery Pro. We shall shrink the logo down upon scrolling down and on mobile widths, make it appear above the hamburger menu icon. Step 1 Edit functions.php. a) In // Add support for custom header […]
StudioPress-like FAQ section in Genesis
In my tutorials requests Trello board, a user asked: I was looking on the StudioPress Site and would like to see a tutorial to implement the FAQ section. Love the action and shadowing, left alignment of multi-line questions. (http://my.studiopress.com/plans/) In this tutorial, I pull apart the HTML, CSS and JS code for the FAQ section […]
Recent Comments