Problogger.net uses five column footer widgets to display blog post categories which you can see in the footer area.
These widget areas are populated with 5 custom menu’s which makes it easy to add or remove category links.
There’s other ways to display your category links in columns however lets take a look at how Problogger have done it on the Genesis theme framework and do something similar which ends up looking like this:
Code Installation
- Copy the PHP code from the Gist labelled functions.php and paste it at the end of your child themes functions.php file using a code editor like Notepad++.
- Copy the CSS code from the Gist labelled style.css and paste it at the end of your child themes style sheet before the start of your Media Queries.
Notes
- CSS code for Media Queries not included.
- Only works on Genesis child themes.
- If your child theme already includes support for footer widgets, you will need to remove that line of code.
- Probloggers design is copyright with all rights reserved.
- All the code in this tutorial including PHP & CSS has been hand coded by the author and not taken from the Problogger.net website. (excluding the background colors & fonts)
- Tested on the Genesis Sample child theme by StudioPress so may need tweaking for use on other Genesis or non Genesis child or parent themes.
Was This Tutorial Helpful?