Continuing from my earlier article titled How to create a custom widget that displays value of a custom field in WordPress, here I am going to share how I have set up a custom widget that pulls a fixed number of Custom Post Type entries that have been categorized under the same category/categories that the […]
How to create a custom widget that displays value of a custom field in WordPress
In a recent task that I worked on, the requirement was to set up a custom field called “Related Services” for Posts and display this field’s value in a sidebar widget. The widget should appear on the front-end i.e., on the single Post page only if the field has been populated for that particular Post. […]
How to add a link to author’s Twitter page in post info in Genesis
Post info or entry meta in the entry header in Genesis shows published date, author link, link to comments and edit link by default. What if you want to display post author’s Twitter link in the post info? In this article I share the code to load Dashicons (we are going to use its font icon […]
Displaying Posts output by Display Posts Shortcode in Masonry style
On a site that I have recently taken over, the client tried using Essential Grid for displaying groups of Posts (each tagged with a specific term) in Masonry style. But due to some conflict with Optin Monster, only the loader was appearing for non-logged in visitors – not the Posts themselves. In this article I […]
Testimonials Carousel in WordPress using Testimonials by WooThemes, Display Posts Shortcode and Slick jQuery
In this article I show how ‘testimonial’ CPT entries made available by Testimonials by WooThemes plugin can be output using Bill Erickson’s Display Posts Shortcode plugin and displayed as a responsive carousel using Slick jQuery script. The reason for not using Testimonials plugin’s built-in shortcode is because it did not seem possible with the generated […]
How to set up animated Search form in Genesis
Today a user mailed: I just simply want to add a search feature on the primary menu of my site. I am using Genesis theme and Altitude Pro theme. The site is —-.com. I tried doing it myself, but nothing seems to work… that is how I found your site. I saw your tutorial. I’d […]
How to display Posts in 5 columns when using Genesis Sandbox Featured Content Widget Plugin
Jon asks, Using the Genesis Sandbox Featured Content Plugin, I’m trying to help create a 5-across product display In this article I show how we can register a custom ‘Below Header’ widget area, hook it to genesis_after_header to display it below the header on front page, drag a Genesis Sandbox Featured Content Widget Plugin’s widget […]
Posts Carousel in Genesis using bxSlider
Want to display featured images of Posts in a responsive carousel in your Genesis site? In this site I show how we can use bxSlider jQuery script for automatically converting Posts output by a WP Query loop into a carousel. Post titles are going to appear at the bottom when the featured image of each […]
How to move an image from bottom to top when scrolling down in Genesis
In a recent project that I completed, keyot.com, the requirement was to move an image of a rocket as the user scrolled down the homepage. This is how I did it using Stellar.js. Step 1 Uploaded jquery.stellar.min.js to child theme’s js directory. Created a file named home-non-mobiles.js in the same location and initialized Stellar like […]
Sample Widgetized Front Page with Full Width Sections in Genesis
In this article I provide a working example of how Bill Erickson’s code can be used as a foundation for creating a typical front page in WordPress using Genesis. Our front page is going to be made up of these sections: Header (sitewide) – site title/logo at left and custom menu in ‘Header Right’ widget […]
Recent Comments