How to insert logo in your wordpress blog?
Quite often you might want to insert your custom logo to your wordpress blog. By default wordpress shows the blog name in place of logo in your blog.
here is how to do it..
1. Go to theme folder /wordpress/wp-content/themes/YourTheme/
2. Upload your logo inside images folder of your current wordpress theme.
2. Download header.php using FTP and edit it.
Look for this this line on top of the page
<h1><a href="<?php echo get_option('home'); ?>/">
<?php bloginfo('name'); ?></a></h1>
and replace it with
<img src="<?php bloginfo('template_url'); ?>/images/logo.png">
Note: If you have wordpress theme with background, you might want to save your logo with transparancy in PNG format, as otherwise the logo will cast out a shadow background and it wont look good. You will need to use wp-pngfix plugin to fix transparancy issues with IE and older browsers
Similar Posts:
- Fix PNG transparency problem for IE6 in WordPress
- How to insert HTML/BBcode tags to WordPress Comments Form
- Adding border to images in WordPress post!
- 3 Must Do Things for WordPress Blog Starters
- How to manually upgrade wordpress from older versions
- 10+ Best Tutorials for WordPress Plugin Writing & Development
- How to post source code in WordPress posts?
- Fix ->Nexgen Slideshow not working with imagerotator.swf
- Fix -> Fatal error – Call to undefined function: screen_icon() in WP-Pagenavi Plugin
- 20+ Beautiful Photo Slideshow Plugins for WordPress
February 18, 2009
wow, thanks a lot. i am excited to put logo on my blog.. your post is really helpful. Nice folk.
August 10, 2009
I tried this and I got a ? in a box where my logo should be. I saved it as logo.png. Any suggestions? I’m desperate to figure out how to get my logo on my site. thanks.
January 17, 2010
Thanks mate…
i did this actually, and worked
<a href="/”><img src="/images/logo.png”>
January 18, 2010
That / will only work if you upload on the main wordpress path under images folder. If you upload your logo under template > images filder, you will need to get the path from php.
April 13, 2010
Thanks so much! I couldn’t figure this out for the life of me.
April 26, 2010
Nice, really helpfull
!
June 6, 2010
Good info and hope more.
October 7, 2010
Thank you, PBU!Really nice tip, keep on good work.
October 11, 2010
Listen. I can’t believe this! My blog visitors skyrocketed to 1375 visits per day pure Google traffic since I began using this. For anybody who wants to find out how go to http:// bit.ly/cu8nsu. Cheers.
December 11, 2010
This is part of what I’ve been looking for for the last 2 days. Thank-you very much. Now the second part of what I was looking for is how the heck do you put a clickable link on there so that it takes the user back to the starting “home page”?
December 11, 2010
The code I’m talking about is right here. http://www.thewindowsclub.com/how-to-add-a-logo-or-image-to-your-wordpress-blog
April 28, 2011
Hi, I tried but, it only shows when I am in admin panel & i click “show or updated changes”. but when I open same url by typing directly it doesn’t show my logo. It again shows title text.
October 17, 2011
Thanks for this i’ve been searching for ages to find that code!
February 16, 2012
Actually, there’s an even easier way to do this… but I really have to thank the author, or I never would have figured it out.
1.) I downloaded my entire WP site to Dreamweaver through ftp. Obviously, it would be easier to do this with Filezilla, etc., but if you have DW, you might as well use it. (If you have something like FileZilla, you could probably also only download that one file.)
2.) Then, I changed the header image for my theme in Photoshop, leaving the NAME the same (also the dimensions.) The new header image, however, was our business logo.
3.) THEN, I reuploaded just that one image file to the hosting server (to the images file of my theme.) Remember that its name is the same.
4.) It took a little while for the page to show up again, but it did.
5.) THEN, I had to reload the page (control-shift-R) in order to get the changes to show up. But they DID!
There. No need to mess with any php files.
Yes, it would probably be a good idea to create a child theme first and make your changes in that and bleh bleh bleh… but if ALL you want to do is to JUST change the logo, and if you’re the one who got stuck being the webmaster when you don’t really know what you’re doing and graphic design is really your thing, then this is a good way to get r done.
March 26, 2012
I added a logo to my WP site using an online theme generator called Lubith. Just by making a few cliks you can add/remove several items- logo, meta information, site title/description, sidebars + you can customize them in various ways. It’s a very helpful tool.
March 29, 2012
I will try this and let me hope it works. I have been dying to be able to add my own logo to my wordpress blog.