Adding logo and header image to WP blog

Help Center » Blogging

Adding logo and header image to WP blog

(7 posts) (4 voices)

Started 3 months ago by techlee
Latest reply from Aneesh

Tags:

techlee
Member

For the quickpress theme http://www.quickonlinetips.com/archives/quickpress/, can anyone suggest how to add logo and the header image ?

Posted 3 months ago #
Sparx
Moderator

you'll need to edit the PHP files to include an image, possibly in the header section in header.php.

Include the image with the <img src=""/> tag and experiment with image sizes etc.

There isn't any header image included, so you'll need to code it in.

Posted 3 months ago #
techlee
Member

Hi Sparx,
Tried to play a bit but got errors most of the time. If I paste the header code here, do you think u can guide a bit ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php if ( is_home() ) { bloginfo('name'); } else wp_title('',true); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<meta name="robots" content="index,follow" />

<?php wp_head(); ?>

<meta name="verify-v1" content="1LL9w9lueOvRd5DTfR7nPZNaIrZ8/s0j2rVEtujgUGE=" /></head>

<body>

Posted 3 months ago #
Sparx
Moderator
Try putting in the <img> tag just after the <title> line in header.php.

I don't have a test WP blog where I can try this out, so you'll have to try on your own.
```
<img src="http://URLtoimage.jpg" alt="Descriptive ALT text" />
```
Posted 3 months ago #
surender97
Member

Find under the file header.php

<title><?php if ( is_home() ) { bloginfo('name'); } else wp_title('',true); ?></title>
Replace following with:<img src="blog/folder/images/logo-name.jpg">

<title><img src="blog/folder/images/logo-name.jpg"></title>

Posted 3 months ago #
Sparx
Moderator

@Surender97: Won't that put stuff into the browser's title bar? I thought that's what the <title> tag is meant for.

Posted 3 months ago #
Aneesh
Member

@Sparx yup you are right.

<?php if (is_home()) { ?><h1><?php } ?>
/"><?php bloginfo('name'); ?><?php if (is_home()) { ?></h1><?php } ?><div class="description"><?php bloginfo('description'); ?></div>

This is the portion of code which Displays the blog title and blog description..
you can replace it with
<h1><img src="The Url of the logo image" alt="Your Site Title"/></h1>

This is the way to add a logo..This may not look perfect if there are some CSS constraints applied to it..

BTW if you want to add a header image which replaces the entire blue header portion you will have to edit the style.css file properly!!

Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.