New blog header: how did I make it
During the weekend I played with the blog header.
In my opinion bloggers understimate the power of a rich header, and in most cases you will see only the blog title and description.
I am going to show you what I did on my header, why I did it and how can you do it on your own.
Pages first
The first thing included in the header is the navbar with blog pages. Having the pages in the very top of your blog will give it a more “corporate” look.
To list your pages, use wp_list_pages WP function.
You can find a brief explaination about it in Customizing WordPress header or in the official docs.
Logo
Now that I have a logo, it’s time to use it…
Categories
Then I wanted to display categories in the header, and I used Multi Column Category List Plugin for WordPress to split them into three columns.
I also modified a bit the plugin to show how many posts have been written for each category.
Gallery
The last thing I added was a slideshow showing my latest projects. I used SlideShowPro that isn’t free but has a lot of features and is made with Flash, that means no frameworks/complex javascripts required.
It’s also fully XML driven, that means it’s easy to configure.
If you are looking for a good free alternative, check JonDesign’s SmoothGallery, that uses MooTools.
And this is the result…
… an header that’s not the “image-title-description” you are used to see in WP themes.
During the next days I will redesign the rest of the blog, to make its contents as much accessible as I can.
(2 votes, average: 5.00 out of 5)
Loading ...
You will be pleasantly surprised by WordPress Themes provided by Template Monster. All of them are of professional design and high quality.
This post has 10 comments
Daniel Rodriguez
Like it, The logo looks better than the first time I saw it :D I still thing looks like a woman maybe modify it a little bit…
The categories and the projects looks nice.
dVyper
On a laptop screen, that header takes up a noticable amount of real estate. Plus, all of those space-filling links which users might not need or want would be better suited to the side in my opinion…
I can’t wait to see the full redesign :)
Killua69
I like the new header!
Ink
This logo of yours makes you looks like a girl
Awoke
The New header is really Awesome.
Christian
First when I saw your new logo I thought : He’s Ferrari fan!!! ;)
Shival
This is really cool. But add more stuff to the slide show and remove the useless links from the list.
Ivan
Your logo is gay… Sorry, but I’m just being honest.
New
Header is great, logo not so. Cut the head off and it’ll be fine.
Also, everything in this page is like half a screen to the right… And on the left, blank.
Marc
Indeed a very nice header…