Add a Logo to your Wordpress Blog using Dynamic Headers by Nicasio Design |

2Jul/096

Add a Logo to Wordpress Blog with Dynamic Headers by Nicasio Design

I have recently had a request for more information on this and think many will appreciate and need this info. Everybody wants to customize their blog and make it more personal here is the best way to do that. The reason I appreciate: Dynamic Headers by Nicasio Design so much is because it enables you to dynamically change your blog's logo or header image. Whatever you might want to put up there. This is good because it means you only modify the code once and the change is minimal.

First things first. You will have to download and install the pluggin. This is easier then ever with the latest version of Wordpress it pretty much does it for you. Simply log in to the Wordpress administrator interface and go to the Add New option from under the Plugins section. Search for: Dynamic Headers by Nicasio Design and then install it and activate it.

Next you will have to create a folder called: header-images inside your /blog/wp-content/ folder. It needs to be called exactly that and be in that exact location. You should be able to create folders from FTP or your File Manager.

Now you will need to upload your logo into that folder: /blog/wp-content/header-images/

From the Wordpress Admin intreface go to Appearance > Editor then click on Header (header.php) find the line of code that reads:
<div id="body">
<body>
Directly under it insert this line of code:
 <center><?php show_media_header(); ?></center> 
This will add the tag that is needed by the plugin and also center the logo. I've added a three lines for spacing before that. If that is too much you can remove one or all of the   tags.

Last you will need to tell the plugin what image you want it to use for the logo. Make sure you are still logged into the WP Admin interface and go to: Header > Settings (Look at the very very bottom it is under the Settings menu.) In here select your image name for both drop downs under: Default Header Media and Blog Page Header.

Tada! You are done. Next time you update your logo or want ot replace it with another image simply upload the new image into the /blog/wp-content/header-images/ and then tell the plugin to start using that one from: Header > Settings.

I really hope this has been helpfull, and remember I like hearing back form you as much as you like reading my posts

Enjoy this article?

Consider subscribing to our rss feed!

About Mike WebGuy

Utah Freelance Web Designer and Owner of Docii Design.

Tagged as: header, logo, Wordpress, wordpress logo Leave a comment

Comments (6) Trackbacks (0) ( subscribe to comments on this post )

Sirje
August 23rd, 2009 - 12:45

Thanks for that! I spent hours searching for how to put the header in the center:)
Mike WebGuy
August 25th, 2009 - 23:17

You are welcome Sirje.
Dan Cannon
September 17th, 2009 - 14:43

Thanks for addressing this Mike. At Nicasio Design we get tons of questions about the plugin, and we try to answer as many as we can, but being a small commercial firm we sadly don’t have the time to answer them all (it could be its own full time job).

It’s great when the community finds solutions and shares. We all benefit from this!

Thanks Again,
Dan Cannon
Nicasio Design
Mike WebGuy
September 17th, 2009 - 15:07

Dan,

Most welcome. I love the plug-in btw
khan
November 26th, 2009 - 03:01

thanks for the code!!! Was such a simple tweak! I could not figure out how to get the logo centered. I called the group that built the plugin – they said I would have to pay $150 for consulting work… thank God for internet!
Mike WebGuy
November 30th, 2009 - 18:13

Khan seriously. So ridiculous.