Adding content to your site in specific areas has never been as easy as it is with Genesis and it´s hooks. In this tutorial I will show you how to add a widget area below the site header.
Do remember this is a basic tutorial and has no deeper customizations available and is more meant to be two things. A basic start for me to see reactions from visitors in how I write tutorials and to give my visitors a light insight into how one can customize Genesis pretty easily.
What you decide to do with this afterwards is completely up to you.
In short this is what we will do
- Add a widget area below the site header
- Style the widget area with base styling
Step 1
Add these lines of code to your functions.php file.
This will create a new widget in your widget area in the dashboard called “Below Site-Header”. Anything you place into this widget will only appear on the front page of your site. It will not display on pages or posts.
Step 2
We want our new widget area to look shiny and pretty so let´s add some padding to it. Let´s change the background-color as well.
Add this to your style.css file.
And your done with this basic tutorial.
Adding widgets to this area depends on how the code for said widgets are written and as such very hard for me to cover. This is just a basic tutorial.
I hope this tutorial has helped you a bit to get a good start.