Inserting a logo into twentyeleven theme WordPress

June Zaft comments:

It is an iWeb site - just to illustrate what the logo looks like - and I want to create a new WordPress site and get the logo into the header but do not know how to do it

Nilesh shiragave comments:

for that you have to edit the header.php file from the twentyeleven wordpress theme.

in that header.php file you have to add your image code by replacing code inside <hgroup></hgroup> tag


<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>


Nilesh shiragave comments:

with your image code like this code

<hgroup>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img src="http:// full path to your image here" alt="" />
</a>
</hgroup>


June Zaft comments:

I know it isn't! As I said, it is iWeb but I want to know how to put the logo on to a new WP site using twentyeleven

Reland Pigte comments:

1. First of all, prepare your logo. In this tutorial, i use my web6 logo which is in .png file, dimension 316×71 px, and mine is called logo.png. Save it in your desktop
2. Next, we will upload this logo image, you can use ftp.
3. Login to your cPanel, navigate to “wp-content” folder, “themes”, “twentyten”, and then “images”.
4. Now, login to your wordpress blog admin “dahsboard”, “appearance”, and then “Editor”.
5. Look for this code
<<?php echo $heading_tag; ?> id="site-title">
<span>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</span>
</<?php echo $heading_tag; ?>>
6. replace it with:
<h1 id="site-title">
<span>
<a href="<?php bloginfo ('home');?>" rel="home" title="<?php bloginfo('name');?>">
<img src="<?php echo bloginfo ('template_directory');?>/images/logo.png" alt="<?php bloginfo ('name');?>" />
</a>
</span>
</h1><!--end of h1 site-title-->
note: Logo should be displayed but it has border.
7. Next is go back to dashboard/appearance/editor, and find style.css.
Delete these two lines of code: find line 32
border-top: 4px solid #000;
border-bottom: 1px solid #000;

and replace with:
border: 0 none;

Reland Pigte comments:

Step 3. Find the header.php ( forgot to mention what file )