Adding widget areas to Minimum Pro homepage (Genesis)

THIS POST MAY CONTAIN AFFILIATE LINKS. PLEASE READ MY DISCLAIMER FOR MORE INFO.

If you’re using the Minimum Pro child theme and you want additional widget areas to use on your homepage, follow this tutorial.

I’m currently working on developing a new theme using the Minimum Pro theme as a starting point, MyHealthCare (under development). You’ll notice I’ve added some new widget areas to the homepage. DEMO!!

Let’s Get Started!

We will be editing three files in the Minimum Pro theme folder.

  1. functions.php
  2. front-page.php
  3. style.css

Step One

We need to register the new widget areas so they show up in the admin widget section.

Copy and past this code into your functions.php file.

https://gist.github.com/chrisegg/9863453.js

Step Two

Now we need to add the markup for the widget areas to the homepage of our theme.

Use the image below to guide you in adding the code to your front-page.php file for this step (code below image).

Add widget to Minimum Pro

https://gist.github.com/chrisegg/9863538.js

Step Three

We need to add the new widget areas to the homepage and order them. This time we are going to replace the existing code with this new code.

Use the image below to guide you in replacing the code in your front-page.php file for this step (code below image).

Add widgets to homepage

https://gist.github.com/chrisegg/9864488.js

Step Four

Lastly we need to make our code look good!

Now we’ll add this code to our style.css file.

https://gist.github.com/chrisegg/4d2201e25a77d9caf4b0.js

Interested in purchasing the myHealthcare theme, which you can see in use here => https://desertdove.com, please contact me.