Codium Extended: Blog Title Image

OK. First off, you don’t appear to have anything in your blog title and blog description fields. That’s fine, I guess, but not so good for SEO.

As for the logo, you just need to put the image into the header area. This is the HTML you have there at the moment:

<div id="header">
<div class="dp100">
<h1 id="blog-title" class="blogtitle">
<a title="" href="http://aeriport.mobi/"></a>
</h1>
<div class="description"> </div>
</div>
</div>
</div>

If you don’t ever intend having a blog title displayed, it probably doesn’t matter too much where you put your image, but I’ve have a go at doing something like this:

<div id="header">
<div class="dp100">
<p id="logop"><!-- because it's xhtml and so must be in a p rather than a div -->
<img src="path/to/image/mylogo.png" alt="" title="" />
</p>
<h1 id="blog-title" class="blogtitle">
<a title="" href="http://aeriport.mobi/"></a>
</h1>
<div class="description"> </div>
</div>
</div>
</div>

Once you’ve done that, we can look at styling it so that it’s in the right place and looking good.

Cheers

PAE

I take it you mean how do you add the logo to your header.

Copy header.php from your parent theme into the child theme’s directory. WP will then load that file instead of the parent theme’s version. Since you’ve not made any changes, you should see none when you access your site – but check it, nonetheless.

Now alter the child theme version of header.php to include the image.

I would create a folder called images in your child theme’s directory and put the image in there. You can then get hold of it like this:

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/yourimage.png" alt="Your alt test" title="Your title" />

(Where yourimage.png is the filename of the image you want to display).

So put that code into header.php and let’s see what it looks like. It’ll probably take a bit of work to get it styled right, but it shouldn’t be too hard.

BTW, you may want to put an anchor around your image, pointing to the home page:

<a href="<?php bloginfo('url') ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/yourimage.png" alt="Your alt test" title="Your title" /></a>

If you meant how do you add the site title and description, you should be outputting whatever has been configured as the title/description in your Dashboard settings. The fact that it isn’t suggests you’ve not got anything in your settings.

Cheers

PAE

You copied this verbatim:

<img src="path/to/images/logo.jpg" alt="" title="" />

Read my previous post again, concerning how to obtain the path to the image.

Cheers

PAE

Hmm. I’m doing something wrong.

It’s giving the src as http://aeriport.mobi/ whereas we want:

http://aeriport.mobi/wp-content/themes/your-theme-name/images/logo.jpg

(where ‘your-theme-name’ is the name of the directory in which your theme resides)

Actually, did you do as I suggested and put your image in a sub-folder of your theme’s directory?

If you did, you could try hard-coding the <img> element:

<img src="http://aeriport.mobi/wp-content/themes/your-theme-name/images/logo.jpg" alt="Your alt test" title="Your title" />

Remember to put the proper value in for ‘your-theme-name’

Cheers

PAE

First of all just put an <img> element into header.php at the point where you want the image to appear. Give it the width and height attributes for the size you want. Just put src="" for the moment, or use a url to an external image of about the right size that you happen to know of (e.g. http://www.wales-legislation.org.uk/images/logo.gif) – if you just want something small for now.

Then post that you’ve done it and I’ll have a look at your outptu (you don’t need to post it).

Cheers

PAE

No. I’m sorry. I can’t change your header.php file without access to your site. I can look at its output, but I can’t change it.

Also, I’d be doing work for you and that’s not what this forum is about. It’s about giving advice and (sometimes) instruction. If I was doing work for you, it would be a commercial contract.

If you really do not have HTML/CSS/PHP skills, you should probably stick to an unmodified theme that’s as near to what you want as you can get. Or learn the skills, of course. I’m all for that.

Another choice would be to host your site at wordpress.com where you can pay for premium add-ons that include customisation.

Sorry I can’t be of more help.

I just reviewed your posts above, BTW, and notice that you talked about creating a child theme folder Child Theme. If you really did call it “Child Theme” you need to alter that. Spaces in file and directory names are a really bad idea. I’d stick to lower case letters, too.

We can fix this, but you’ll need some patience and persistence because you’ll be learning the necessary skills along the way.

One thing I suspect from the review above is that you may not have activated your child theme. I’d start off, therefore, by:

• Activating the parent theme again (this will deactivate your child theme)
• making the changes to any directory names as I suggest above, and then making the necessary changes to reflect that in your child theme’s style.css file
• Reactivating your minimal child theme

Once you’ve done that, we can look at things again. But we’re going to have to take things slowly. Rome wasn’t built in a day.

Cheers

PAE

Cheers

PAE

OK. Just to be clear. You simply want to know how to create your own functions.php file in your child theme, and what code to put in there?

To create a functions.php file just create a file called functions.php in your child theme folder. That’s it.

To add code to it, just edit the file.

As to what code you should add, I’m not sure any more exactly what you’re trying to do, so can you tell me that and I’ll see what I can do.

Cheers

PAE