Ready to get started?Download WordPress


How to Insert a logo (jpg) into the header (7 posts)

  1. rsolosky
    Posted 2 years ago #

    I'm a novice to Word Press with only a little experience with html/building websites (I've used Dream Weaver in the past to build very basic sites) I'm using theme twenty twelve and I can't figure out how to insert a logo in place of the site title. Where can I find documentation on doing this, or is it easy enough to explain in a quick reply?

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    I am not aware that Twenty Twelve is out already - can you post a link to your site?

    try to use the forum search and search for 'add logo to Twenty Ten' which should give you some ideas to start with.

  3. rsolosky
    Posted 2 years ago #

    Sorry, it was late, I meant Twenty Eleven.

    I found a few posts last night that address modifying the HTML. I'm surprised something as fundamental as a logo is not easier to insert. I'm also surprised I have not yet found WordPress documentation on the subject. I also found a plugin that might work, so I'm going to poke around with these ideas today.

    If you have a simple way for a novice to insert a logo, I'm all ears. I had been fairly impressed with wp until now.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes.

  5. rsolosky
    Posted 2 years ago #

    Thanks, I saw that somewhere and am watching a video on how to do that now. Unfortunately, it doesn't make it any simpler for a novice.

  6. rsolosky
    Posted 2 years ago #

    Hey, it seems like in order to do the logo change, I need some sort of HTML editor. I've been updating files with Go Daddy's FTP manager, which doesn't have the editing capacity that the gal in the video seemed to have. I have an old copy of Dream Weaver should I use that or is there a simpler product?

  7. rsolosky
    Posted 2 years ago #

    Well, I kept tinkering and pretty much have it figured out now except for the sizing on the image. I first placed an image that is 600 x 300 which was too large so I resized the image to 400 x 200 and it is still too large. I saw a note that said to add this “img”: width=”490″ height=”50″ but it made no difference. My current HTML looks like the following:

    <header id="branding" role="banner">
    				<h1 id="site-title"><span><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img “img”: width=”300" height=”100" src="http://www.costoneworks.com/wp-content/themes/twentyeleven-child/images/cslogo2.gif"></a></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

    [Please post code or markup snippets between backticks or use the code button.]

    Changing the gif size and changing the Height & Width doesn't seem to change anything. If anyone can see where I've messed up I'd appreciate some help.

Topic Closed

This topic has been closed to new replies.

About this Topic