WordPress.org

Ready to get started?Download WordPress

Forums

Image instead of text in title (8 posts)

  1. hildurg
    Member
    Posted 2 years ago #

    I want to replace my text headline for a Image. I am using the Buddymatic 0.9.6.4 theme. I tried to install a Headline Replacement plugin but I don't know how to make it work... I don't know anything about code.... :S

    Could anyone out there help me?

  2. peredur
    Member
    Posted 2 years ago #

    Could you post a link to your site. We can get a better idea of what's involved then.

    Just as an aside, though, it's not usually a good idea from a SEO perspective to use an image instead of text. The search engines' bots can't read anything that's contained in an image.

    Having text *and* an image is OK, though.

    But it's your site, so if you want just an image I'm sure we can help.

    Cheers

    PAE

  3. hildurg
    Member
    Posted 2 years ago #

    Hi :)

    This is my site, It is a work in progress: http://hildurgunnlaugs.is/
    I really like the simple look of theme but I would like to have this image: http://hildurgunnlaugs.is/wp-content/uploads/Headline.png as the title (instead of the "Hildur Gunnlaugs" title) and maybe also a text underneath it as you suggested so it can be searched.

    I am not very familiar with code but I am good at following instruction.

    Thanks so much.

  4. hildurg
    Member
    Posted 2 years ago #

    I should also say that I tried to paste this :
    <div id="logo">
    /"><img src="http://hildurgunnlaugs.is/wp-content/uploads/Headline.png" alt="st" title="st" />
    </div>

    into the header.php and delete the text from the title box but there was such a large gap between the image and the rest that it just didn't look nice :S

  5. peredur
    Member
    Posted 2 years ago #

    This is the bit of header.php you're interested in:

    <div id="branding">
      <div id="blog-title">
        <span>
          <a href="http://hildurgunnlaugs.is/" title="Hildur Gunnlaugs" rel="home">
            Hildur Gunnlaugs
          </a>
        </span>
      </div>
      <h1 id="blog-description">arkitekt FAÍ</h1>
    </div>

    One thing you might try is to insert your image immediately after the opening tag of the branding div, or after the opening of the blog-title div, depending on which looks best. You will also need to add a style for div#branding img (or div#blog-title img) if you need to float the image.

    Don't worry about gaps and stuff. We can sort that out with CSS: or, at least, I'd be surprised if we couldn't.

    Once again, I would exhort you to use a child theme. They're trivially easy to create and can save you a lot of grief later on.

    HTH

    PAE

  6. hildurg
    Member
    Posted 2 years ago #

    Hi :)
    Thank you very much for your reply.
    I don't really know where to put this code.
    Maybe I am just doing it all wrong.
    I have been using appearance->Editor and then I select the Buddymatic theme to edit and then choose the header.php at the side.

    The only mention af "header" there is this :

    <?php thematic_aboveheader(); ?>

    <div id="header">
    <?php thematic_header() ?>
    </div><!-- #header-->

    I don't see anything about branding or blog title... I am sure I'm doing this all wrong...

    And I don't know what a child theme is...

    I'm sorry for my complete ignorance :S

  7. peredur
    Member
    Posted 2 years ago #

    Hmm. It's a Thematic based theme. Looks as though you're going to have to do some PHP.

    This explains how to add a background image to the header, for instance.

    I just googled for "thematic_header()"

    It looks to me as though the function thematic_header() --- which you'll find in functions.php by the way, by the way --- just echoes the code I mentioned in my previous post, although that's just a guess as I don't have a copy of the theme handy. So you could try manipulating the output from that function.

    HTH

    PAE

  8. peredur
    Member
    Posted 2 years ago #

    This explains about child themes.

    HTH

    PAE

Topic Closed

This topic has been closed to new replies.

About this Topic