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 […]
WordPress
How to link images in Genesis Featured Posts widget to custom URLs
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to exclude categories when using Display Posts Shortcode
Bill Erickson’s Display Posts Shortcode plugin can be used to easily display a list of posts wherever shortcodes work. It does not have a built-in option to specify the IDs or slugs of categories if you wish to exclude any. But it can be extended using the display_posts_shortcode_args filter. Add the code below in child […]
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 […]
How to play a sound on hover/click of an element in WordPress
Warning: Playing audio on usual site navigation actions like hover or clicking will most certainly annoy your site’s visitors and drive them away. That said, there are some clients who insist on this and hence this article. net tuts+ and css-tricks share identical code for adding audio HTML5 element to body dynamically via jQuery when […]
Expanding Search Box in Genesis
In this article I provide the code to display a narrow search form floated to the right in Primary and Secondary navigation menus in Genesis which when clicked becomes wider while combining ideas from my other articles on search form (1, 2 and 3) in Genesis. Primary Navigation Go to Genesis > Theme Settings > […]
Smooth scrolling between page sections using Page scroll to id
Page scroll to id is a great jQuery/WordPress plugin for smoothly scrolling to sections on the same page. Version 1.5.0 of the WordPress plugin was released on Jan 4th and from the change log we can see, * Added `offset` option: Offsets scroll-to position by x amount of pixels (positive or negative). If you have […]
Recent Comments