WP SITES

2768

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

                                                                                                                                                                                                                                     

Academy Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Academy Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Academy Pro Slider Before Header

This code enables you to add the Soliloquy slider before the header to any Genesis child theme. Tested using the Academy Pro & Genesis Sample child themes by…

Academy Pro Front Page As Page Template

This template for use with the Academy Pro theme by StudioPress, can be used on unlimited pages with unique content for each element on each page the template…

Accordion Tutorials

The tutorials in this archive relate to usage and modification of jQuery accordions in Genesis child themes. You'll find code which helps you add/modify and customize the code used to create and display a accordion. You'll also find more tutorials relating to accordions ( like toggle ) which aren't tagged with accordion by using the search widget in the sidebar. All code as well as support for PHP code is guaranteed for members.

Off Canvas Push Widget For Side Menu

The code in this tutorial pushes the site container to the right when the side widget is toggled open. The solution includes an animated hamburger menu icon enabling…

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress block. In this…

Infinity Pro Vertical Menu

This tutorial shows you how to change the offscreen content feature to a vertical menu using the Infinity Pro child theme by StudioPress. Also includes code to push…

jQuery Accordion

This tutorial contains a different version of the Genesis F.A.Q Template With Accordion. This version displays different icons when opened and closed as you can see in the…

Accordion F.A.Q’s In Columns

You can wrap the HTML for your accordion in column classes if you want to display your F.A.Q questions & answers in 2, 3, 4 & 6 columns…

Genesis Accordion Javascript Template

Most of the accordion solutions already published here for members, use jQuery which is easier to use with WordPress as opposed to Javascript. In this tutorial, i'll provide…

Action Hooks

The tutorials in this archive contain code which enables you to hook in new content, function calls and other code using action hooks which are the 1st parameter when using add_action in a custom function.

Genesis Hook Before Widget Title

The genesis_before_{$id}_widget_area hook enables you to hook content before the widget title, within the widgets div. All you need to do is swap out the {$id} in the…

add_action

