In wordpress I want to insert an image in the header instead of Words. Could you please advise on how to do this. My coding at the moment ith text header is. <!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 (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title> <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'); ?>" /> <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> <?php wp_head(); ?> </head> <body> <div id="wrapper"> <div id="header"> <h1 id="logo"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a><span><?php bloginfo('description'); ?></span></h1> <ul id="top-nav"> <li<?php if(is_home()) echo ' class="current_page_item"' ?>><a href="<?php bloginfo('url'); ?>/">Home</a></li> <?php wp_list_pages('title_li=&include=2,5'); ?> </ul> <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <input type="text" name="s" id="s" value="Search Keywords" onfocus="document.forms['searchform'].s.value='';" onblur="if (document.forms['searchform'].s.value == '') document.forms['searchform'].s.value='Search Keywords';" /> <input type="submit" id="searchsubmit" value="Search" /> </form> <ul id="nav"> <li<?php if(is_home()) echo ' class="current_page_item"' ?>><a href="<?php bloginfo('url'); ?>/">Home</a></li> <?php wp_list_pages('title_li=&include=3,4,6'); ?> </ul> </div><!-- end #header --> <div id="container"> <div id="content"> Code (markup):
ok as far as i can see the image is there now, you just need to change your css to relocate the image look in your css file for #logo current: should look like this: you could and probably should also specify the width and height of the logo you can also remove the tagline from the logo (the part that should be removed is marked in red)
what do you want now, image or text ? and to get an anchor text on an image you have to put the image as a background via css and then simply put text on it, whatever your porpuse with that is, cause you dont need to put anchor text on your logo. you put anchor text links on other sites that will ink to you with that anchor.
Basically, I still want the site description to show up through google, because I have removed it by putting an image there. And that CSS still didnt work take a look