• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

According To Blue

Freelance WordPress Web Development

  • About
  • Blog
  • Resources
  • Contact

September 17, 2017 | by BLUE | 2 Comments

Genesis Digital Pro – How to Add a Widget to the Front Page

A client recently asked if I could put together a step-by-step tutorial on how to add a new widget to the front page of the Digital Pro theme. She loves the Digital Pro theme (as do I) and wanted an option for an opt-in widget just below the hero image. In case you’d like to do the same, here is the step-by-step tutorial.

genesis digital pro add widget front page
Disclaimer: This post contains affiliate links, which means I may earn a commission if you click them and make a purchase. This is at no cost to you and I only share products that I use and love myself.

Below is a step-by-step tutorial on how to add a new widget to the front page of the Genesis Framework Digital Pro child theme. In this tutorial, I will add a new widget below the ‘Front Page 1’ widget, which will appear below the hero image. The new widget will be called ‘Front Page Opt-in’.

NOTE: This tutorial includes making edits to several php files, so please be careful as editing php files can break your site if done incorrectly. I recommend you edit your php files via ftp in order to make any fixes if necessary. Alternatively you can edit some theme files via the backend Editor.

Step 1: Navigate to the functions.php file (via ftp, file manager or Editor) – image below show the location of the functions.php file via ftp.

front page opt-in ftp

Step 2: Open the file with a text editor and scroll all the way to the bottom and find this section:

Step 3: You’re going to add a new ‘genesis_register_sidebar’ section in-between Front Page 1 and Front Page 2.

Step 3 continued: Note the new section ‘Front Page Opt-in’ in-between ‘Front Page 1’ and ‘Front Page 2’. Copy and paste this new ‘genesis_register_sidebar’ section into your functions.php file.
Step 4: Save the file
Step 5: From the backend of your site, click on Appearances and then Widgets
Step 6: You should now see the new widget called ‘Front Page Opt-in’

front page opt-in

Step 7: Next, you need to indicate where you want to add the content of the new widget
Step 8: Navigate to the front-page.php file (just underneath the functions.php file)
Step 9: Open the file and scroll about 3/4 of the way down and find this section:

Step 10: You’re going to add a new ‘genesis_widget_area’ in-between ‘front-page-1’ and ‘front-page-2’.

Step 10 continue: Note the new section ‘front-page-optin’ in-between ‘front-page-1’ and ‘front-page-2’. Copy and paste this new ‘genesis_widget_area’ section into your front-page.php file.
Step 11: Save the file
Step 12: From the backend of your site, click on Appearances and then Widgets
Step 13: Add your content in the new widget area and style as normal 🙂

Hopefully this was worthwhile. As with most things in the WordPress world, there are multiple ways to accomplish the same goal; this is one way. Feel free to drop any questions or comments in the comment box below and I’ll be happy to help. Also, let me know if you’d like a detailed tutorial on adding widgets (to the front page or other pages/posts) for another Genesis child theme.

Disclaimer: This post contains affiliate links, which means I may earn a commission if you click them and make a purchase. This is at no cost to you and I only share products that I use and love myself.

Previous Post
Next Post

Filed Under: Code Tips & Tricks, Genesis Framework, Tutorials, Web Development, WordPress

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

  • Facebook
  • Instagram
  • Pinterest
  • Twitter

Hi, I'm Blue (and Julia)!

I'm a stay-at-home dog looking after my human, Julia. She's a freelance WordPress Developer. Julia used to work in a 9-5 job and it was okay, but she was gone AAAALL DAAAAY LOOOONG! Fortunately for me, she fell in love with web development and started her own business....WORKING FROM HOME! She loves her job so much, she decided to share her story and her knowledge with folks just like you.

Ready to Start
A Side Hustle?

10 Things You Need To Know Before Starting A Side Hustle

The ultimate preparation guide to help you own your side hustle and make it the most successful venture possible!

Awesome, thanks! Your FREE eBook is on it's way - be sure to check your email!

There was an error submitting your subscription. Please try again.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit

Yes! Send me the free ebook!

PAWpular Blog Posts

6 Simple Apps That Will Get Your Kids Interested In Code

5 Reasons Why Freelancing Is The Perfect Choice For Women Of All Lifestyles

Top Picks For WordPress Themes, Plugins & Hosting You Need To Know

6 Reasons Kids Need To Learn Code – The Skill Of A Lifetime

Too Young to Code? When is the Best Time to Teach Kids Code?

Learn to Code
Work from Anywhere

Are you ready to learn to code and and work from anywhere? Download this FREE step-by-step guide!

Learn to Code & Work from Anywhere

Learn to code   content upgrade

Check out this step-by-step guide to help you learn to code, get paid and work from anywhere!

Awesome, thanks! Your freebie is on it's way - be sure to check your email!

There was an error submitting your subscription. Please try again.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit

Send me the free pdf!

Categories

  • Code Tips & Tricks
  • Freelance
  • Genesis Framework
  • Hosting
  • Kids Learning Code
  • Tutorials
  • Web Development
  • WooCommerce
  • WordPress
Entrepreneur's Treasure Chest

Do you want a FREE list of 250+ Deals, Freebies, Books, and Special Offers that will literally save you hundreds of hours when setting up your business?

Yes, send me the Goods!

✕

The Entrepreneur's Treasure Chest

Yes, I want the FREE list of 250+ Deals, Freebies, Books, and Special Offers that will literally save me hundreds of hours when setting up my business?

Success! Now check your email for your FREE Entrepreneur's Treasure Chest!

There was an error submitting your subscription. Please try again.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit

Footer

Join The Bluesletter

Ready to learn how to break free from the 9-5? Subscribe to The Bluesletter and you'll also get the latest content and updates sent straight to your inbox.

PAWpular Biz Tools

Flywheel WordPress Hosting Genesis Framework for WordPress Genesis Framework for WordPress Genesis Framework for WordPress Genesis Framework for WordPress
These 5 Tools are at the Heart of Julia's Business!
Need more - check out the Resources page
  • Facebook
  • Instagram
  • Pinterest
  • Twitter

Privacy PolicyTermsDisclaimerContact
Copyright ©2019 | JTDigitalMedia, LLC | All Rights Reserved | Made with by BLUE