In the comments section of How to set up a Welcome section with Image at left and a Text widget on right in Genesis, a user asked: I’d much prefer this setup in Showcase than the default background image with one widget. Have you provided a tutorial for this kind of thing in Showcase? Now… Continue Reading »
if conditional in WordPress for checking if a post has been published between two dates
In the members-only forum, a user asked: I need to know if is possible a conditional from date, for example is_date (1 april 2017 to 1 septiembre 2017){ } This tutorial provides the code to display a Promo Bar above header on single posts published between the specified start and end dates in Genesis. Approach… Continue Reading »
How to display WordPress Popular Posts in columns
WordPress Popular Posts is one of the most popular plugins for displaying popular posts (based on the number of views) in WordPress. This tutorial provides the steps to display 3 most popular posts in columns with image, title and category appearing one below the other in each post in a custom “Home Featured” widget area… Continue Reading »
Taxonomy archive template to show CPT entries grouped by another taxonomy in WordPress
Scenario: CPT: books Associated Taxonomy 1: universe Associated Taxonomy 2: series Requirement: In universe taxonomy’s term archives, show books grouped by series. Here’s the PHP code in taxonomy-universe.php for this: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Transparent Site Header in Monochrome Pro
Monochrome Pro comes with a fixed site header having a white background on all pages including the homepage (with front page 1 section that has the full-width background image) and single posts (that have the featured image as background below the site header). If you are looking to set a transparent background for the site… Continue Reading »
Off-canvas side menu in Genesis using Slideout.js
Slideout.js is a touch slideout navigation menu for mobile web apps. In this tutorial, I share the steps to display a hamburger menu icon at smaller widths which when clicked/tapped will slide out the widgets placed in a widget area from the side of the page. The slideout menu can be closed either by hitting… Continue Reading »
Inline Site Header and Primary Navigation in Pretty Creative
In Pretty Creative theme, the Primary Navigation menu is moved above the site header out of the box. In this tutorial, I share the steps to wrap the site header and primary nav in a custom div and float site header to left and primary nav to the right on desktops. We shall also make… Continue Reading »
Responsive “background” image for Front Page 1 section in Digital Pro
Digital Pro has code that automatically sets the height of Front Page 1 widget area to that of viewport height and uses Backstretch jQuery script to set an image (changeable via WordPress customizer) as its background. There might be cases when you want the Front Page 1 section to take up only as much height… Continue Reading »
How to set featured image as background for Posts page heading in Genesis
When a static Page has been set as Posts page at Settings > Reading, the title of the Page will automatically appear as a heading on the Posts page in Genesis. This tutorial provides the steps to grab URL of the featured image set for this Page and set it as background image for the… Continue Reading »
Animated Hamburger Menu Icon in Genesis
In Genesis (Genesis Sample, to be precise as well as most other child themes from StudioPress), tapping on the hamburger menu icon at smaller screen widths will toggle the responsive menu and the menu icon does not change i.e., remains a hamburger. It is possible to customize this such that tapping the mobile menu’s icon… Continue Reading »
- « Previous Page
- 1
- 2
- 3
- 4
- 5
- …
- 106
- Next Page »
Recent Comments