Where and how to input my website header?

Profile picture of the author dannyboy30 by
Hi, I would like to insert a new header but am not sure how and where exactly to put it. I assume it would go in the header.php section but how and where would I put my own custom logo?, also would I need to download the logo to my media images on my wordpress site?

Here is my code for header.php

<?php global $theme; ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php function wp_initialize_the_theme() { if (!function_exists("wp_initialize_the_theme_load") || !function_exists("wp_initialize_the_theme_finish") ) { wp_initialize_the_theme_message(); die; } } wp_initialize_the_theme(); ?>
<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 $theme->meta_title(); ?></title>
<?php $theme->hook('meta'); ?>
<link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/reset.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/defaults.css" type="text/css" media="screen, projection" />
<!--[if lt IE 8]><link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->

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

<?php if ( is_singular() ) { wp_enqueue_script( 'comment-reply' ); } ?>
<?php wp_head(); ?>
<?php $theme->hook('head'); ?>

</head>

<body <?php body_class(); ?>>
<?php $theme->hook('html_before'); ?>

<div id="container">

<div id="header">

<div class="logo">
<?php if ($theme->get_option('themater_logo_source') == 'image') { ?>
<a href="<?php echo home_url(); ?>"><img src="<?php $theme->option('logo'); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a>
<?php } else { ?>
<?php if($theme->display('site_title')) { ?>
<h1 class="site_title"><a href="<?php echo home_url(); ?>"><?php $theme->option('site_title'); ?></a></h1>
<?php } ?>

<?php if($theme->display('site_description')) { ?>
<h2 class="site_description"><?php $theme->option('site_description'); ?></h2>
<?php } ?>
<?php } ?>
</div><!-- .logo -->

<div class="header-right">
<?php $theme->option('header_banner'); ?>
</div><!-- .header-right -->

</div><!-- #header -->

<div class="clearfix">
<?php if($theme->display('menu_primary')) { $theme->hook('menu_primary'); } ?>

<div id="topsearch">
<?php get_search_form(); ?>
</div>
</div>

<?php if($theme->display('menu_secondary')) { ?>
<div class="clearfix">
<?php $theme->hook('menu_secondary'); ?>
</div>
<?php } ?>



Thanks.Danny
#web design #header #input #website

  • Profile picture of the author xunixan
    What theme are you using? In WordPress you should have an option, usually in Theme options to define a custom header. Upload the header using media manager, then paste the URL path of the header file in your options.
  • Profile picture of the author bosspulsa
    Originally Posted by xunixan View Post

    What theme are you using? In WordPress you should have an option, usually in Theme options to define a custom header. Upload the header using media manager, then paste the URL path of the header file in your options.
    Yes... This is a easy choice.
    or you can edit
    <img src="<?php $theme->option('logo'); ?>

    with your url of your logo
  • Profile picture of the author TheContentAuthority
    Dannyboy30,

    As mentioned by xunixan, there should be a spot within WP for you to upload a new image for the header. Make sure it is scaled appropriately otherwise it won’t look right. It really shouldn’t matter which theme you are using to do this and you should not have to modify code to get a new image in there.

    Here is more info on how to modify the header (note: if you have a specific theme you can search for tutorials on how to manage the header for that specific theme).

    WordPress › Support » How to Upload a New Header

    Hope that helps you,

    Shawn
  • Profile picture of the author ninjutsu
    Originally Posted by TheContentAuthority View Post

    Dannyboy30,

    As mentioned by xunixan, there should be a spot within WP for you to upload a new image for the header. Make sure it is scaled appropriately otherwise it won’t look right. It really shouldn’t matter which theme you are using to do this and you should not have to modify code to get a new image in there.

    Here is more info on how to modify the header (note: if you have a specific theme you can search for tutorials on how to manage the header for that specific theme).

    WordPress › Support » How to Upload a New Header

    Hope that helps you,

    Shawn


    Thanks for the answer . It is so useful
  • Profile picture of the author Seoptimistic
    Yes, header.php is the right place. You can add it with a div. The image should be in your local, maybe theme images folder.
  • Profile picture of the author gcampton
    Code:
    <div id="header">
     
            <div class="logo">
            <?php if (('themater_logo_source') == 'image') { ?> 
                <a href="<?php echo home_url(); ?>"><img  src="<?php ('logo'); ?>" alt="<?php  bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"  /></a>
            <?php } else { ?> 
                <?php if(('site_title')) { ?> 
                    <h1 class="site_title"><a href="<?php echo  home_url(); ?>"><?php ('site_title');  ?></a></h1>
                <?php } ?> 
     
                <?php if(('site_description')) { ?> 
                    <h2 class="site_description"><?php ('site_description'); ?></h2>
                <?php } ?> 
            <?php } ?> 
            </div><!-- .logo -->
     
            <div class="header-right">
                <?php ('header_banner'); ?> 
            </div><!-- .header-right -->
     
        </div><!-- #header -->
    it's right there...

Next Topics on Trending Feed