Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Inserting a logo into twentyeleven theme WordPress


I am new to WordPress and cannot insert my logo (see into the twentyeleven theme. Any help very much appreciated.

Answers (4)


Nilesh shiragave answers:

you added your logo?

because when i visit your website it gets redirected to
which is not a wordpress.

let me know where you installed wordpress. you can send details by sending message from my profile

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

<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>

Nilesh shiragave comments:

with your image code like this code

<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="" />


Reland Pigte answers:

This isn't a wordpress site..

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">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</<?php echo $heading_tag; ?>>

6. replace it with:
<h1 id="site-title">
<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');?>" />
</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 )


Pixel Coder answers:

If you navigate within wp-admin and under Appearance there should be an option for "header" you can then create a banner with your favourite graphics package that fits into the space.

Failing that you could open header.php in the wp-content/themes/twentyeleven/ directory and place an <img src="path-to-logo-image.png" alt="Your site" /> Between the <h1> tags.

Hope that helps.


Gabriel Reguly answers:

Hi June,

Alistair just gave you the answer, login to your WordPress site and navigate to Appearance menu.

But if you choose to edit files instead of just using the existing functionality of changing the header image, be advised to create a child theme.

[[LINK href=""]][[/LINK]]