This tutorial provides the steps to implement Bill Erickson’s Infinite Scroll in WordPress on the Posts page and archive pages in Genesis with minor improvements. We are going to cover the case where user scrolling acts as the trigger to fade in the subsequent set of posts. If you are looking for a button click […]
Featured
Posts Grid showing Image, Title and Date in Genesis
In Genesis Facebook group a user asked, Have a coding question about an archive loop 🙂 I’ve been using this tutorial for my theme’s archive.php: http://www.billerickson.net/genesis-grid-loop-content/ It does what I need it to principle, but I’m struggling with customizing it. I want it to output the image, title, and date. No excerpt. And I’d like […]
How to disable AdSense Auto Ads in Genesis
Genesis 2.6 comes with a new AdSense Auto Ads feature to easily place relevant ads automatically based on Google’s machine learning algorithms in optimum locations. As fancy as that sounds, many of us probably will not need this feature and would like to remove the corresponding meta box in Genesis theme settings and other places […]
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
Font Awesome’s magnifying glass web font as search button text in Genesis
In the comments section of my old How to replace search button text with a icon font in Genesis tutorial, a user asked: I noticed when I enqueue Font Awesome 5, the search icon from this tutorial disappears, does that have something to do with the new icons being SVG? In this tutorial, I share […]
Mega menus in Genesis
Updated on 31 May 2022 In the members-only forum, a user asked: Is there a good way to create a Genesis mega menu without using a plugin (such as UberMenu, which is great but very resource-intensive)? Ideally, I’m looking for a solution that is primarily CSS-based, where a client can use the regular WP Menu […]
Previous / Next Post Navigation on single Posts in Genesis
In the past, I wrote a tutorial titled How to add links to Previous Post and Next Post on single Posts in Genesis. Adjacent entry navigation added via add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ ); will appear in between the .entry and #respond. What if you want to show it in a different place or have it appear […]
Soliloquy Image Grid in WordPress
One of the reasons why I prefer Soliloquy over other slider plugins is the abundant number of hooks and filters which provide complete control of the HTML output. This tutorial provides the steps to loop through the image slides (client logos, in this example) of a Soliloquy slider and display them in a grid using […]
How to add a button to Primary navigation that opens full screen widget area in Genesis
In the past, I wrote about Infinity Pro’s Offscreen widget area in any Genesis child theme. In this tutorial, we shall adapt Infinity Pro’s Offscreen widget area in News Pro. We are going to add a font icon button at the end of Primary navigation’s menu which when clicked will open the widget(s) in a […]
Unique full width hero images on archive pages with headline and intro text overlay in Genesis
This tutorial provides the steps to set up different full-width images below the site header for different category, tag and custom taxonomy term pages in Genesis. We shall use WP Term Images plugin to setup image for individual category, tag, and custom taxonomy terms. A placeholder image will be set to be shown for terms […]
Recent Comments