• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2557

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Register
  • Videos
  • Log in

Open Academy Pro Hero Buttons In New Window By Adding Target Attribute target=”_blank”

This tutorial shows you how to add the target="_blank" to the HTML for the hero section buttons in Academy Pro so they open in a new

Academy Pro

Genesis Footer Credits Text Filter

This filter was deprecated back in August 2019. Here's the change log entry : Deprecation: The genesis_footer_creds_text filter is now

Change Logo Size In Customize Header Image

This tutorial shows you how to change the image size in the Beautiful Pro child theme by StudioPress. This is the standard method used in

Beautiful Pro Header Image

Add Extra Wide Full Width Layout Template For Single Posts In Any Genesis Child Theme

This solution enables you to use an extra wide full width layout on single posts in any child theme running on Genesis. Demo Video

Infinity Pro Layout

Change Sidebar Width in New Genesis Child Themes

This free tutorial helps you work out how to change the width of the content area and sidebar in any Genesis child theme like this : By

Modify Or Remove Address & Checkout Fields On WooCommerce Checkout Page

This freely accessible download folder contains 2 code snippets which enable you to : Use the 1st snippet to make the following address

WooCommerce

Change Screen Width For Showing The Genesis Responsive Menu

The free solution in this download enables you to change when the responsive menu icon displays in the Genesis Sample child theme. In

Nav Menu

WooCommerce Product Categories Widget – Change The Order Of Categories

This free code enables you to change the order of your categories displayed using the WooCommerce Product Categories widget. On your

Taxonomy Terms WooCommerce

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

PHP Functions

Genesis Support For Yoast

3 files inside Genesis include code to support the Yoast SEO plugin. genesis > lib > functions > breadcrumb.php genesis > lib > classes

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

Comments

Wellness Pro – Replace Front Page 1 Widget Area With Slider

This solution uses the Soliloquy slider to replace the front page 1 widget area so you can add captions to each image as seen in the demo

Slider Wellness Pro

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

Pagination

Remove Leave a Comment Link From Genesis Post Info

The following PHP code enables you to remove the leave a comment link from posts like this : Copy & paste the code to the end of your

Entry Meta

Infinity Pro – Change Team Page From 4 To 3 Columns

This code modification enables you to modify the default Infinity Pro team class setting for displaying team members on the team page from

Infinity Pro

Foodie Pro – Reposition Search Box Before Nav Menu

By default, the search form in Foodie Pro is added after the nav menu items like this. This solution enables you to add the search box

Foodie Pro Nav Menu

Add Shortlink Anywhere In Genesis

Add the following code to the end of your child themes functions file You can add conditional tags to control which page types and posts

Authority Pro – Enable Shortcodes In Top Banner

To use shortcodes in Authority Pro > Customize > Authority Pro Settings > Top Banner Section, you'll need to modify the PHP code. Go to

Authority Pro

Show Site Description After Header Image In Gallery Pro

This tutorial shows you how to display the site description ( tagline ) when a header image ( logo ) has been added. Generally, when you add

Gallery Pro Site Description

Override WooCommerce archive-product.php Template File In Genesis

Based on the following statement published on the official WooCommerce website, you can't override the archive.product.php file in Genesis

WooCommerce

Add Custom Classes To Specific Post Numbers

This code snippet enables you to add custom classes to any posts in any archive type loop. In this example, we'll be adding a custom class

Authority Pro – Remove Social Menu From Specific Pages

This tutorial provides the steps to modify the code so you can conditionally remove the social menu from specific pages in Authority

Authority Pro Nav Menu

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

Read More

Add Background Image To Widget Area Using CSS

This CSS enables you to add a background image to any widget area in any theme. In this case the image has been uploaded to the WordPress

Background Image

Only Show Specific Pages or Posts On Home Page

This code enables you to select which single pages you want displayed on the front page of your WordPress site. It excludes all posts and

pre_get_posts

Include Single Pages With Posts In Home Page Loop

This code laters the main query for the home page loop to include single pages with posts. Add the PHP code to the end of your child

pre_get_posts

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

pre_get_posts

Disable Connection To WordPress.org On Local Installation

Speed up your local installation by disabling the connection to wordpress.org's server. [code] add_filter( 'pre_http_request',

Using Odd Even Classes In Genesis Archives