add_action is a function which you'll see in WordPress, Genesis & other theme files. You've probably seen code in a file which looks something like this: [code] add_action(…

After Header Image Tutorials

The tutorials in this archive contain code which enables you to add a image after the header in different Genesis child themes using different methods. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Image After Header In Genesis

There's at least 4 ways to add a full width image after the header in any Genesis child theme. This tutorial provides several basic code examples you can…

After Header Parallax Image

This download adds a widget area after the header with a background image. The widgets background image moves at a different speed to the overlaying content when scrolling,…

Agency Pro Theme Tutorials

Tutorials in this archive relate to the modification of code and/or addition of custom functionality to the Agency Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

StudioPress Agent Focused Pro Theme Tutorials

Tutorials in this archive relate to modification & customization of the Agent Focused Pro child theme by Winning Agent. The tutorials also enable you to add custom functionality and styling to this genesis child theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

AgentPress Pro Theme Tutorials

Posts in this archive relate to modification & customization of the AgentPress Pro child theme by StudioPress as well as the AgentPress Listings plugin. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

AgentPress Listings By Taxonomy & Term

This code enables you to display listings by taxonomy and term in any sidebar widget area. The code includes a shortcode you simply copy & paste into your…

Modify AgentPress Listings Widget

This code enables you to make changes to the AgentPress Listings widget which is commonly used to display featured property listings in the AgentPress Pro theme by StudioPress.…

Altitude Pro Theme Tutorials

Tutorials for customizing & modifying the Altitude Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Widget 8 & 9 To Altitude Pro

This is an alternative method to adding new solid section & image section widgets to the Altitude Pro theme for front page 8 & 9. Firstly, lets take…

Overlay Text on Half of Background Image

This solution positions your widget content over half of your background image with a semi transparent background text on desktops like this : On smaller hand held screens,…

Ambiance Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Ambiance Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Ambiance Pro Front Page Like Single Post

This front page template displays exactly the same as a single post without the author box, single post navigation and comments. It does include pagination to the next…

Animation

The tutorials in this archive enable you to use PHP code and/or CSS to animate elements in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided/included for members.

Typewriter Text Effect In Genesis

This solution uses pure CSS to add a typewriter effect to your text. The code enables you to set the speed and number of steps for typing the…

Blinking Dot Animation

This code adds a blinking dot before the title in a responsive text box like you see in this animated gif. The blinking dot, displays perfectly inline with…

Animate Elements In Grid Columns

This tutorial contains the code which enables you to display images and text in a 3 columns grid and animate the images. The images on page load, rotate…

Countdown Timer For Genesis

This jQuery countdown timer can be added anywhere in any Genesis or WordPress child theme. It generates a live countdown in days, hours, minutes & seconds. Demo Video…

Aspire Pro Theme Tutorials

The tutorials in this archive relate to the modification, customization and addition of custom functionality for the Aspire Pro child theme for Genesis. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Atmosphere Pro Theme Tutorials

The tutorials in this archive relate to the modification of default functionality and features included in the Atmosphere Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Author Box Tutorials

Tutorials in this archive contain code which enables you to modify & customize the author box functions in Genesis. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Author Box Shortcode

This shortcode enables you to add the Genesis author box within the content area of a post or page or anywhere else outside your wp editor. Here's a…

Remove Genesis Author Box From Single Post

Copy & paste this code to the end of your child themes functions file and swap out the post id in the conditional tag. [code] add_action( 'get_header', 'remove_authorbox_single_post'…

Custom Avatars In Any WordPress Theme

The unique code in this download folder enables you to change the user profile picture for their avatar if desired, otherwise, a Gravatar is shown using their email…

Custom Avatar In Genesis Author Box

The code in this download folder provides a unique way of changing the default Gravatar hosted avatar with a custom image added via the Edit Profile admin page…

Custom Author Box Code for Genesis

This code enables you to build your own author box independant of the author box included in Genesis. Here's an example of what it can look like: The…

StudioPress Author Pro Theme Tutorials

Tutorials for customizing & modifying the Author Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Taxonomy to Author Pro

This code enables you to add one or more custom taxonomies to the Author Pro child theme by StudioPress. Once you add the code to your child themes…

Authority Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Authority Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Copyblogger Style Front Page Grid

A member of the Genesis community recently sent this message : I am reading your posts and they are great, here you have a new member on January…

Background Image Tutorials

The tutorials in this archive relate to usage and modification of background images in Genesis child themes. You'll find code which helps you add/modify and customize default & custom background images. You'll also find more tutorials relating to background images which aren't tagged with layout by using the search widget in the sidebar. All code as well as support for PHP code is guaranteed for members.

Basic Page Template For Genesis With Image

This page template for Genesis displays a image from your child theme's images folder named splash.jpg How To Use This Template Using a code editor like Notepad++ for…

Minimum Pro Different Backstretch Images

This tutorial shows you how to display different backstretch images using the Minimum Pro theme by StudioPress. By default, the theme only shows 1 image on the front…

Overlay Text on Half of Background Image

This solution positions your widget content over half of your background image with a semi transparent background text on desktops like this : On smaller hand held screens,…

Styling The Background Of Your Theme

Changing the background color of your website is one of the most common customizations WordPress users ask for on the forums. The answer can be theme specific, so…

Beautiful Pro Theme Tutorials

The tutorials in this archive include code which enables you to add to, change or modify the default features and functionality included in the Beautiful Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Blog Page Template Tutorials

The tutorials in this archive enable you to modify the default functionality & add custom functionality when using the blog page template in Genesis. You'll also find more tutorials related to customization of the Genesis blog page template by using the search form on the primary sidebar. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Remove Blog Page Title From Essence Pro

This code removes the entry title from the blog page in the Essence Pro child theme. [gallery columns="2" size="full" ids="71991,71992"] Demo Video # Shows the page title on…

Remove Blog Page Title In Genesis

Add the following PHP code to the end of your child themes functions file: [code] remove_action( 'genesis_before_loop', 'genesis_do_blog_template_heading' ); [/code] You can also add the code directly to…

Add Background Image to Blog Page

This code adds a background image to your blog page only. Any page which uses the blog page template from the Page Attributes meta box on any Page…

Blog Page Templates Like StudioPress

The templates in this download folder produce exactly what you see in the following screenshot and demo video : Based on this question from a member. A grid-layout…

Exclude From Genesis Blog Page Template

This code enables you to exclude single posts & pages as well as posts in different types of archives like author, category, search, and tag archive type pages.…

Blog Page Grid In Genesis

The solution in this tutorial shows you how to display the posts on your blog page ( When using the full width layout ), or any other type…

Lifestyle Pro Blog Page Template Like Home

This template displays your posts exactly the same as the front page template in the Lifestyle Pro child theme by StudioPress. Here's the blog page template with the…

Breadcrumbs

The tutorials in this archive provide code which enables you to modify & customize the default breadcrumbs in any Genesis child theme.

Change Breadcrumbs In Genesis

You can easily enable or disable breadcrumbs from displaying on posts, pages, archives and your home page using the Genesis > Theme Settings > Breadcrumbs: You can also…

Shortcode For Breadcrumbs

This PHP code creates a very basic shortcode for displaying breadcrumbs in Genesis. The reason i coded this is because a member wanted to float the breadcrumbs over…

Remove Genesis Breadcrumbs Conditionally

This code enables you to use conditional tags to remove the Genesis Breadcrumbs from any page or post. Once set in Genesis > Theme Settings > Breadcrumbs: Here's…

Breakthrough Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Breakthrough Pro child theme by StudioPress. The tutorials also enable you to add custom functionality to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Brunch Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Brunch Pro child theme by Feast Design Co. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Multiple Featured Images Per Post

This tutorial provides the code which enables you to add a 2nd featured image to any post. You can then display the image side by side, inline with…

BuddyPress

Posts in this archive relate to the use of the BuddyPress plugin with the Genesis theme framework.

Business Pro Child Theme Tutorials

Posts in this archive relate to modification & customization of the Business Pro child theme for Genesis. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Cafe Pro Theme Tutorials

Tutorials for customising & modifying the Cafe Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Cafe Pro Slide Show Behind Site Header

This tutorial provides the code which enables you to replace the site header image with a slide show on the front page. The slideshow displays full width of…

Add Slider in Header of Cafe Pro Theme

This tutorial provides a solution which enables you to add a responsive slider in replace of the header image in the Cafe Pro child theme by StudioPress. This…

Centric Pro Theme Tutorials

Tutorials for customizing & modifying the Centric Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Typed Text Widget Content Using jQuery

Typed.js enables you to use Javascript or jQuery to display typed text. You can also hard code the text within your script which you can do using this…

Animated Typed Text

Typed.js is a Javascript library you can install in any WordPress theme. It enables you to generate typed text/html within any existing div or simply by hooking in…

Child / Sub Categories

The tutorials in this archive include PHP code which enables you to modify and customize the use of child categories and sub categories in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Image Upload To Edit Category Page

This code enables you to add a image upload field to all Edit Category pages which also includes Edit category pages for child categories. You can also use…

Child Theme

Tutorials in this archive generally include access to download free child themes that work with different parent themes. You'll find child themes for genesis, iThemes, Elegant Themes ( including Divi ) and for each default WordPress theme starting with Twenty Eleven right through to the latest default theme included in every WordPress installation.

How To Make a Divi Child Theme

You can download and install the zip file at the end of this post once you have installed the Divi parent theme. The download contains 2 files :…

Child Theme for Twenty Fifteen

This child theme should be installed like any other theme after the Twenty Fifteen parent theme is installed. The child theme doesn't include any custom code and is…

Child Theme For Elegant Themes

Simply click this button to download the free Divi child theme. The Divi child theme has been created for use with the Divi parent theme by Elegant Themes.…

Child Theme for Genesis – Free Download

Most new child theme Developers simply download the free Genesis default theme rather than create their own. Its easier to modify an existing child theme than create your…

How To Make A Child Theme

Making a basic child theme is a lot easier than you think. But why would you need your own child theme? If you have made any design changes…

Child Theme For iThemes

iThemes already includes a setting which enables you to generate a new child theme simply by clicking a button. See the following screenshot which shows you the setting:…

Child Theme For Twenty Twenty

This free child theme for Twenty Twenty enables you to store your custom code like CSS, PHP & jQuery so it's easy to find and doesn't get lost…

Comments

Tutorials in this archive contain code which enables you to create your own list of comments or modify existing comments functions. The code uses get_comments and WP_Comment_Query. Other functions included in these tutorials include get_comment_date, get_comment_link and get_comment_author_link.

How To Display A Custom Comments Loop

This tutorial provides the code you simply copy and paste into your functions file to display any comments anywhere in any theme. One example would be to display…

Blog Comment Examples & Best Practices

Commenting on blogs, particularly in your niche,  can bring in traffic to your site and help build your profile and brand. This works if you add value to…

Modify Comment Form Default Fields

Recently i was hired by a web designer to provide custom coding for their clients comment form. The client wanted to change the order of the input fields,…

Redirect Comment Authors Based On Date

The 1st code snippet in the download folder redirects your comment authors to a specific page on weekends only. The 2nd snippet in the download redirects your comment…

Turning Off Comments

Comments are a very important part of blogging and a great way to receive feedback which you can use to engage with your readers. However you may not…

Show Videos in WordPress Post Comments

By default, adding the embed code or a link to a YouTube video in a comment form, won't display your video because the oEmbed discovery for video tags…

Unlink Comments Link On Archives In Genesis

The code in this tutorial unlinks the comment count which uses the get_comments_link() function inside the post_comments shortcode so it doesn't link to single posts from archives. The…

Load Comments On Click In Genesis

This code enables you to pre load any number of comments and then load more comments by any number on button click. In this example, 2 comments load…

Customize The Post Authors Comments

This tutorial provides several methods which enable you to style or modify the default comment author if they are also the post author. The methods include using CSS…

Hide Comments For Unregistered Users

This code enables you to remove the comments form and comments list for logged out users. Based on this question from a member of the Genesis community: I…

Cook'd Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Cook'd Pro child theme by Shay Bocks. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Custom Fields

This archive includes tutorials which include different ways to code and use custom fields in any WordPress theme as well as Genesis only child themes. Includes templates which enable you to display different ACF & ACF Pro field types in Genesis. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Star Rating System For Reviews

This tutorial provides the code which enables you to do the following using 100% code ( no plugins ) : Create a custom reviews category template for displaying…

Add Custom Field To Genesis Loop

This code enables you to add custom field content like text, HTML & images to the Genesis loop. You can use the code 2 ways: The 1st snippet…

How To Add A Genesis Meta Box For Custom URLS

This download folder contains code which adds a text field on your single post/page/cpt edit screen for internal or external links. Genesis includes several functions to make it…

Custom Logo

The tutorials in this archive relate to the use of the custom-logo function add_theme_support( 'custom-logo' ); which is added via functions.php and uses the Site Identity setting in the customizer as opposed to the add_theme_support( 'custom-header' ); function which uses the Site Header setting in the customizer. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Essence Pro Add Custom Logo Size

This tutorial shows you how to add a custom logo to the Essence Pro child theme by StudioPress. There's no need to modify the CSS as this solution…

Add Logo In Menu of Magazine Pro Theme

The solution in this tutorial enables you to display your logo inline with your nav menu items like you see in the following screenshot : Coded to display…

Custom Post Type Tutorials

The tutorials in this archive relate to the use of custom post types in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Multi Item Slider For Genesis

This multi item slider is hand coded using PHP specifically for Genesis child themes. The slider enables you to display multiple featured/product images with titles from : Categories…

Add Custom Post Type To RSS Feed

If you've already added your custom post type to your home page loop, you can also add them to your RSS feed simply by adding a conditional tag…

How To Rename A Custom Post Type

To change the name of a custom post type, simply replace all instances of the custom post type name with the new name you want to use for…

Custom Sidebar

The tutorials in this archive include code which enables you to remove both the primary and secondary default sidebars in Genesis and add a custom sidebar. The custom sidebar can be hand coded or created using the Genesis Simple Sidebars plugin. The custom sidebar can be loaded via the child themes functions file or called directly in a template.

Genesis Custom Secondary Sidebar

This tutorial provides 3 different methods which enable you to: Remove the default secondary sidebar Replace the secondary sidebar with a custom 2nd sidebar using code Replace the…

WP Customize

You'll find dozens more tutorials related to the customizer using search. Tutorials in this archive include code which modifies default or add custom functionality to Genesis child themes.

Different Video For Desktop & Mobile

The code in this download folder enables you to change the front page 1 background video on mobile screens. It also includes code to add 2 video upload…

Responsive Widget Background Image

This code adds a new widget area after the header on all pages excluding your front page. You can change the conditional tag so the widget displays anywhere…

Daily Dish Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customisation of the Daily Dish Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Digital Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Digital Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Divi Theme Tutorials

The tutorials in this archive relate to the modification/customization of the Divi theme & Divi builder by Elegant themes.

Custom Avatars In Any WordPress Theme

The unique code in this download folder enables you to change the user profile picture for their avatar if desired, otherwise, a Gravatar is shown using their email…

How To Make a Divi Child Theme

You can download and install the zip file at the end of this post once you have installed the Divi parent theme. The download contains 2 files :…

Child Theme For Elegant Themes

Simply click this button to download the free Divi child theme. The Divi child theme has been created for use with the Divi parent theme by Elegant Themes.…

Eleven40 Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Eleven40 Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work in the theme it is tested in as shown in the demo images & videos and may need modifying for use in other genesis child themes. Installation of all code as well as support for PHP code is provided for members.

Enterprise Pro Theme Tutorials

The tutorials in this archive contain code which enables you to modify existing functionality and styling in the Enterprise Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Entry Meta

This archive includes posts related to the entry meta in the entry header, sometimes referred to as the post info as well as the entry meta in the entry footer sometimes referred to as the post meta. The entry meta in the entry header includes links for the post author, comments and the post date. The entry meta in the entry footer includes links for the post tags and post categories. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Link In Genesis Entry Meta

The 1st code snippet in this tutorial creates a new shortcode which enables you to add a link to the entry meta in the entry footer. In this…

Add Tags To Pages

The code snippets in this tutorial enables you to adds tags to single pages. On top of this, the code adds a meta box to Edit Page screens…

Color Picker To Style Post Meta

The code in this download folder produces exactly the same result as this tutorial without the need to use a plugin like ACF or add CSS. You can…

Essence Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Essence Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Essence Pro Add Custom Logo Size

This tutorial shows you how to add a custom logo to the Essence Pro child theme by StudioPress. There's no need to modify the CSS as this solution…

Typewriter Text Effect In Genesis

This solution uses pure CSS to add a typewriter effect to your text. The code enables you to set the speed and number of steps for typing the…

Essence Pro Fixed Header

The solution in this download folder enables you to make the site header in your Essence Pro theme sticky. To do this, the color of the header elements…

Set Logo Size In Essence Pro Theme

In your Essence Pro child theme folder, go to config > theme-supports.php and set your logo width and height. In this example, 100px X 100px is set. Once…

Add Dark Overlay To Slider Images

This tutorial includes a solution which enables you to add a darkened overlay to your slider images. In this case, we use the Soliloquy Lite slider for WordPress.…

Executive Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customisation of the Executive Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Expose Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Expose Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Featured Image Tutorials

This archive contains tutorials which relate to the modification/addition of featured images in genesis child themes and other WordPress themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for registered users. This archive does not contain all tutorials which relate to the use of featured images. To view all tutorials related to featured images, please use the search box with the keyword featured image.

Filter & Sort Tutorials for Genesis

All code, tutorials and theme customization/modification relates to the use of filters to fine tune the display of posts & custom post type entries using different methods. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for registered users.

Genesis Filterable Portfolio Templates

The templates in this download enable you to create a portfolio custom post type with custom taxonomies. In this example, the code generates a portfolio CPT and several…

Filterable Portfolio in Genesis

The code in this tutorial enables you to filter all items in your custom post type and all existing and future items added to your CPT custom taxonomy…

Filter Archive in Genesis

This post includes a copy of the Genesis Sample child theme by StudioPress which includes Isotope & 3 filters for your archives. You can filter the home and…

Filter Portfolio in Genesis

This video shows you how to create a filterable portfolio in 3 minutes using Genesis. Update : This new tutorial provides the Genesis templates which enable you to…

How To Filter Posts By Category

This tutorial shows you how to filter your posts by category on any archive page type in Genesis without reloading the archive page. Firstly, here's 1 example of…

Foodie Pro Theme Tutorials

All code, tutorials and theme customization/modification relates to the Foodie Pro child theme for Genesis by Shay Bocks. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Foodie Pro Full Width Site Header

This solution enables you to modify the site header in Foodie Pro. Make the site header full width Display the site title or header image ( logo )…

Resize Foodie Pro Header Image

This beginners tutorial, enables you to change the code in Foodie Pro so it displays your header image or logo perfectly. You'll need to change both the PHP…

Foodie Pro Remove Grid

Foodie Pro includes a custom grid function which you can use to display posts in columns. Via the Content Archive settings in the WordPress customizer, you can set…

Genesis Footer Widgets

Tutorials in this archive relate to the modification/removal and addition of footer widgets in Genesis child themes. The code in every tutorial is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Modify Genesis Footer Widgets

Genesis includes code which registers footer widget areas based on the number of widget areas the user wishes to create with add_theme_support(). If you look in any Genesis…

Gallery Pro Theme Tutorials

Tutorials for customizing & modifying the Gallery Pro child theme. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Gallery Pro Sticky Footer

This tutorial provides the CSS which enables you to make the Gallery Pro themes footer sticky. All you need to do is copy & paste the CSS from…

Generate Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Generate Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for registered members.

Custom Block Tutorials for Genesis

Tutorials in this archive relate to the creation & development of custom blocks using PHP code & CSS. Custom blocks are added to the Genesis blocks list in the Gutenberg editor for WordPress and only work with Genesis child themes & the Genesis Custom Blocks plugin by StudioPress. The code is guaranteed to work as shown in the demo images & videos. Installation of all code as well as support for PHP code is provided for paid members.

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress block. In this…

Genesis Custom Block for Related Posts

The block files in this download folder enable you to create a custom block for related posts using WP_Query in Genesis child themes. You can insert the related…

Genesis Featured Page Widget Tutorials

The tutorials in this archive contain code which enables you to modify the default functionality and output of the Genesis Featured Page widget. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Modify Genesis Featured Page Widget

This code enables you to modify all the default functionality of the Genesis Featured Page widget. Once you install the file in your child theme, you can modify…

Modify Genesis Featured Page Widget Title

This code enables you to modify the widget Title when using the Genesis Featured Page widget. It doesn't modify the page title output in the featured page widget,…

Genesis Featured Posts Widget Tutorials

This archive includes tutorials which contain code enabling you to modify the default functionality used the Genesis featured posts widget or add your own custom version of the Genesis featured posts widget to your child theme with custom functionality. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Popular Posts In Columns

This tutorial provides the CSS & CSS for Media Queries for 2 different solutions which enable you to display popular posts in columns. You can use a plugin…

Modify Genesis Featured Posts Widget

This code enables you to customize all the default functionality of the genesis featured post widget. And, you can customize the widget via the safety of your child…

Genesis Markup

The tutorials listed in this archive contain code which enables you to modify or add to the default output of different markup attributes in Genesis like classes and schema. The default code is located in the genesis > lib > functions > markup.php file.

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress block. In this…

Going Green Pro Theme Tutorials

Tutorials for customizing & modifying the Going Green Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Grid Columns

The tutorials in this archive enable you to use PHP code and/or CSS to display posts in columns. The tutorials include methods which use pure CSS, PHP code and PHP combined with CSS. You'll also find more tutorials related to creating grid columns by using the search form on the primary sidebar. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Widget Columns Using CSS Grid

The CSS examples in this tutorial enable you to display widgets added to 1 widget area in even or uneven responsive columns using CSS Grid. Even Columns The…

Countdown Timer For Genesis

This jQuery countdown timer can be added anywhere in any Genesis or WordPress child theme. It generates a live countdown in days, hours, minutes & seconds. Demo Video…

CSS Grid Columns In Genesis

In this tutorial, i'll provide several different methods which enable you to display any type of posts archive in columns. You can use the CSS rules in any…

Gutenberg & Genesis Block Editor Tutorials

The tutorials in this archive contain solutions relating to the Gutenberg block editor for WordPress used in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Menu Logo Menu In Essence Pro

This solution enables you to modify the default Essence Pro site header elements to display a menu logo menu like this : Centers either the site title or…

Aweber Email Hero Block In WordPress

This tutorial provides the steps which enable you to add your Aweber signup form anywhere in any theme and style it like you see in the following screenshot…

Genesis Custom Block for Related Posts

The block files in this download folder enable you to create a custom block for related posts using WP_Query in Genesis child themes. You can insert the related…

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress block. In this…

Header Image

Tutorials for customizing & modifying the Header Image in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members. Note : Not all tutorials relating to the header image tagged in this archive. You will be able to find more by using the search form.

Set Header Image For Different Pages

The code in this tutorial enables you to set a different header image based on any condition(s). In this example, the code displays a different image based on…

Replace Logo With Site Title On Scroll

This solution enables you to remove your header image and replace it with the site title & description when you scroll down like you see in the following…

Infinite Scroll

This archive provides tutorials which include code that enables you to install Infinite Scroll in WordPress themes and is tested in Genesis. You'll also find code which enables you to modify, customize and style infinite scroll in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Infinity Pro Theme Tutorials

The tutorials in this archive include code which enables you to modify the default functionality & styling of the Infinity Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Featured Posts With Pagination

The code in this tutorial enables you to display entries for posts or custom post types in columns styled like a widget area. In the following example, the…

Replace Menu Item Text With Image

This CSS removes the text from each primary nav menu item and replaces it with a background image which is linked to the menu item URL like this.…

User Profiles Template

This template enables you to add unlimited authors in 2, 3, 4 or 6 columns. You can add the following below the head shot of each person: name…

Interior Pro Theme

Jetpack

Lists all posts related to the Jetpack plugin developed by Automattic

jQuery Scroll Method

Tutorials in this archive relate to using different types of jQuery Scroll methods in Genesis including, but not limited to, scroll & scrollTop. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Change Logo Size On Scroll

This solution enables you to change your logo size on scroll on desktops only. When mobile ( less than 960px width ), a smaller version of your logo…

Replace Logo With Site Title On Scroll

This solution enables you to remove your header image and replace it with the site title & description when you scroll down like you see in the following…

Replace Site Title With Logo On Scroll

This solution enables you to remove the site title and replace it with your custom logo on scroll. Here's the site header showing the site title before scroll…

Change Logo On Scroll

This tutorial provides the code which enables you to switch logos on scroll in any Genesis child theme. Tested on the Genesis Sample child theme and may need…

Display Fixed Site Header On Scroll

This code enables you to display the site title, description and header on scroll. The code works regardless of whether you choose the after header menu or use…

Scroll Indicator JS For WP Themes

Adds a scroll indicator at the bottom of your fixed header in Genesis and other WordPress themes. Only displays on desktops. Includes the files for use in Genesis…

Kreativ Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Kreativ Pro child theme by ThemeSquare. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Kreativ Pro Front Page 1 Slider

This code replaces the background image for the front page 1 widget area with a slider show in Kreativ Pro. Demo Video # Shows the front page 1…

Layout Settings in Genesis

The tutorials in this archive relate to usage and modification of the layout settings in Genesis child themes. You'll find code which helps you create custom layouts that extend the default layouts and code which enables you to change the layout based on any conditionals. You'll also find more tutorials relating to layouts which aren't tagged with layout by using the search widget in the sidebar. All code as well as support for PHP code is guaranteed for members.

Change Layout Based On Any Conditions

You can easily change the layout settings on any page or post in Genesis. But what if you want to change the layout automatically on multiple pages or…

50/50 Content Sidebar Layout For Genesis

This code generates a new Genesis layout option which will appear next to your existing default layout images like this: Small Content Big Sidebar This screenshot shows the…

Remove Sidebar on WooCommerce Pages

This tutorial provides 2 ways to remove the sidebar from any type of WooCommerce page in Genesis child themes. 1. You can change the Layout Settings on Edit…

Remove Layout Settings In Genesis

Paste any of these single lines of PHP code at the end of your child themes functions file to remove specific layout settings in Genesis. The layout settings…

Lifestyle Pro Theme Tutorials

Tutorials for customizing & modifying the Lifestyle Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Lifestyle Pro Blog Page Template Like Home

This template displays your posts exactly the same as the front page template in the Lifestyle Pro child theme by StudioPress. Here's the blog page template with the…

Magazine Pro Theme Tutorials

Tutorials for customizing & modifying the Magazine Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Uncombine Genesis Responsive Menu

This solution enables you to uncombine menus which display in the responsive toggle menu. By default, the Magazine Pro child theme combines the primary, header & secondary menus…

Filterable Portfolio in Genesis

The code in this tutorial enables you to filter all items in your custom post type and all existing and future items added to your CPT custom taxonomy…

Reorder Widget Areas on Mobile

The solution in this download folder enables you to change the order of the front page widget areas on smaller screens. You can also display the primary sidebar…

Add Image After Header In Genesis

There's at least 4 ways to add a full width image after the header in any Genesis child theme. This tutorial provides several basic code examples you can…

Add Logo In Menu of Magazine Pro Theme

The solution in this tutorial enables you to display your logo inline with your nav menu items like you see in the following screenshot : Coded to display…

Add Logo In Nav Menu in Genesis

This tutorial shows you how to add an image to the left of the primary nav menu in any child theme by StudioPress. The method should work on…

Add Widget To Magazine Pro Front Page

This free quick tip provides the code which adds a new widget area to the Magazine Pro themes front page template. Based on this question from a new…

Maker Pro Child Theme Tutorials

Posts in this archive relate to modification & customization of the Maker Pro child theme by Bloom. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Masonry

Tutorials in this archive relate to the use of jQuery Masonry in Genesis child themes.

Genesis Masonry Template

A genesis front page template which displays your posts using a Masonry layout. Video Demo Shows the use of jQuery Masonry to display posts with different sized featured…

Masonry in Genesis – Basic Example

This tutorial shows you how to use Dave Desandro's masonry with the Genesis Sample themes home page. This solution is the most basic compared to others i've seen…

Meta Box

This archive includes tutorials containing code which uses the add_meta_box, remove_meta_box and genesis_save_custom_fields functions used in Genesis child themes. Some tutorials include code which works in any WordPress theme and some code only works in Genesis child themes as it contains Genesis specific functions. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Image Upload To Edit Category Page

This code enables you to add a image upload field to all Edit Category pages which also includes Edit category pages for child categories. You can also use…

Color Picker To Style Post Meta

The code in this download folder produces exactly the same result as this tutorial without the need to use a plugin like ACF or add CSS. You can…

Add Media Upload Box

This code adds a new meta box which works in the same way as the existing Add Media button above your editor. The code works in Genesis and…

Add WP Editor To Page Template

This code enables you to add a 2nd editor to any page template or any/all edit screens in WordPress. All you need to do is add code to…

Change Position of Meta Box

This solution enables you to reposition any meta box on any post type edit screen. In this example, the code repositions the Genesis SEO Settings meta box so…

Add Genesis Meta Box for Checkbox

This code creates a new meta box you can enable from the Screen Options on any Edit Post screen. No need to install a plugin to create the…

Remove Scripts Meta Box From Genesis

The following screenshot shows the Scripts meta box which is located on all Edit Post & Edit Page screens in Genesis: The code in this tutorial, once added…

Metro Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Metro Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Image Behind Header & Menu

The solution in this download folder enables you to : Move the primary menu inside the site header Display a image behind both the header & menu Center…

Custom Category Archive Template

The template in this tutorial enables you to display category archive pages differently to the default archives. This solution has been coded based on a question from a…

Minimum Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the Minimum Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Single Posts In Tabs Using Genesis

The code in this tutorial enables you to create tabs ( using code, not plugin ) which display the entry title, featured image and content limit. You can…

Change Site Header CSS On Scroll

This tutorial provides the code which enables you to change the site header elements on scroll. You can determine the point where the change occurs simply by modifying…

Minimum Pro Different Backstretch Images

This tutorial shows you how to display different backstretch images using the Minimum Pro theme by StudioPress. By default, the theme only shows 1 image on the front…

Modern Portfolio Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customisation of the Modern Portfolio Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Modern Studio Pro Theme Tutorials

All code, tutorials and theme customization/modification relates to the Modern Studio Pro child theme. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

StudioPress Monochrome Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Monochrome Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Replace Site Title With Logo On Scroll

This solution enables you to remove the site title and replace it with your custom logo on scroll. Here's the site header showing the site title before scroll…

Monochrome Pro Front Page 1 Replica

A member wanted me to modify this template which copies the front page but only display the 1st widget with a unique background image before several single pages…

Monochrome Pro Remove Before Footer CTA Widget Conditionally

Add this code to the Monochrome Pro themes functions file. [code] add_action( 'genesis_before_footer', 'remove_before_footer_cta', 8 ); function remove_before_footer_cta() { if ( is_page( 'contact' ) ) { remove_action( 'genesis_before_footer',…

Genesis Nav Menu Tutorials

Tutorials in this archive relate to the customization and modification of nav menus in Genesis using PHP code & CSS. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Different Nav Menu On Front Page

This code enables you to display a different menu on your front page. The code is written to change the primary menu on the front page however you…

Change Nav Menu For Specific Page In Any Theme

This PHP code enables you to change the primary nav menu for any permalink slug or i.d. [restrict paid=true] [code] add_filter( 'wp_nav_menu_args', 'change_primary_nav_menu' ); function change_primary_nav_menu( $args )…

Image Behind Header & Menu

The solution in this download folder enables you to : Move the primary menu inside the site header Display a image behind both the header & menu Center…

Slide In Side Menu In Genesis

This code enables you to achieve the slide in menu effect in any theme. Update : Here's a newer/different method which you may find easier to work with…

Different Menu On WooCommerce Pages

This code works in any child theme function file and enables you to use a different menu when WooCommerce pages are loaded. In this case we change the…

Set Custom Menu For Different Pages

The code in this tutorial enables you to display any menu on any page, post, custom post type, custom taxonomy, archive, author, blog, category, search or tag page…

Navigation Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Navigation Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

News Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the News Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

No Sidebar Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customization of the No Sidebar Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Outfitter Pro Theme Tutorials

Tutorials for customizing & modifying the Outfitter Pro child theme by StudioPress which includes custom functionality and styling for WooCommerce. The tutorials also enable you to add custom functionality and styling to this child theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Outreach Pro Theme Tutorials

The Outreach Pro archives include tutorials related to the default modification & customization of the Outreach Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Outreach Pro Theme Fixed Header

You can make the Outreach Pro themes header sticky by using the CSS from the Genesis Sample theme. [code] @media only screen and (min-width: 960px) { .site-header {…

Logo Over Full Width Header Image

This solution enables you to add a full width background image which covers the entire site header container. And, you can also addd a logo which floats over…

Pagination

This archive includes tutorials with code that enable you to modify & customize the default archive page pagination and single entry post navigation in Genesis for both the numeric and Previous | Next page entry pagination. Functions in these code snippets include genesis_posts_nav, genesis_prev_next_posts_nav, genesis_numeric_posts_nav, previous_post_link and next_post_link

Link Single Posts In Same Category

The code in this tutorial enables you to add single post navigation which links posts in the same category. The code is fully customizable enabling you to change…

Single Post Navigation With Excerpt

This code produces next and previous post links after all single post entry content. The single post navigation also includes the excerpt for both the previous and next…

Add Single Post Navigation In Genesis

This code enables you to reposition the single post navigation links in Genesis to any hook position. This post also includes the code to modify the default single…

Archive Pagination In Genesis Nav Menu

This code enables you to move the archive page next & previous pagination links to your nav menu like this: The above image shows the result when choosing…

Parallax Pro Theme Tutorials

The Parallax Pro archives include tutorials related to the default modification & customization of the Parallax Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Parallax Page Template for Genesis

This tutorial includes the code which creates a new custom page template for the Parallax child theme by StudioPress. Note : This new solution adds the Parallax Pro…

After Header Parallax Image

This download adds a widget area after the header with a background image. The widgets background image moves at a different speed to the overlaying content when scrolling,…

Add Parallax To Genesis Sample Theme

This template adds parallax to the background image sections in the front page of the new version of the Genesis Sample child theme by StudioPress. The background image…

Genesis After Header Parallax Template

This download includes 2 templates which enable you to add a image after the header with the Parallax Effect. You can overlay either the (1) post/page title or…

Patterns

Tutorials in this archive include code which modifies or adds custom functionality for WordPress block patterns. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

PHP Code

The tutorials in this archive help people read, write & use PHP code in Genesis child themes.

class_exists

You can use class_exists to check if a plugin is active. ( Watch the video below which tests the code examples in this tutorial ). You need to…

foreach

The foreach construct only works with arrays. This means you must either use an array like this: array( '1', '2', '3' ); Or functions which return an array…

add_action

add_action is a function which you'll see in WordPress, Genesis & other theme files. You've probably seen code in a file which looks something like this: [code] add_action(…

array

There's 3 types of functions which use array() out of the dozens of different array functions you can use in PHP. This tutorial explains the simplest & most…

get_body_class

This free code checks the body classes and executes your code if the body class exists. In this case, the code executes on any page which includes custom-class…

sprintf

sprintf is similar to printf however is used to return the result as a value for a variable to be used later rather than output immediately. Here's the…

if else

if .... else is used as a conditional statement or conditional expression which enables you to execute code if a specific condition returns true otherwise execute other code…

Ternary Operator

There's at least 3 ways to code if conditionals and else statements in WordPress using PHP. In the first 2 examples below, we'll use the most common methods…

template_include

Using the template_include function included in WordPress, paste this PHP code at the end of your child themes functions.php file and modify accordingly. [code] add_filter( 'template_include', 'single_page_template', 99…

printf

You've probably seen code in your files which looks like this: [code] printf('%s World', $var ); [/code] This code includes a function named printf() which in most cases…

variable

You've probably seen code which includes the $ dollar sign like this: [code] $output [/code] This is whats called in PHP language, a variable. WordPress & Genesis use…

Post Categories

Tutorials in this archive relate to modification/customization of the default post_categories shortcode functionality included in Genesis.

post_class

pre_get_posts

The pre_get_posts hook enables you to modify whats included in any archive page type loop before it runs making it one of the most efficient ways to alter any original query before WP_Query has been set up.

Add Custom Field To Genesis Loop

This code enables you to add custom field content like text, HTML & images to the Genesis loop. You can use the code 2 ways: The 1st snippet…

Exclude Latest Post From Home Page Loop

In this tutorial. i'll provide the code i tested which excludes the latest published post from your home page loop. Simply copy this PHP from the view raw…

Exclude From Genesis Blog Page Template

This code enables you to exclude single posts & pages as well as posts in different types of archives like author, category, search, and tag archive type pages.…

Show Sticky Posts Only On Front Page

Assuming your home page reading settings are configured to display your latest posts in a paginated archive rather than a static page, you can use this PHP code…

Set Posts Per Page For Any Archive Type

Use this code in your child themes functions file with a conditional tag to target a specific archive page type to set posts per page. [code] add_action( 'pre_get_posts',…

Return Search Results After A Specific Date

If you want to exclude older posts from your search results, you can using pre_get_posts. The following code uses the date_query from WP_Query. Only returns results after the…

Set Posts Per Page For Tag Archive

This code enables you to set the posts per page limit for any tag archive page. This way you can over ride the WordPress > Reading settings which…

Product Image

The tutorials in this archive relate to the modification of WooCommerce product images via your child theme. Many of the tutorials include code which is tested in Genesis. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add WooCommerce Product Images Using ACF

This code enables you to add product images using Advanced Custom Fields. You can add a unique product image on any Edit Product screen using ACF. Watch Demo…

Custom WooCommerce Product Image

This solution enables you to modify the main single product image in WooCommerce. This main image is the image added via the Product Image link which replaces the…

Read More

The tutorials in this archive contain code which enables you to style, customize and modify the default functionality of the read more link in Genesis child themes including the Genesis Featured Posts widget and some WordPress themes.

Add No Follow To Read More Link

This code enables you to add the rel="nofollow" attribute to the read more link. The code works using any of the following: when using the WordPress More Tag…

Change Read More Link Into a Button

This code enables you to make the read more link into a button. Here's the result: And here's the code which you can add to your child themes…

Link Read More Link to Any URL

This code enables you to conditionally link the read more link to any URL. Here's the demo video: The code in this tutorial includes examples which enable you…

Modify Read More Link Text In Genesis 2.7 +

You can use the genesis_more_text filter added in version 2.7.0 of Genesis to modify the default output for the more text used with the_content_limit() and the_content() functions in…

Change Read More Text Conditionally

A member of the Genesis community asked : Is there a way to change the "read more" text in certain categories? I am aware of how to change…

Refined Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Refined Pro child theme by Lauren Gaige @ Restored 316 LLC. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and/or videos. Installation of all code as well as support for PHP code is provided for members.

Reusable Blocks Tutorials

The tutorials in this archive contain solutions relating to coding custom reusable blocks used in WordPress theming. The code is guaranteed to work as shown in the tutorial screenshots and videos. Installation of all code as well as support for PHP code is provided for paid members.

Aweber Email Hero Block In WordPress

This tutorial provides the steps which enable you to add your Aweber signup form anywhere in any theme and style it like you see in the following screenshot…

Add Reusable Blocks Link To WordPress Dashboard Menu

Paste this code in your custom functions plugin, themes functions.php file or Must Use plugin. [code] add_action( 'admin_menu', 'reusable_blocks_link_wp_admin' ); function reusable_blocks_link_wp_admin() { add_menu_page( 'linked_url', 'Reusable Blocks', 'read',…

Revolution Pro Theme Tutorials

Tutorials in this archive relate to the modification of code and/or addition of custom functionality to the Revolution Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Roles & Capabilities

The tutorials in this archive relate to modification & customization of user roles and capabilities in Genesis child themes.

WordPress User Role Capibilities

Have you ever thought about finding other bloggers to help manage your WordPress administration? The only problem is you need people who you can trust. You also need…

3 Ways To Change User Roles

Here's a quick tip giving you a few options to choose from if you need to change a users role. 1. You can go to Users and edit…

Remove Capabilities For Any User Role

WordPress enables you to remove any capabilities pre assigned to any user role. In this 1st example, the code removes specific capabilities for the editors role preventing all…

Search

Tutorials in this archive contain code which enables you to add, edit, customize, style or modify a search form, search results or search widget in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Center Logo Inline With Search Widget

By default, the Genesis Sample child theme by StudioPress centers the header image only when the header right widget area is inactive. Once you add a widget, it…

Genesis Custom Search Results Page

In this post, i'll show you how easy it is to create your own custom search results page template for Genesis. The results page this code creates is…

Twenty Nineteen Header Widget

This tutorial contains the steps which enable you to add a widget area in the header of the Twenty Nineteen default theme for WordPress. In this case, a…

Add Search Box To Menu

This code adds the WordPress search box to either your primary or secondary navigation menu. The code works in any theme however you may need to change the…

Showcase Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Showcase Pro child theme by bloomblogshop.com. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Remove Showcase Pro Page Header Image Conditionally

The code modification in this tutorial enables you to conditionally remove the page header image without removing any of the functionality or classes included within the showcase_page_header() function…

Simple Social Icons

This archive contains tutorials which include code that enables you to modify, customize and style the Simple Social Icons plugin. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Site Description - Tagline Tutorials

This archive contains tutorials which include code that enables you to modify the default output for the Genesis site description function so you can customize the tagline using the genesis_seo_description filter. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Slider Tutorials

The tutorials in this archive focus mainly on adding a slider or slide show in specific StudioPress & Genesis child themes. You'll also find many more tutorials relating to the use of sliders which aren't included in this archive as they haven't been tagged. The code in every tutorial is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Multi Item Slider For Genesis

This multi item slider is hand coded using PHP specifically for Genesis child themes. The slider enables you to display multiple featured/product images with titles from : Categories…

Academy Pro Slider Before Header

This code enables you to add the Soliloquy slider before the header to any Genesis child theme. Tested using the Academy Pro & Genesis Sample child themes by…

Smart Passive Income Pro Theme Tutorials

Tutorials in this archive contain solutions related to the modification & customisation of the Smart Passive Income Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Genesis Full Width Header Image

This tutorial provides several solutions which enable you to add a full width header image in most genesis child themes. Both solutions have been tested on the Genesis…

Tabs

The tutorials in this archive include the jQuery tabs function .tabs() which enables you to creates tabs in Genesis child themes. Installation of all code as well as support for PHP code is provided for members.

Display Single Posts In Tabs

This code enables you to hook in any number of tabs containing selected posts by post id. The code includes a comma separated list of post id's which…

Add Tabs in Genesis Child Themes

This code enables you to add tabs anywhere in any theme. Here's the result with basic styling: Once you install the code, all you need to do is…

Genesis Tabbed Content Template

This tutorial provides code for adding tabs in a page. The template enables you to show and hide content simply by clicking each menu item. Video Demo Installation…

Genesis Tabs Template With Custom Fields

This page template enables you to add content via the native WordPress custom fields meta boxes located on every Edit Page. Setup Instructions Using a code editor, create…

Single Posts In Tabs Using Genesis

The code in this tutorial enables you to create tabs ( using code, not plugin ) which display the entry title, featured image and content limit. You can…

Genesis Tabbed Widgets Template

This page template includes 5 widgets areas which only display when populated with any type of content. If you want to use this template on multiple pages with…

Taxonomy Terms Tutorials

Tutorials in this archive include code which relates to the use of custom post types, custom taxonomy types, taxonomy terms. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Color Picker To Style Post Meta

The code in this download folder produces exactly the same result as this tutorial without the need to use a plugin like ACF or add CSS. You can…

Filter Archive Title In Genesis

There's currently no filter for modifying the default output for category / tag / taxonomy archive page titles in Genesis which uses get_term_meta to get the term name.…

Get Tags for Custom Post Type

At present, there is no post_type parameter included in any core WordPress function or efficient solution which enables you to display a list of tags without displaying ALL…

Checkbox For Styling Pages Differently

The code in this tutorial for members enables you to select a checkbox to style any single post or page based on your checkbox selection. This enables you…

Add Taxonomy Term Slug To CPT Permalink

This download folder includes the code which enables you to dynamically include the taxonomy type term slug to your custom post type permalinks on for single entries. Example…

The Content

Code in these tutorials relate to adding content within the content area of single posts and pages. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Display Featured Image After Paragraph

This code enables you to add your featured image after any number of paragraphs on single posts. The above example shows the featured image added after the first…

Translate Language

Tutorials in this archive contain code which works based on the language settings in WordPress as well as the qTranslate-X & WPML Multi Lingual plugins.

Change Logo For Different Languages

The code in this tutorial works when the WPML ( WordPress Multi Lingual ) plugin is active. It enables you to display a different logo in your themes…

Twenty Fourteen Theme

The tuts in this archive relate to the modification and customization of the Twenty Fourteen default theme for WordPress. Modifications to parent themes should always be done via a child theme or custom functionality plugin.

Twenty Nineteen Theme Tutorials

Posts in this archive relate to modification & customization of the Twenty Nineteen parent theme for WordPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Twenty Nineteen Header Widget

This tutorial contains the steps which enable you to add a widget area in the header of the Twenty Nineteen default theme for WordPress. In this case, a…

Twenty Nineteen Child Theme

This free child theme for Twenty Nineteen enables you to modify the default code including CSS, PHP and jQuery without losing your customizations when the Twenty Nineteen parent…

Twenty Twelve Theme

Twenty Twelve Default Theme for WordPress

Twenty Twelve has been officially released today by Automattic. You can download the theme directly from your wp admin panel or go to the themes.trac and grab it.…

Download Twenty Twelve Theme for WordPress

Just Downloaded the new default theme for WordPress, Twenty Twelve (2012). Development of the Twenty Twelve design wasn't quite finished when WordPress 3.4 came out earlier this year so it…

Twenty Twenty One

Tutorials containing code to modify and customize the Twenty Twenty One default theme for WordPress.

Twenty Twenty Theme Tutorials

Posts in this archive relate to modification & customization of the Twenty Twenty parent theme for WordPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Custom Avatars In Any WordPress Theme

The unique code in this download folder enables you to change the user profile picture for their avatar if desired, otherwise, a Gravatar is shown using their email…

Scroll Indicator JS For WP Themes

Adds a scroll indicator at the bottom of your fixed header in Genesis and other WordPress themes. Only displays on desktops. Includes the files for use in Genesis…

Child Theme For Twenty Twenty

This free child theme for Twenty Twenty enables you to store your custom code like CSS, PHP & jQuery so it's easy to find and doesn't get lost…

Aweber Email Hero Block In WordPress

This tutorial provides the steps which enable you to add your Aweber signup form anywhere in any theme and style it like you see in the following screenshot…

Code Star Rating In WordPress

The download folder in this tutorial contains code which enables you to add a star rating system to your WordPress theme without the need to install more plugins.…

Tutorials for Twenty Twenty Two Theme

Tutorials in this archive include code which modifies or adds custom functionality to the Twenty Twenty Two full site editing theme for WordPress. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Tutorials Tagged Video

Tutorials providing functions and templates to help you use YouTube, Vimeo and self hosted video links and embed code in Genesis child themes. Includes code to add a video background to widget areas in specific StudioPress child themes. All code as well as support for PHP code is guaranteed for members.

Genesis Template For ACF Repeater Fields

This template for Genesis child themes includes the code to display your Advanced Custom Fields repeater fields in a custom loop. In this example, the loop includes sub…

YouTube Video Grid In Genesis

The 4 different templates in this tutorial enable you to create a mobile responsive grid of YouTube videos like you see in the following image: Key Features Display…

Genesis Video Grid Using Embed Code

This basic template enables you to use video embed code to display videos in a single static page template like this : You can use embed code from…

Show Videos in WordPress Post Comments

By default, adding the embed code or a link to a YouTube video in a comment form, won't display your video because the oEmbed discovery for video tags…

Wellness Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Wellness Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for registered members.

Winning Agent Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Winning Agent Pro child theme for Genesis. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

WooCommerce Tutorials

The tutorials in this archive relate to the modification of WooCommerce via your WordPress child theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Custom Product Loop – WooCommerce

This code uses WP_Query to give you the most basic starting point when developing a custom loop for display WooCommerce products in any WordPress theme. Using a code…

Remove Sidebar on WooCommerce Pages

This tutorial provides 2 ways to remove the sidebar from any type of WooCommerce page in Genesis child themes. 1. You can change the Layout Settings on Edit…

Filter WooCommerce Main Product Image

This tutorial provides 2 code snippets which enable you to filter the main product image on the single product page in WooCommerce. As seen in the demo video,…

WordPress Gallery Tutorials

The tutorials in this archive relate to the modification of the default functionality and styling for the WordPress native gallery. The tutorials also enable you to add custom functionality and styling to the gallery, gallery items and gallery images. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Show WordPress Gallery Items On Click

This template enables you to load 1 or more rows of gallery images on button click : Works with any number of rows, columns, images and image sizes.…

Responsive Images Inline Full Screen

This tutorial enables you to display any number of images inline. The images re-size perfectly on all screen sizes right down to held held mobiles. Watch the following…

Workstation Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Workstation Pro child theme by StudioPress. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.