Updated on June 12, 2018 In one of my earlier tutorials, I wrote about Slideout in Genesis where the off-canvas side menu was set to show the widgets placed in a custom widget area. In this article, we shall move the mobile responsive menu which appears after clicking/tapping the hamburger menu icon (from 959px and […]
Premium Content
Header with white background + Image & text in Front Page 1 section of Showcase Pro
In the comments section of How to set up a Welcome section with Image at left and a Text widget on right in Genesis, a user asked: Iād much prefer this setup in Showcase than the default background image with one widget. Have you provided a tutorial for this kind of thing in Showcase? Now […]
if conditional in WordPress for checking if a post has been published between two dates
In the members-only forum, a user asked: I need to know if is possible a conditional from date, for example is_date (1 april 2017 to 1 septiembre 2017){ } This tutorial provides the code to display a Promo Bar above header on single posts published between the specified start and end dates in Genesis. Approach […]
Taxonomy archive template to show CPT entries grouped by another taxonomy in WordPress
Scenario: CPT: books Associated Taxonomy 1: universe Associated Taxonomy 2: series Requirement: In universe taxonomy’s term archives, show books grouped by series. Here’s the PHP code in taxonomy-universe.php for this: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Querying multiple taxonomies in WordPress
Scenario: CPT: books Associated Taxonomy 1: universe Associated Taxonomy 2: series Requirement: For each universe show the books grouped by their series. Note: Unlike in the screenshot, the code below ensures that if there are no books in a series, the series name will not appear. Also, as can be seen, books were present only […]
Off-canvas side menu in Genesis using Slideout.js
Update on January 12, 2020: Follow the updated tutorial here instead. Slideout.js is a touch slideout navigation menu for mobile web apps. In this tutorial, I share the steps to display a hamburger menu icon at smaller widths which when clicked/tapped will slide out the widgets placed in a widget area from the side of […]
How to display posts grouped by year in WordPress
In a recent Genesis customization work I took up, the requirement was to display entries of a Custom Post Type grouped by years the posts were published in. The output needs to be the year the latest entry was published in, then an unordered list of titles linking to their permalinks for all entries published […]
Inline Site Header and Primary Navigation in Pretty Creative
In Pretty Creative theme, the Primary Navigation menu is moved above the site header out of the box. In this tutorial, I share the steps to wrap the site header and primary nav in a custom div and float site header to left and primary nav to the right on desktops. We shall also make […]
Responsive “background” image for Front Page 1 section in Digital Pro
Digital Pro has code that automatically sets the height of Front Page 1 widget area to that of viewport height and uses Backstretch jQuery script to set an image (changeable via WordPress customizer) as its background. There might be cases when you want the Front Page 1 section to take up only as much height […]
How to set featured image as background for Posts page heading in Genesis
When a static Page has been set as Posts page at Settings > Reading, the title of the Page will automatically appear as a heading on the Posts page in Genesis. This tutorial provides the steps to grab URL of the featured image set for this Page and set it as background image for the […]
Recent Comments