Updated on November 22, 2016 In this article I share how Slidebars jQuery plugin can be implemented in Genesis for sliding a sidebar from the right edge of screen when a link is clicked. We are going to display widgets placed in Primary Sidebar widget area in the sliding sidebar (i.e., Slidebar). The Slidebar will […]
Search Results for: youtube
Vertical tabs with jQuery UI for instant content swapping in WordPress
The motivation behind this article is this Twitter conversation. Looking to have some links at the left which when clicked load the corresponding content on the right side w/o loading the full page? Here’s one way of setting this up in WordPress. Step 1 Create a file named tabs-init.js in your child theme’s js (create […]
[Video] Creating a custom widgetized Front page in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Custom Carousel in WordPress using bxSlider with a backend UI using CPT
In this article I show how we can set up a carousel (with 3 images scrolling at a time) using bxSlider in WordPress. We shall use Types (free plugin) to create a ‘Carousel Images’ CPT (Custom Post Type) and a ‘Video URL’ custom field, then use Views (commercial plugin) to loop through the CPT entries, […]
Scroll animations in WordPress using WOW.js
In the past I wrote about using ‘Jack In The Box’ and ScrollReveal here and here for on scroll (more like, ‘when-it-comes-in-the-view’) animations. I have updated the post on ScrollReveal today. But find that animations no longer work during my tests. Therefore I gave WOW, the newer incarnation of Jack In The Box a try […]
Simple image hover effect that shows a background image
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Filter Posts by Category in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Video background in Genesis using jQuery
In this article I share my findings in implementing Victa’s Background video jQuery plugin in Genesis Sample theme (should work in other Genesis themes as well with minor changes). Screenshots: Videos are in the post below. Step 1 Download the jQuery plugin’s zip file from here. Step 2 Extract the contents and upload jquery.backgroundvideo.min.js to […]
Hide header until it is needed in WordPress using Headroom.js
Want to slide your site’s header out of view when scrolling down and slide it back in when scrolling up? In this article I show how to incorporate Headroom.js in WordPress for non handheld devices. Upload headroom.min.js to your child theme directory/js (create js directory if it’s not present). Upload jQuery.headroom.min.js to the same location […]
Medium-like Full View Featured Image in Genesis
Danny asked, Great tutorials as always! I was wondering, I’ve just implemented Parallax Pro for my own blog. Is there a way to use a custom header image for each post, the way that Medium does: https://medium.com/life-tips/494224e0f983 Or how the new Ambiance Pro theme does it: http://demo.studiopress.com/ambiance/mobile-responsive/ Or how Dustin Stout did it on his […]
Recent Comments