The Early Blogger

One of the best practices in modify your blogs if you’re using wordpress layouts is by using wordpress plugins, but what if your wordpress blogs needs to have a customized logo and this time wordpress plugins is not required. What will you do? So, here a simple things for you to learn on how you can add your logo on your website.

Step 1: Login to wordpress admin panel.

Step 2: Under the Appearance section click on Editor.

Step 3: The header.php file controls the logo section of a wordpress site. So open the header.php file for edit.

Step 4: Find out the section <div id=”header”> within header.php. Within <div section, id=”header”> you will see a line something similar.

<h1><a href=”<?php echo get_option(’home’); ?>”><?php bloginfo(’name’); ?></a></h1>

Step 5: Delete the part

<?php bloginfo(’name’); ?>

from above line. If you want to know what does <?php bloginfo(’name’); ?> mean then please have a look at temaplate tags from Introducing wordpress theme.

And replace the deleted part with this line:

<img src=”the url to image” alt=”site logo” />

If your image name is logo.jpg and you keep it under images folder then it should look like,

<h1><a href=”<?php echo get_option(’home’); ?>”>
<img src=”images/logo.jpg” alt=”site logo” />
</a></h1>

Step 6: Update the file and check load the url of your wordpress home page to see how it looks. You can use image height, width property to resize your logo but it is always better first resize by photoshop/gimp and then use it as logo.