Recently I finished custom work for a gentleman that involved creating a Page Template in Genesis that shows Posts in tabular format grouped by their categories with sorting and search options available in the front-end. Full page screenshot. Requirements: Displays Posts from each category organized by category with the categories in ascending order. Within each […]
Genesis
Scroll Animations in WordPress using Smoove
In the past I wrote several tutorials on scroll animations Genesis/WordPress: Scroll animations in WordPress using WOW.js Adding scroll animations in Parallax Pro Using ScrollReveal.js to fade in posts in Genesis Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints Using Waypoints jQuery to animate and fade in elements as they are […]
How to Remove Primary Navigation from homepage and show on inner pages only for logged in users
In my post titled Removing Primary navigation menu on home/front page in Genesis, Jeremy asked, Is there a way to add it so it not show on the front page and would only show on other pages if a user was logged in? i.e., the requirement is: 1) Remove Primary Nav from homepage 2) Display […]
How to Remove Date from all Posts of a Specific Category in Genesis
Missy asks, Hey #genesiswp developers! Any of you know how to turn the date off on just 1 category?— Missy ♿️📚 (@nerdoutofspoons) October 8, 2014 @srikat on all the posts in a category— Missy ♿️📚 (@nerdoutofspoons) October 8, 2014 We can attach a function to the genesis_post_info filter and use in_category() if conditional to remove […]
How to Slide Down Search Box in a Full Screen Overlay in Genesis
In this article I show how Fullscreen Overlay Effects code by Codrops can be used to bring up a search box in a full screen overlay when a magnifying glass search icon is clicked in the Primary navigation of Genesis. As can be seen at Tympanus’ demo page, the overlay can be shown with various […]
How to display Excerpts as mouse following tooltips for Featured Images in Portfolio Archive in Genesis
In this article I share how excerpts can be shown in a tooltip when mouse is placed on featured images for entries in the Portfolio archive page of Minimum Pro. We shall use PowerTip for the tooltips and write a small custom JS that will pluck the excerpt text, place it in a variable, hide […]
Mobile Responsive Genesis Header Nav
Gary Jones authored a plugin called Genesis Header Nav for Genesis that registers a menu location and displays it inside the header. The benefit of using this plugin over the built-in Header Right widget area is that when the requirement is to display a custom menu in header’s right side, Genesis Header Nav plugin does […]
How to add multiple Slidebars in Genesis
Design objectives: Add a menu icon before existing Primary Navigation’s menu items and a search icon at the end of menu items. Clicking the menu icon should slide open Primary Sidebar from the left edge of screen. Clicking the search icon should slide open Secondary Sidebar from the right edge of screen with focus in […]
Displaying Advanced Custom Fields’ Gallery Field as a Slider using Soliloquy
This is an extension of my Single CPT template in Genesis to display ACF custom fields including a Gallery field as a Slider tutorial. Here I discuss using Soliloquy instead of Flex slider for displaying images of ACF Pro’s gallery field in a slider. Thanks to Jo Waltham and David Egan for the code. Requirement: […]
How to display non-hyperlinked tags in Genesis
Genesis has a handy post_tags shortcode that displays tags associated with single entries. The output is tag link list. What if you do not want the tags to have hyperlinks? This can be done in at least 2 ways. In this tutorial I show how comma separated tags can be displayed at the bottom of […]
Recent Comments