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 […]
Featured
[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 […]
Single and Archive templates for Custom Post Type in Genesis
Using Custom Post Types (CPTs) in WordPress we can create our own custom content types besides the built-in Posts and Pages. Similarly custom taxonomies can be created similar to the built-in categories and tags. And then there are custom fields which can be attached to a CPT to set that content-type specific features/attributes. In this […]
Full width Soliloquy slider in Genesis
Soliloquy is perhaps the best WordPress slider plugin out there. It is simple, light-weight, very well optimized for speed and comes with excellent support. Note: Soliloquy does not have the bells and whistles like layers that are present in LayerSlider and Revolution. If you need layers and a variety of animations, go with one of […]
How to replace, reorder and add new icons in Simple Social Icons
Update on January 12, 2017 The tutorial no longer works with the latest version of the plugin. Follow the pages in the wiki here: https://github.com/copyblogger/simple-social-icons/wiki Simple Social Icons is a free WordPress plugin that adds a widget for displaying social networks (Twitter, Facebook etc.) icons. Widget includes useful options for setting icon size, border radius, […]
How to display Genesis Featured Widget Amplified output in columns
To view the full content, please sign up for the membership. Already a member? Log in below or here.
HTML5 Galleries in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Masonry in Genesis
Updated on September 18, 2020 Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. In this tutorial we are going to apply Masonry for Posts page and all archives in Genesis. While the tutorial […]
Recent Comments