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 […]
Search Results for: wordpress
Setting a random full-sized background image in WordPress using Backstretch
Scott Robbin, the creator of Backstretch shared a snippet for Random Backstretch image on GitHub. Here’s how it can be applied in WordPress: Upload jquery.backstretch.min.js to child theme/js directory. Create a file named say, backstretch-init.js having the following code in the same location. To view the full content, please sign up for the membership. Already […]
Testimonials Slider in WordPress using Types, Views and bxSlider
In this article I am going to share how we can use Types, Views (commercial plugin) and bxSlider jQuery plugin to create a slideshow of Testimonial Custom Post Type entries. Entry excerpt, client name and website custom fields values will be shown as a caption overlay on top of the entry’s featured image. Summary of […]
Equal height elements in WordPress using jQuery.equalHeights
jQuery.equalHeights is a simple jQuery plugin to equalize heights of multiple elements on a page by Matt Banks. In this article I show how jQuery.equalHeights can be used to set equal heights for footer widgets in Genesis teaser entries when using Bill Erickson’s Genesis Grid plugin The method in this tutorial can very well be […]
How to link to a accordion panel when using jQuery UI Accordion in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to set Featured image as full-sized background for Posts and Pages in WordPress
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. In this tutorial I show how featured image, if present for singular pages can be set as full screen background using Backstretch. Step 1 Upload jquery.backstretch.min.js to child theme directory/js. Step 2 Create a […]
A to Z filterable glossary in WordPress using Types & Views
Updated on February 18, 2016 Recently I worked on setting up an alphabetical glossary in a client site and want to share how I used Types, Views (commercial plugin) and Isotope to do the following in this article. Screenshot: Screencast: Summary Using Types we will add a) Glossary Term Custom Post Type and b) Glossary […]
Using Waypoints Sticky Elements to fix elements to top of page upon scrolling in WordPress
In the past I showed elements like header and navigation can be made to stick to top of page when the user scrolls past using jQuery script and jQuery.Pin. In this article I show how jQuery Waypoints Sticky Elements shortcut can be used to do the same. Upload waypoints.min.js and waypoints-sticky.min.js to child theme directory/js. […]
Adding Flow Slider in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Changing WordPress widget title heading tag using jQuery
On a site that I worked on today it was required to change the widget title HTML output from <h4 class="widget-title widgettitle">Meta</h4> to <h2 class="widget-title widgettitle"><span>Meta</span></h2> for a specific widget for styling it uniquely. i.e., before: after: While it is possible to customize title markup for all widgets in Genesis using genesis_register_sidebar_defaults filter, I do […]
Recent Comments