In the past, I wrote a tutorial titled Featured Image Background Parallax section on Posts and Pages in Altitude Pro. This tutorial is different in the following ways: Parallax.js jQuery script (more robust) is used instead of JS from Parallax Pro theme Instead of post info/title, entry-specific content (if present) in a custom text area […]
Featured
Categories Archive Page Template in Genesis
A user asked, I would like an Archive Blog page by category as per this sample – http://www.lizsteel.com/archives/ (with a link to “More” so visitors can get the rest of the blogs in the category). This tutorial provides the steps to display posts grouped by selected categories on a static Page in Genesis. For each […]
Portfolio Grid in Genesis Filterable by Multiple Taxonomies using FacetWP
FacetWP is an excellent plugin for setting up filtering capabilities for entries in WordPress. Here are FacetWP’s benefits over using something like Isotope: supports pagination out of the box. Entries being filtered need not all be present on a single page supports automatic narrowing down of filters i.e., as items get filtered by one criterion, […]
Full Width Widgetized Front Page in Genesis
April 03, 2018: Follow this updated tutorial instead. This tutorial provides the steps for setting up a basic full-width widgetized homepage in Genesis. We shall register 5 front-page widget areas and display the widgets placed in them inside div.site-inner using a custom template for the front page. Sample generated HTML markup: Screenshot: Step 1 Create […]
How to make the latest post featured (large) in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Grid of featured images with sliding content panels on a CPT archive in Genesis
In my tutorial requests Trello board, a user asked: I would love a tutorial on how to use cpt and maybe the accordian show/hide to get a result similar to this Team/Staff page: http://www.unified.com/team/ I think this could be used for portfolio pages also. Thank you so much! I think this could be used for […]
Simplifying the code for displaying multiple widget areas in Genesis
Updated on April 26, 2017 Let’s say you want to display 5 widget areas for the front page. The code for this is something like genesis_widget_area( ‘front-page-1’, array( ‘before’ => ‘<div class=”front-page-1 widget-area”><div class=”wrap”>’, ‘after’ => ‘</div></div>’, ) ); genesis_widget_area( ‘front-page-2’, array( ‘before’ => ‘<div class=”front-page-2 widget-area”><div class=”wrap”>’, ‘after’ => ‘</div></div>’, ) ); genesis_widget_area( ‘front-page-3’, […]
YouTube Videos Grid in Genesis using ACF Pro’s Repeater, Infinite Scroll and Featherlight
Updated on April 10, 2018 This tutorial covers the details of setting up a repeater type custom field for YouTube video URLs and displaying these on the front end in a grid of thumbnails, which when clicked plays the corresponding videos in a lightbox. We shall add a custom pagination (hidden) which is needed for […]
Split Navigation with menu items on logo’s left and right in Genesis
April 24, 2018: The tutorial on this page is for an older version of Genesis Sample. For v2.6.0 and above, follow this instead. The theme version is yet to be updated. Updated on July 03, 2017 If you’d like to purchase a theme version of this tutorial, get it here. In the past, I wrote […]
Portfolio Archive CPT Masonry with Title and Excerpt on Hover in Genesis
In my tutorial requests Trello board a user requested for a tutorial on displaying Portfolio Custom Post Type entries in Masonry style. In this article we shall use Portfolio Post Type plugin for setting up portfolio in Genesis create a custom template for the portfolio CPT archive page add the necessary CSS to display the […]
Recent Comments