Free Tutorials

Add Custom Field Support To AgentPress Listings CPT – WordPress Website Design Article

Premium Member? – Request custom code This code adds support for custom fields to any posts type enabling you to use custom fields to add content on any CPT single edit screen. You can then display the custom field value anywhere on your site. This code is written for use with the AgentPress Listings plugin which uses the listings CPT. AgentPress Pro Custom Post TypeReader Interactions This is only a snippet of a WordPress Website Design Article written by Brad…

Read More

Uncombine Responsive Menu In Genesis – WordPress Website Design Article

Premium Member? – Request custom code 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 in the responsive menu. You can see the code for this between lines 118 – 120 in functions.php. Other themes may also include this code in a different position in the child themes functions file. To remove 1 or more menus from the responsive toggle menu,…

Read More

Add Background Color To Width of Text – WordPress Website Design Article

This tutorial provides the steps you can take to add a background color to the width of text rather than the width of the content area. There’s 2 steps : # Step 1 : Add your text to a custom HTML widget like this : Note : If your theme already includes a widget title and text added to the custom HTML widget like you see in the above image, you can skip this step. # Step 2 : Copy…

Read More

Install Max Mega Menu in Custom Theme Location Using PHP Function Call – WordPress Website Design Article

This tutorial provides the steps which enable you to add a mega menu to any Genesis hook position in any Genesis child theme. You can also swap out the genesis hooks and use this solution in any non Genesis child theme. Note : Assumes you have already created a mega menu. # Step 1 : In your WordPress Dashboard, go to Mega Menu > Menu Locations and click the blue button to Add another menu location. In this example, we…

Read More

Prepend Letter Before & Append Letter After Custom Field Value – WordPress Website Design Article

This code shows you how to automatically add a letter or letters before the dynamic value from a custom field as well as add letter(s) after the value. $time = get_post_meta( get_the_ID(), ‘totalTime’, true ); $PTM = ‘PT’ . $time . ‘M’; $time_PTM = $time ? $PTM : ‘PT5M’; In this example, the letters PT are prepended before the custom field value and the letter M is appended after. This enables you to use a custom field to add the…

Read More

Open Academy Pro Hero Buttons In New Window By Adding Target Attribute target=”_blank” – WordPress Website Design Article

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 window. Demo Video # Shows you how to modify the HTML for a button so the link opens in a new window. Tested using the Academy Pro child theme by StudioPress. This method will work in any WordPress theme. Installation Steps # There’s only 1 step : Add this HTML target=”_blank” to the existing…

Read More

Genesis Footer Credits Text Filter – WordPress Website Design Article

This filter was deprecated back in August 2019. Here’s the change log entry : Deprecation: The genesis_footer_creds_text filter is now deprecated. Developers can point users who want to edit their footer text to the new Genesis footer setting in the Customizer. If you want to set default footer text for your child theme during theme activation, you should set the footer_text key in your theme’s child-theme-settings.php file. Code like this will still work : However, any code using the genesis_footer_creds_text…

Read More

Modify Or Remove Address & Checkout Fields On WooCommerce Checkout Page – WordPress Website Design Article

Premium Member? – Request custom code This freely accessible download folder contains 2 code snippets which enable you to : Use the 1st snippet to make the following address fields optional rather than compulsory : country address_1 address_2 company required state postcode Use the 2nd snippet to completely remove the following fields : billing_first_name billing_last_name billing_company billing_address_1 billing_address_2 billing_city billing_postcode billing_country billing_state billing_phone order_comments Code Installation – From Download Folder # Add the code to the end of your child…

Read More

Change Screen Width For Showing The Genesis Responsive Menu – WordPress Website Design Article

Need Code? – Request a Tutorial The free solution in this download enables you to change when the responsive menu icon displays in the Genesis Sample child theme. In this case, we change the width from the default 960px width : To 1200px : To change from 1200px, simply change the 1200px value in the first line of the CSS rule located inside the download folder. There’s 2 steps required. Related Tutorials Nav Menu !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′; n.queue=[];t=b.createElement(e);t.async=!0; ……

Read More

get_body_class – WordPress Website Design Article

This 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 in the body classes. If so, the header and header markup is removed along with the nav menus and this text is printed in the genesis_header hook position : Replace this output value with you own To modify this code, replace the value for the $output variable, and replace the actions within the…

Read More

Wellness Pro – Replace Front Page 1 Widget Area With Slider – WordPress Website Design Article

Need Code? – Request a Tutorial 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 video. Note : If you want to display the slides behind the front page 1 widget area, use this solution. Demo Video # Shows how to setup the slider to replace the front page 1 widget area in the Wellness Pro child theme by StudioPress. Code Installation…

Read More

Infinity Pro – Change Team Page From 4 To 3 Columns – WordPress Website Design Article

Need Help? – Get Coding Support Now This code modification enables you to modify the default Infinity Pro team class setting for displaying team members on the team page from one-fourth to one-half, one-third or one-sixth. 4 Columns 3 Columns Find this function around lines 124 – 126 in the page_team.php file of the Infinity Pro child theme and change it from this : function infinity_team_class( $classes ) { global $wp_query; $classes[] = ‘one-fourth’; if( 0 == $wp_query->current_post % 4…

Read More

Foodie Pro – Reposition Search Box Before Nav Menu – WordPress Website Design Article

Need Help? – Get Coding Support Now 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 before the nav menu like this. Code Installation # There’s only 1 step : Find the following PHP code in the Foodie Pro themes functions.php file located between lines 217 – 236 : And replace the code with this : Subscribe for new Genesis Tutorials Foodie Pro…

Read More

Add Shortlink Anywhere In Genesis – WordPress Website Design Article

Coding Support For Members Only 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 types the link displays on like this example : You can change the genesis hook to change the position of the link. Subscribe for new Genesis Tutorials !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,’script’, … This is only a snippet of a WordPress Website Design Article written by Brad…

Read More