This PHP code adds odd even classes to your posts in any archive type ( loop ) in any WordPress theme. [code] add_filter( 'post_class',

Remove Essence Footer CTA From WooCommerce Pages

This code removes the Footer CTA widget from WooCommerce pages in the Essence Pro child theme by StudioPress. Code Installation

Essence Pro WooCommerce

if else

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

PHP Functions

Conditional Genesis Post Info

This tutorial provides 2 different ways to modify what entry meta is displayed in the post info. If you want to modify the post info

Entry Meta

Load Ion Icons In Genesis

Add the following PHP code to the end of your child themes functions.php file. Related Tutorials Install Dashicons in

Sub Menu Not Working In Genesis Child Themes

A member asked this question : no matter what I do, I cannot get the submenu to appear Answer : The reason for this might be, some

Nav Menu

Remove Entry Title Over Essence Pro Hero Image

This tutorial provides 2 ways to remove the entry header elements including the entry title & entry meta from Essence Pro. You can

Entry Meta Essence Pro

Display Genesis Featured Page Widgets In Columns Using CSS Grid

The CSS to display featured page widgets and featured posts in grid columns is different. This CSS enables you to display 4 featured

Genesis Featured Page Widget Grid Columns

Magazine Pro Full Width Home Top Widget Area

This code repositions the home top widget area hooked to genesis_loop by default so it displays full width before the content sidebar like

Magazine Pro

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',

Blog Page Essence Pro

Reposition Breadcrumbs On Single Posts In Genesis

This template enables you to remove the default position of the breadcrumbs and add them back in any Genesis hook position. In this

Breadcrumbs

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

Essence Pro

Add Down Triangle Like Arrow After Front Page 1 Widget

This CSS enabled you to add the down triangle after the front page 1 widget area in the Monochrome Pro child theme by StudioPress like this

Monochrome Pro

Remove Footer From Front Page In Genesis Child Themes

This PHP code removes the footer & footer markup from Genesis child themes. All you need to do is create a new file named

Footer Widgets

Show Password Protected Content To Logged In Users

Add this PHP code to the end of your child themes functions file to display all password protected content to logged in users

Essence Pro Remove Background Gradient From Header Hero Image

This tutorial shows you how to remove the background gradient from the Hero image in the header of the Essence Pro child theme by

Essence Pro

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

Monochrome Pro

Add Responsive Header Image In Genesis Sample Theme – Beginners Guide

This beginners guide shows you how to add a full width header image to the new Genesis Sample child theme by StudioPress. Your image will

Header Image

Filter The Howdy Text In Your WordPress Admin Bar Menu

Add the following PHP code to the end of your child themes functions file Uses str_replace

Remove Send To Text Editor Buttons From AgentPress Listings Property Details Meta Box

This tutorial provides a simple solution which enables you to use CSS to remove the Send To Text Editor buttons located on the single

AgentPress Pro

Custom Fields On Search Results Page

This tutorial provides 2 solutions which enable you to display custom fields on your search results page in Genesis. Solution 1 This

Custom Fields

Add Front Page 7 Widget To Wellness Pro

This tutorial provides the 4 steps needed to add a new widget area for a image section to the Wellness Pro themes front page. Step 1 :

Wellness Pro

Override Genesis Portfolio Pro Plugin Items Per Page Setting

This code enables you to override the "Items Per Page" setting added to each portfolio archive edit screen when you install the Genesis

Custom Post Type

Remove Featured Images From Archives in Academy Pro

The academy Pro child theme by StudioPress includes 2 lines of code on lines 393 & 394 in functions.php which reposition the featured image

Academy Pro Featured Image

Modify Flexible Widgets To Display Any Number of Widgets In Columns

This tutorial shows you how to modify any widget area in any Genesis child theme which uses flexible widgets. You can use CSS Grid to

Grid Columns Infinity Pro

Show Blog Page Title On 1st Page Only

This code removes the title from the Genesis blog page template on all paginated pages except the first page. Based on this question

Blog Page

Replace No Sidebar Pro Front Page Loop With Newsletter Sign Up Widget

There's 2 solutions in this post : 1. This code removes the loop of posts from the front page and replaces them with a single widget area

No Sidebar Pro

Exclude or Include Genesis Author Box On Specific Single Pages

By default, the author box in Genesis doesn't display on single pages. However, you can add the following PHP code to your child themes

Author Box

Genesis Layout Settings On WooCommerce Pages

There's 3 ways to change the layout settings in Genesis child themes. 1. You can use the Layout Settings on any Edit Page screen to

Layout WooCommerce

Add Button To Entries On Archive Pages

This code enables you to add a button with a unique link after entries on archive pages in genesis like you see in this example

Custom Fields

Add Affiliate Disclosure After Single Post Entry Titles In Genesis

This code enables you to add text for a affiliate disclosure to single posts in any Genesis child theme. Based on the following question

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 &

Academy Pro Slider

Change Header Image Size In Outreach Pro Theme

The default size for the Outreach Pro themes header image is 340px by 100px which you can see in the functions.php file on lines 34 &

Outreach Pro

Add Custom Body Class Based on Permalink Slug

This code adds a custom body class when the permalink contains the slug test-slug. If it doesn't, no custom body class is

Refined Pro Remove Date From Front Page Entries

Here's the Refined Pro themes front page entry showing the date on the left side of the entry : To remove the date, following these

Refined Pro

Conditionally Remove Adsense Auto Ads From Posts in Specific Category in Genesis

Genesis includes a input field for Adsense auto ads located in Genesis > Theme Settings > Google Adsense. However, this settings outputs the

Auto Increment Numbers Before List Items Using The counter-increment CSS Property

This CSS automatically adds numbers before each list item using the most recent posts widget native to all WordPress installations. This

Template To List Sub/Child Pages Of a Parent Page & Exclude Grand Children In Genesis

Using the following arguments with wp_list_pages, we can display a list of all child pages of 1 parent page. We can also exclude all

Modify Footer Menu in Genesis Sample Child Theme

If you look in the functions file of the Genesis Sample child theme you'll see the following PHP code. [code] // Rename primary and

Nav Menu

Digital Pro Adjust The Height of Front Page 1 Hero Image

This tutorial provides the instructions to modify the height of the front page 1 hero image in the Digital Pro child theme by

Digital Pro

Atmosphere Pro Set Height of Front Page 1 Image

The front page 1 background image size is set in the atmosphere-pro > js > front-page.js file using the following jQuery located between

Atmosphere Pro

Authority Pro Full Width Featured Image On Single Posts

A member of the Genesis community asked, "How do i make the featured image on single posts full width?" There's 2 steps : Step 1 :

Authority Pro Featured Image

Moving Post Info Above Title in Foodie Pro Featured Posts Widget

This tutorial shows you how to move the post info in the entry header above the entry title like this : Go to foodie-pro > lib >

Entry Meta Foodie Pro

Remove Post Info & Entry Meta From Blog Page Template

This tutorial provides 2 solutions which remove the entry meta in the entry header ( Post Info ) & the entry meta in the entry footer from

Blog Page Entry Meta

Featured Image Before Single Page Entry Title in Genesis

This code adds the featured image before the entry title on single pages only. The image is only added if a featured image is set using the

Featured Image Magazine Pro

Altitude Pro Change Front Page 1 Widget To Display 3 Widgets Inline

This tutorial helps you change the Altitude Pro themes front page 1 widget area display 3 widgets inline like this : You can also use

Altitude Pro

Academy Pro Change All Flexible Widget Layouts To Front Page 4 Style

This tutorial is based on the following question from a member of the Genesis community : What do I need to change if I want all the

Academy Pro

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

PHP Functions

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

Author Box

Change Academy Pro Category Grid To 4 Columns

This CSS will change the columns on the journal category archive page from 3 to 4 columns : Add the following CSS to the end of the

Academy Pro

Load Template File Conditionally

This code loads the template file named featured.php from the child themes root directory. You can use the code in your child themes

Get The ID From a Image URL

This code enables you to get the attachment i.d from any type of image URL. In the following example, the code enables you to get the I.D

Custom Fields

Add Authority Pro Featured Images on Single Pages

This tutorial provides the code which enables you to display featured images on single pages exactly the same as they're displayed on single

Authority Pro

Genesis 404 Page Template

You can upload this file to your child themes root directly to create a very simple 404 template you can customize in any Genesis child

Authority Pro Full Width Widget Areas

This code enables you to make the front page widget areas full width. Based on this question from a member : Do you know if there's an

Authority Pro

Modify Site Title URL Based On User Capability

The code in this tutorial enables you to change the site title link based on the user capability. In this case, the site title links to

Roles & Capabilities

How To Install Facebook Customer Chat In Website

This code enables you to add the new Facebook chat widget in any WordPress theme. If you use Genesis, simply paste the code into the Genesis

2 Column Genesis Split Widgets 50% Width

The following solution uses CSS Grid so it won't work in I.E. Based on this question : I have two widgets but I’m still struggling

Grid Columns

Genesis Full Width Layout For Password Protected Posts

This code enables you to force a full width layout on single posts which are password protected in Genesis. Once the user enters the

Layout

Add Background Image To Landing Page Template Only

This solution enables you to add a background image to 1 specific page template without using the built in background image function which

Background Image Minimum Pro

Genesis Template To Display Posts by Year

This file enables you to create a custom archive page template in genesis which dislays posts by date. In this case, by year. You can

Add Back Return To Top Link In Genesis Footer

The return to top shortcode in Genesis no longer works in HTML 5 child themes so you'll need to find a working solution like this

Different Excerpt Lengths For Posts & Archives

The PHP code in this free quick tip enables you to conditionally change the length of the excerpt. Based on this question from a member

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

Magazine Pro

Custom Author Archive Templates In Genesis

A member of the Genesis community asked : How do you create a custom Author Archive template for your Genesis child theme? I've been

Reposition Title After Category in Refined Pro

This code enables you to reposition the entry title and entry meta like this : Based on this question from a member of the Genesis

Entry Meta Refined Pro

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 like

Accordion & Toggle

Rename Post Formats In WordPress

This code enables you to rename post formats via your child themes functions file : [code] add_filter( 'gettext_with_context',

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

Genesis Featured Posts Grid Columns

Create Multiple Custom Taxonomies In Genesis

Add the following PHP code to the end of your child themes functions file and modify to suit your own requirements. [code] add_action(

Taxonomy Terms

Add Filter To WP_Query In Genesis Featured Posts Widget – Suggested Genesis Core Enhancement

This enhancement would enable Genesis users to filter the WP_Query arguments ( $query_args ) used in the Genesis Featured Posts

Genesis Featured Posts

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

Blog Page Grid Columns

Image Section Height Changes In Altitude Pro Front Page

A member asked me today how to change the height of the background images in the Altitude Pro themes front page widgets. Here's the

Altitude Pro

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

Read More

Change Genesis Mobile Menu Icon When Toggled

This CSS enables you to change the hamburger icon for the responsive menu when clicked without using jQuery. Add the following CSS rule

Nav Menu

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 Columns

Delete Posts For Expired Subscribers When Role Changes

This tutorial provides the code which enables you to delete all posts ( and change capabilities ) for any user role if the subscribers role

Roles & Capabilities

Add Entry Meta Shortcodes After The Post Title In Showcase Pro

This tutorial shows you hot reposition the post info so its immediately after the entry title which is displayed over the featured image

Showcase Pro

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

3 Column Table HTML & CSS

The HTML & CSS in this tutorial generate a very simple 3 column table like this : There's only 2 steps needed to install the table in

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

Layout

Add New Full Width Widget To Wellness Pro Front Page 1 Widget Area

This tutorial provides the code which enables you to add another widget to the front page 1 widget area in the Wellness Pro child theme by

Wellness Pro

Add Avatar Profile Picture To Single Pages In Ambiance Pro

This tutorial provides the code modification which adds your avatar image to single pages just like single posts which is coded by

Ambiance Pro

Site Title & Description After Logo In Genesis Sample

This CSS enables you to add your logo image via the header image setting in the customizer and also display your site title and tagline

Site Description

Remove All HTML Tags From Comment Content Text In WordPress

A premium user asked how to remove links from comments which is the reason for publishing this code. Add the following PHP code to your

Comments

Remove No Follow From Comment Author Link & Comment Content Text Area Links

The code snippets in this tutorial remove the default rel="nofollow" from links added in the comment content area as well as the comment

Comments

Remove Link From Post Author Link In Post Info

This code removes the link from the post author name which is linked to the author page in the post info. There's 2 code snippets

Remove Footer Widgets From Any Page In Genesis

This tutorial provides 2 ways to remove the footer widgets in any Genesis child theme. Based on this question from a member of the

Footer Widgets Outreach Pro

Remove Sub Footer Widgets From Front Page of Outreach Pro

A member of the Genesis community asked this question on the StudioPress community forums : I just installed outreach pro. I want to remove

Footer Widgets Outreach Pro

Add Jetpacks Infinite Scroll To Genesis Sample Theme

This code enables you to add Infinite Scroll ( which loads more posts by clicking a button ) from Jetpack to any archive page type in the

Infinite Scroll Jetpack

Display Genesis Featured Posts In Horizontal Grid With Overlay Title On Hover

This tutorial shows you one way to use the Genesis Featured Posts widget to display posts in horizontal columns like you see in the Brunch

Brunch Pro Featured Image Genesis Featured Posts Grid Columns

Genesis Blog Page Template Query Arguments Using Custom Fields

A good question from a member of the Genesis community on the StudioPress community forums : Question : I am writing new short posts and

Blog Page Custom Fields

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

Custom Fields PHP Functions

Create Excerpt of Custom Field Text With Read More Link & Word Limit

The code in this tutorial enables you to create a excerpt of your custom field text and add a read more link to it just like a post excerpt.

Custom Fields

Featured Image Before Single Post Entry in Genesis

The code in this tutorial enables you to add the featured image before the entry on single posts in Genesis. It displays the image you

Featured Image

Hide Posts From Logged Out Users

This question comes from a member of the WordPress Help and Share group on Facebook. Does anybody know of an easy way to make selected

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

Showcase Pro

Remove Author Box In Genesis If ( Bio ) Description Empty

The code in this tutorial enables you to remove the author box from single posts when the users bio is empty. Based on this question

Author Box

Add Custom Read More Link To Excerpts

The code in this tutorial enables you to do 2 things : You can control the length of the excerpt Add a custom read more link to

Read More

Remove Post Info From Single Posts In All Categories Except 2

Here's the question ( and code ) from a member of the Genesis community: I'm trying to remove the post info from posts in all categories

Entry Meta

Remove Background Image If Specific Genesis Layout

This code answers the following question from a member of the Genesis community: Question : Is there a remove_action I can add to a page

Background Image

Code array() With [ ] Square Brackets

As of PHP 5.4 you can also use short array syntax, which replaces array() with [ ] square brackets. Example: The 1st example codes the

Remove Date From Single Posts In Genesis

This question comes from a member of the Genesis community: Does anyone have a quick resource on how to remove the date from your blog

Entry Meta

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

pre_get_posts

Add Foodie Pro Nav Menu Item Styling To News Pro

This CSS changes the styling for the top level menu items in News Pro to Foodie Pro. Its a basic modification you can make under the Site

News Pro

Reposition Post Categories Below Post Info In Entry Header

This tutorial provides the custom PHP code based on the following question from a member of wp sites : I want to display the post_meta

Entry Meta Post Categories

Difference Between An Argument & A Parameter

There's different opinions on this subject, here's mine. My opinion is based on how i understand PHP code and how i write and use

Register Portfolio Custom Post Type With Taxonomy Support

Added to your child themes functions file, this code creates a custom post type named portfolio. The code also includes support for

Custom Post Type

Show Genesis Simple Share Icons On Specific Pages

A good question from a member of the genesis community: I installed Genesis Simple Share and enabled posts and pages. But, I only want

Codelobster PHP Edition – an advanced WordPress IDE

Just like any professional, a web developer has to constantly grow, evolve and learn new things as they come along. For the most of

How To Stick Your Footer To The Bottom Of The Screen

Both code snippets in this tutorial enable you to pin the footer of your site to the bottom of the viewport like this: This prevents

Lifestyle Pro

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

Custom Fields pre_get_posts

Infinity Pro – Add Sticky Message On Scroll

This tutorial ( in response to this question ) provides the code which enables you to add a sticky message, via a new widget after the

Infinity Pro jQuery Scroll

Custom Page Template For Single Posts

Prior to WordPress 4.7, you could only select a custom template from the Templates menu in the Page Attributes meta box on pages only. Since

Icon Above Post Titles

The PHP code in this post, once added to your child themes functions file, enables you to display icon before your single post titles like

No Follow WordPress Tag Cloud Widget Links

This code, once added to your child themes functions file, adds rel="nofollow" to all the tag cloud links generated by the tac cloud widget

Customize WordPress Tag Cloud Widget Functionality

This code enables you to modify the default functionality for the WordPress tag cloud widget. You'll find the tag cloud widget by going to

Add Additional Link Color Setting To Customizer

This tutorial enables you to add a 2nd setting to the WordPress customizer which enables you to change the link colors for any specific

Customizer Infinity Pro

Install Font Awesome Icons In Genesis

Before you install font awesome, consider using dashicons which are already included in WordPress so you only need to load

FallBack Image Replacing Video On Smaller Mobile Screens

Unfortunately, videos don't play perfectly on smaller mobiles but there is a solution. Add a image or animated gif once your website is

Digital Pro Video

How To Redirect 1 Page

There's at least 5 ways to redirect 1 page to another, all tested. 1. The easiest method if you're using a theme like Genesis, is to use

Add Custom Taxonomy Term Links To Single Custom Post Type

This code enables you to display a horizontal list of links to each single custom post type page. They link to each term archive page in the

Custom Post Type Taxonomy Terms

Move Page Title Not Post Title In Genesis

There's 2 ways to reposition the entry title or page title as some call it in Genesis child themes without also moving the single post

Add Genesis Scripts Meta Box To Custom Post Types

There's 2 ways to add the scripts box to custom post types edit screen: 1. You can use code in your functions file like

Custom Post Type Meta Box

WooCommerce Conditional Tag Checks All Pages

The code in this tutorial creates a custom made conditional tag which you can use with any custom function to check for all types of

WooCommerce

How To Add Code To A Genesis page.php File

This free tutorial for beginners provides the code you can use/modify to add/execute your code in a genesis page.php file. Many 3rd party

Add Button To Genesis Header Right Hook

This basic tip enables you to remove the header right widget area and hook in a clickable button. Simply add the following PHP code to

Digital Pro – Remove Smooth Scrolling From Button Click In Front Page 1 Widget Area

This tutorial enables you to remove the smooth scrolling effects from the front page widgets in Digital Pro. Based on this question from a

Digital Pro

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

Entry Meta

List Titles Only On Search Results Page – Genesis

This free template enables you to display only the entry titles on the search results pages in Genesis. Simply upload the search.php file

How To Use A SVG ( Scalable Vector Graphic ) As Your Logo

WordPress doesn't allow you to upload SVG files to your Media Library. If you try, you get this: You could add PHP code to your child

Add New Widget Area Before Footer Widgets In Genesis

This code has been written in response to a support request from a member: I'm using the Enterprise Pro theme and I'm trying to add a

Enterprise Pro Footer Widgets

How To Add A New Widget Area To Digital Pro Themes Front Page

Need to add more widget areas to your themes front page? Generally there's 3 steps. Let's take a look at how to add another widget

Digital Pro

Add Custom Post Type Entries To Genesis Site Map

This code uses wp_get_archives with the post_type=portfolio parameter to add custom post type pages to the site map included in

Custom Post Type

Get All Values For 1 Specific Custom Field Key

This code enables you to print all the values for a specific custom field. In this example, the custom field name is

Custom Fields

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

Foodie Pro

Add Pagination to Home Page In Foodie Pro

This tutorial includes 3 ways to add pagination to the front page of any Genesis child theme. The code is tested in the Foodie Pro child

Foodie Pro

Force Logged Out Users To Register To View Full Content

This code enables you to restrict the content on single posts and pages to any character limit for logged out users. The code then displays

Limit Content For Logged Out Users

This code enables you to limit the content on single posts & pages to logged out users. You can limit the content simply by using a

Genesis Blog Page Template Conditional Within The Loop

If you want to target the blog page template in Genesis, within the loop, you have at least 3 options: You can create a custom blog

Blog Page

foreach

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

PHP Functions

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

CSS Media Queries For iPad in Landscape or Portrait Display

This CSS for Media Queries only applies when screen widths between 768px and 1024px and when displayed in Landscape or Portrait. Example

Move Entry Footer Post Meta To Entry Header & Entry Header Post Info To Entry Footer

This code enables you to reposition the category & tag links in your entry footer to your entry header and move the comments, author and

Entry Meta

Remove Or Change Menu Text From Beside The New Genesis Mobile Hamburger Menu

The new Genesis Sample child theme includes a mobile menu which adds the text Menu next to the hamburger menu like this: To change or

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

Breadcrumbs

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

PHP Functions

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

Action Hooks PHP Functions

printf

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

PHP Functions

Reposition Archive Entry Title Inline With Featured Image

By default, Genesis displays the entry title before the featured image on your archive pages like your author, blog, category, search, and

Increase Logo Size for Enterprise Pro Theme

This tutorial ( which includes a video ) shows you how to change the header image size for the logo in the Enterprise Pro child theme by

Enterprise Pro Header Image

variable

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

PHP Functions

2 Ways To Modify The Genesis Footer Credits Conditionally

Using a code editor & FTP or File Manager in cPanel, add 1 of the following PHP code snippets to the end of your child themes functions

Add Sub Titles To Your Posts

This tutorial shows you different ways to add sub titles with unique content with your post titles like this: You can add the

WooCommerce Single Product Page Hooks

These hooks enable you to add content to WooCommerce single product pages. You can see the hooks included in the woocommerce >

WooCommerce

Add Checkmark/Ticks To Your ul List

This tutorial for beginners, provides the HTML, CSS & PHP code which enables you to style your unordered lists like this: The

Remove Site Inner Div From Genesis

This PHP code enables you to remove the site inner div from any Genesis child theme. You can add the code directly to a template file

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

PHP Functions

Remove Title & Description From Archive Pages in Genesis

Since updating to Genesis 2.2.3, you might find titles have been added to all your archive pages. The following image shows the blog page

Uneven Columns Using HTML & Responsive CSS

Both these code snippets enable you to create mobile responsive uneven columns. The 1st example produces a 66% width column on the left

Custom Permalink Structure for Taxonomies Added to Custom Post Types

This tutorial provides the PHP code you can use if you want to create your own custom permalink structure for custom taxonomy types you add

Custom Post Type Taxonomy Terms

How To Create Custom Page Templates For Genesis Child Themes

This tutorial answers this question: I need to recreate several new templates for my theme. I’m brand new to the Genesis framework even

Add New Menu to Custom Page Template in Genesis

This tutorial shows you how to add an additional nav menu you can use in a custom page template in any Genesis child theme. There's 3

Output Custom Field Value Within The Content Area Using Shortcode

We all know shortcodes enable you to execute a function and add content within the content area of your editor, as well as other locations.

Custom Fields

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

Pagination

Resize Header Image Area in Author Pro Theme

I was asked by a member to add a header image to the Author Pro theme by StudioPress which is why i wrote this post. ( Copy of support email

Author Pro

Using printf & sprintf In WordPress – 12 Code Examples

If you want to add a link outside your editor, you'll need to code it into a custom function or add it directly in a theme file. Otherwise,

Add Home Middle Widgets to Outreach Pro Themes Front Page

This tutorial provides all the PHP code you can replace in the default front-page.php file included in the Outreach Pro child theme by

Outreach Pro

How To Modify Site Inner, Wrap, Content & Sidebar Width Layout in Genesis

Using the Genesis Sample child theme for example, we'll change the width of the content area and sidebar as well as the site inner and wrap

17 Ways To Customize WP Post Ratings in Genesis

This tutorial for beginners includes all the PHP code you simply copy and paste at the end of your child themes functions.php

Genesis Footer Credits Text Modifications

These code snippets enable you to use genesis filters to: Remove all the footer credits text Reposition the footer credits text

How To Create a Must Use Plugin For Your Custom Functions

This tutorial provides a simply beginners guide about how to create a plugin which automatically executes your custom functions. This

Horizontally Display Genesis Featured Posts Inline In One Widget Area

If you add the genesis featured posts widget to 1 widget area, it stacks the posts on top of each other. Even if you add 3 genesis featured

Grid Columns

Add Widget On Page Inside Content Area

To display a widget on a page, you could install a plugin which creates a shortcode. Or you could simply add a few extra lines of PHP to

The Content

Basic Genesis Archive Page Template for Custom Post Type

This post contains the PHP code for a very simple archives page template for a custom post type. It also includes the code for the custom

Custom Post Type

Custom Page Template The Same As The Outreach Pro Themes Home Page

This code creates a custom page template which uses exactly the same classes as the front page of the Outreach Pro child theme by

Outreach Pro

Add Custom Class To Style Private Password Protected Posts

This PHP code generates a new custom class you can use to style all your password protected posts. Add the class to your child themes

Center Custom Header Image in Eleven40 Pro Theme

Rick asked this question: I’ve been trying to move the logo to the center of the header area. Can someone take a look and provide

Load Single Template From Plugin For Different Post Types

This code enables you to use the single_template filter in a custom function from your plugins functions file to change the template used in

How To Use A Different Header For Your Blog Page

There's so many solutions when it comes to displaying different header images, many of which i have already covered in this blog. Update

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

Comments

Genesis: Align Featured Image Next To Title On Content Archive Pages

By default, Genesis enables you to align your featured images to the left or right of your content. Go to Genesis > Theme Settings >

Genesis: Remove Page Navigation Pagination From Posts Pages

This code can be added to any type of archive page to remove the pagination which normally displays after the loop of

Add Previous & Next Image Pagination Links To Image Attachments

If you insert multiple images into a single post, you might want to add pagination so your readers can click thru each image. The PHP

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

pre_get_posts

5 Ways To Redirect Attachment Pages To The Parent Post URL

I was looking in GWMT recently and noticed 400 more URL's than posts published have been indexed. I guess its because of image attachment

Genesis Basic Custom Attachment Page File

You can use this attachment page file to create you own custom attachment page for all attachments or just your image attachments. Update

2 Ways To Create a Down Triangle Like Arrow After Any Div Class

I was asked a question recently on the forums which i think you may like about how to add a arrow after a home page section like

Center Nav Menu in Genesis

There's no CSS code which works in every theme to center align your nav menu. You'll need to use a tool like Firebug or Google Chromes

3 Positions To Add HTML Text Links In or After Your Footer

Here's 3 PHP code snippets you can choose from for adding HTML links and text in the footer of any theme. The first 2 snippets only work

Add Personal Welcome Message For Logged In Members

This PHP code enables you to display a personal message to logged in members and a generic message to all non logged in

How To Show Only Titles on Archive Pages In Genesis

This tutorial includes some PHP code which creates a custom archive page template in Genesis. The reason i wrote this post is because of

Single.php Post Template File For Genesis

You can use conditional tags to modify the default output of single posts via a custom function in your functions file. If you're more

Last Modified Date Shortcode For Genesis Post Info

Update: Genesis now includes 2 short codes for post modified date and post modified time: [code] [/code] You can use one or both in

Entry Meta

Display Outreach Pro Sub Footer Widgets On Front or Home Page Only

The Outreach Pro child theme from StudioPress includes 2 sub footer widgets of different widths which display on all pages of your

Footer Widgets Outreach Pro

Add AgentPress Grid Style Featured Property Listings To Any Theme

This plugin generates a widget which displays grid style listings of featured properties in the AgentPress child theme by StudioPress. In

Create Custom Category Archive Page Template In Genesis

The easiest way to create custom category archive pages is to copy an existing file from your parent theme and rename it. You will then need

Taxonomy Terms

Add Any Facebook Social Button In Any Nav Menu of Any Theme

This code enables you to display any type of Facebook button in any navigation menu of any WordPress theme. There's 3 steps : Step

Nav Menu

8 Ways To Remove Titles From Single Custom Post Type Pages

There's at least 3 ways to remove one or more entry header titles from your single custom post type pages. You can code PHP different

Custom Post Type

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

Grid Columns

Add Post Formats To Any Theme

WordPress includes support for post formats built into the core. Some themes include some post formats and others include theme specific

How To Use A Page Template Anywhere In WordPress Using Template Include

Using the template_include function included in WordPress, paste this code in your child themes functions.php file and modify

How To Use A 301 Redirect In Your Functions File

WordPress includes some really handy pluggable functions one of which is [code]wp_redirect()[/code] This function can easily be written

2 Ways To Add New Navigation Menus In Any WordPress Theme

In this tutorial, we'll llook at adding an extra nav menu using 2 methods. From your child themes functions.php file And also

Adding Additional Nav Menu’s in Genesis

By default, Genesis only supports 2 navigation menus. But what about adding a third or fourth menu? Here's the code which goes in your

Nav Menu

Add Admin Style Sheet

This PHP code enables you to add CSS rules to a new style sheet named admin.css which should be placed in the root directory of your child

Outreach Pro – Add Extra Home Page Widget

I wrote this tutorial in response to this question: Outreach Pro Theme – Add Extra Home Page Widget I would really appreciate it if

Outreach Pro

Add Latest Posts With Pagination To Front Page With Widgets

Most StudioPress themes include a front page file which normally includes widgets. If you also want to includes your latest posts

Pagination

3 Ways To Remove or Exclude Posts From Your Home Page Loop

There's at least 3 ways you can exclude one or more single posts from your home or posts page depending on your Reading Settings. You

pre_get_posts

Add Full Width Header Image To The Magazine Pro Theme

You can change the PHP code for the Custom Header function located under your Appearance Menu, in your child themes functions.php file

Magazine Pro

Add Custom Post Type (CPT) Pages To Posts Page

By default, only posts are displayed on your posts page which can either be your home page or blog page depending on your Reading

Custom Post Type pre_get_posts

Display Agency Pro Background Image Only On Front Page

Marc from the StudioPress Community Forums asked this question recently: Does any one have a technique or advice on how best to have the

Agency Pro Background Image

Add Featured Image On Single Posts

Your archives featured image (Post Thumbnail) will be pulled from the featured image regardless of how you add it on your Edit Post

Featured Image

Add Banner in Widget Before Header in Genesis

Need to add a banner advert before your header area? Here's what it may look like: In this post, i'll provide 3 ways to add an image

Add Featured Widgets Inline Anywhere In Genesis

In this post, i'll give you all the code you need to create widgets which display your content in-line. There's at least 2 ways to do

Installing Full Width Responsive Slider In Genesis

In this tutorial, i'll show you what i consider to be the best way to add the fastest loading full width slider to your home page. This is

Slider

Set Post & Content Limits For Home, Blog & Archive Pages

In this tutorial we'll take a look at the built in Genesis settings you can use to control the content limits in your archives and blog page

3 Ways To Display Posts In One Category On Front Page of Genesis

This is a beginners guide to setting up what posts display on the front page of your site. If you only want to display posts from one

pre_get_posts

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

Breadcrumbs

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

Layout

2 Ways To Add Next & Previous Navigation Links To Single Custom Post Types

Single post navigation links are valuable because they link all your posts together. This increases page views and acts a bit like a sitemap

Custom Post Type Pagination

Beginners Guide To Adding Custom Fields In WordPress

Need to quickly add content to a specific area of your post or page? You could add your content using the WordPress editor but what if you

Custom Fields

Change Layout On Posts, Pages & Archives in Genesis

There's many ways to change the layout options on posts, pages and archives. The only problem is, you either have to change them manually,

Layout

Using The 3rd Parameter With Action Hooks – Priority For Positioning

Once you've got your head around basic custom functions, you'll probably run into code that uses the same hook and need to add a third

Action Hooks

Code Snippets For Adding Custom Functions

Use these code snippets to add custom functions and modify existing functions in your theme. You can replace the genesis hooks in this

Remove Page & Post Entry Titles Conditionally in Genesis

If you're looking for a solution to remove post and pages titles, this tutorial is for you. You can hide titles using CSS code on a per

Add Custom Header in Genesis

Update: Once you add support for a custom header, you won't see a new Header page added because WordPress adds this functionality to the

Header Image

Add HTML Image Before Category Archive Posts

I've already written about how to display an image or HTML on all category archive pages using conditional tags and the Genesis Simple Hooks

Taxonomy Terms

Add Widget Area In Genesis

One of the greatest things about WordPress are the widgets. The only problem is, many people want a widget area which isn't already

Display Image On All Category Pages

Here's a simple solution if you want to display an image or any other HTML below your header on all category page archives for Genesis theme

Making The Corners Of Your Content Boxes Rounded

You don't need to be a coder to edit and use CSS. You can style different elements of your site simply by using existing code. If

Adding Next & Previous Post Nav Links In Genesis

I've already shown you how to add next and previous post links in themes which include a single.php file. Update: You'll find more

Pagination

Primary Sidebar

How it works :

I write tutorials for you which include the custom code you need for a flat $49.99 fee. You get 1 tutorial request, installation support and code guarantee for all snippets.

  • Premium Members Only
  • Sign Up
  • Support