Title: Add logo (header)
Last modified: August 20, 2016

---

# Add logo (header)

 *  [KKBrainchild](https://wordpress.org/support/users/kkbrainchild/)
 * (@kkbrainchild)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/)
 * _[ Moderator note: instead of using blockquote please wrap code in the backtick
   character or use the code button. ]_
 * Hi there!
 * I am using a very simple & basic theme & the folder itself isn’t so stuffed like
   we would expect or know it already from WordPress Themes.
    However – So at the
   moment I am very keen about setting up my own homepage as it’s really fascinating
   me and I have so much fun to do it! To understand how the things work, what to
   do and what is all possible. I am really amazed to code and write CSS yada yada
   😀 I just tell this because then no one has to ask me or make the suggestion 
   to use a theme which maybe could fit my requirements better. BUT that’s the thing:
   If I use a perfect one, it’s too easy. No fun – Nothing to learn… So I chose 
   I theme which I like (color etc.) and swore myself to set it completly up on 
   my own, like I want AND I swore also that I won’t give up until I got what I 
   wanted 😀 So no “wish” on my to-do-list will be crossed or changed just because
   I am may not able to do so – I will fight until I got it 😀
 * So let’s start:
    In my theme is neither in the header.php nor in the CSS of the
   theme a paragraph that reads like
 *     ```
       <h1>/"><?php bloginfo('name'); ?></h1>
       ```
   
 * so it’s not possible for me just to replace this code to
 *     ```
       <h1>/"><img src="<?php echo get_option('home'); ?>/wordpress/wp-content/themes/THEMENAME/THEME/images/logo.jpg" title="YOURTITLEORANYTEXT." alt="IMAGE TEXT." height="50" width="50" />SITE NAME TITLE</h1>
       ```
   
 * I tried just to add this^^ code to my CSS (of the theme) and in the header.php.
   But nothing happens – oh yeah, a white bulk on the right hand of the website,
   that’s what happens…
 * I only have
 *     ```
       <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
       ```
   
 * in the header.php but obviously it’s not the correct one to replace (?).
 * So now my header.php reads like this (the bolded I added to get a logo image 
   on my hp …):
 *     ```
       <!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'); ?>" />
       <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
       <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
        elseif (is_single() ) { single_post_title(); }
        elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
        else { wp_title('',true); } ?></title>
       <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
       <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
       <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" />
       <![endif]-->
       <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" />
       <![endif]-->
       <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
       <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
       <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
   
       <?php wp_head(); ?>
       </head>
   
       <body>
   
       <strong><div class="wrapper">
       <div class="logo">
       <a>"><img src="/images/logo.png" alt="KK Brainchild" /></a></div>
       			<?php /* if (is_home()) echo( '<h1 id="title">'); else echo( '<div id="title">');?><a>"><?php bloginfo( 'name'); ?></a><?php if (is_home()) echo( '</h1>'); else echo( '</div>'); */?>
   
       <?php if ( is_home() ) { ?>
       <h1 style=”display:none;”><img src="/images/logo.png" title="Home" alt="KK Brainchild" /></h1>
       <?php }  else { ?>
       <?php
       }
       ?></strong>
   
           <div id="art-page-background-gradient"></div>
       <div id="art-page-background-glare">
           <div id="art-page-background-glare-image"></div>
       </div>
       <div id="art-main">
       <div class="art-Sheet">
           <div class="art-Sheet-tl"></div>
           <div class="art-Sheet-tr"></div>
           <div class="art-Sheet-bl"></div>
           <div class="art-Sheet-br"></div>
           <div class="art-Sheet-tc"></div>
           <div class="art-Sheet-bc"></div>
           <div class="art-Sheet-cl"></div>
           <div class="art-Sheet-cr"></div>
           <div class="art-Sheet-cc"></div>
           <div class="art-Sheet-body">
       <div class="art-nav">
       	<div class="l"></div>
       	<div class="r"></div>
       	<ul class="art-menu">
       		<?php art_menu_items(); ?>
   
       </div>
       <div class="art-Header">
           <div class="art-Header-jpeg"></div>
           <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
   
               	<div style="position: absolute; width: 270px; height: 259px; z-index: 1; left: 618px; top: 74px" id="capa1">
   
       <a href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad1.png" width="125" height="125"></a>
       <a href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad2.png" width="125" height="125"></a>
       <a href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad3.png" width="125" height="125"></a>
       <a href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad4.png" width="125" height="125"></a>
   
       </div>
   
       </div>
       ```
   
 * Hope so much someone can help me 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2920985)
 * without any clear information what your problem actually is:
 * use an absolute file path to the logo image;
 * try for example:
 * `<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png" alt
   ="KK Brainchild" />`
 * [http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri](http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri)
 *  Thread Starter [KKBrainchild](https://wordpress.org/support/users/kkbrainchild/)
 * (@kkbrainchild)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2921050)
 * Thanks you…
    And yes thats what I did. I added this code to my header.php but
   nothing appears on the website … ?? why ??
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2921051)
 * please post a link to your site to illustrate the problem.
 * what is the exact problem?
    does the logo image show? or not? and if, does it
   show on all pages? or what?
 * where is your logo image saved?
 * —
    you have two lines with ‘logo’ in your header code:
 *     ```
       <a>"><img src="/images/logo.png" alt="KK Brainchild" /></a></div>
       ```
   
 * (this is broken, because you did not mark the code when you were posting it)
   
   this has a relative image url and might therefore fail.
 * and:
 *     ```
       <h1 style=”display:none;”><img src="/images/logo.png" title="Home" alt="KK Brainchild" /></h1>
       ```
   
 * two problems here:
    – the ‘squint’ double quotes (from copy/paste from a text
   source) which should be `style="display:none;"` and the relative path again.
 *  Thread Starter [KKBrainchild](https://wordpress.org/support/users/kkbrainchild/)
 * (@kkbrainchild)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2921058)
 * kkbrainchild.hostingsociety.com/wordpress
    – I tried to post it but it didn’t
   work. However.
 * The problem is that even after adding the code
 *     ```
       <div id="logo">
       <h1><a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_option('home'); ?>/wordpress/wp-content/themes/KK Brainchild Theme/images/logo.png" title="Return to Home." alt="IMAGE TEXT." height="20" width="80" /></a></h1>
       <span><?php bloginfo('description'); ?></span>
       </div>
       ```
   
 * to the header.php anyway nothing appears on the site…
    Why?
 * My header.php looks like this
 *     ```
       <!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'); ?>" />
       <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
       <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
        elseif (is_single() ) { single_post_title(); }
        elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
        else { wp_title('',true); } ?></title>
       <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
       <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
       <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" />
       <![endif]-->
       <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" />
       <![endif]-->
       <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
       <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
       <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
   
       <?php wp_head(); ?>
       </head>
   
       ----------------------------------------
       <div id="logo">
       <h1><a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_option('home'); ?>/wordpress/wp-content/themes/KK Brainchild Theme/images/logo.png" title="Return to Home." alt="IMAGE TEXT." height="20" width="80" /></a></h1>
       <span><?php bloginfo('description'); ?></span>
       </div>
       -----------------------------------------
   
       <body>
   
       <div class="wrapper">
       <div class="logo">
       <a href="<?php bloginfo('url');?>"><img src="/images/logo.png" alt="KK Brainchild" /></a></div>
       			<?php /* if (is_home()) echo( '<h1 id="title">'); else echo( '<div id="title">');?><a href="<?php bloginfo( 'url'); ?>"><?php bloginfo( 'name'); ?></a><?php if (is_home()) echo( '</h1>'); else echo( '</div>'); */?>
   
           <div id="art-page-background-gradient"></div>
       <div id="art-page-background-glare">
           <div id="art-page-background-glare-image"></div>
       </div>
       <div id="art-main">
       <div class="art-Sheet">
           <div class="art-Sheet-tl"></div>
           <div class="art-Sheet-tr"></div>
           <div class="art-Sheet-bl"></div>
           <div class="art-Sheet-br"></div>
           <div class="art-Sheet-tc"></div>
           <div class="art-Sheet-bc"></div>
           <div class="art-Sheet-cl"></div>
           <div class="art-Sheet-cr"></div>
           <div class="art-Sheet-cc"></div>
           <div class="art-Sheet-body">
       <div class="art-nav">
       	<div class="l"></div>
       	<div class="r"></div>
       	<ul class="art-menu">
       		<?php art_menu_items(); ?>
       	</ul>
       </div>
       <div class="art-Header">
           <div class="art-Header-jpeg"></div>
           <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
   
               	<div style="position: absolute; width: 270px; height: 259px; z-index: 1; left: 618px; top: 74px" id="capa1">
   
       <a target="_blank" href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad1.png" width="125" height="125"></a>
       <a target="_blank" href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad2.png" width="125" height="125"></a>
       <a target="_blank" href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad3.png" width="125" height="125"></a>
       <a target="_blank" href="#"><img border="0" src="<?php bloginfo('template_url'); ?>/images/ad4.png" width="125" height="125"></a>
   
       </div>
   
       </div>
       ```
   
 * So I thought the image would be shown but … yeah, nothing.
    Thanks for helping
   😀
 *  Thread Starter [KKBrainchild](https://wordpress.org/support/users/kkbrainchild/)
 * (@kkbrainchild)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2921096)
 * you have two lines with ‘logo’ in your header code:
 * > </div>
   >  (this is broken, because you did not mark the code when you were posting
   > it) this has a relative image url and might therefore fail.
 * …. so what I can do?!
 * > and:
   > <h1 style=”display:none;”><img src=”/images/logo.png” title=”Home” alt=”KK 
   > Brainchild” /></h1>
   >  two problems here: – the ‘squint’ double quotes (from 
   > copy/paste from a text source) which should be style=”display:none;” and the
   > relative path again.
 * …. so how it has to look like?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Add logo (header)’ is closed to new replies.

## Tags

 * [add logo](https://wordpress.org/support/topic-tag/add-logo/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [logo in header](https://wordpress.org/support/topic-tag/logo-in-header/)

 * 5 replies
 * 2 participants
 * Last reply from: [KKBrainchild](https://wordpress.org/support/users/kkbrainchild/)
 * Last activity: [13 years, 9 months ago](https://wordpress.org/support/topic/add-logo-header-1/#post-2921096)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
