WordPress.org

1. hildurg
   Member
   Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #
   

   This explains about child themes.

   HTH

   PAE

Topic Closed

This topic has been closed to new replies.