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.
- functions.php
- front-page.php
- 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).
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).
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