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
Skip to content
Thanks for the code. But when I do Step Two, my front page gives me a white screen of death. I’ve edited the code to have the sidebar appear on the site. Could that be messing things up? https://revtrev.com
Hey Trevor,
Looks like I had a ) in the wrong place. Try copying the code from step two and replace in your front-page.php again and let me know if that fixes it.
– Chris
Hi Chris! Thanks for creating this code, it’s just what I needed.
But I did everything as you listed here and I still don’t see my text showing up in these new widgets?
Thanks, Jay
Hey James, I took a look at your site and the source code, but I don’t see the modifications. In the CSS or the page.
Forgot my site: https://www.learnzig.com
Thanks!
Thank you so much for this code! However, when I view it on a cell phone, it is not mobile friendly? Can you help?
No worries! I just figured it out. Thank you again for this code. It is really nice to be able to manipulate the template in this way.
Hey mate,
Great tut on how to add extra widget areas to the Minimum Pro theme by Genesis:-)
I followed the tutorial step by step, but when I apply widgets to the Welcome Section, nothing shows:-( The is the one that’s supposed to be overlaying the background image, right?
Best,
Jesper