8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Where and how to input my website header?

by dannyboy30
6 replies
  • WEB DESIGN
    • |
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
#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.
    {{ DiscussionBoard.errors[7210795].message }}
    • 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
      {{ DiscussionBoard.errors[7210814].message }}
  • 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
    Signature
    Outsource to the experts...

    We customize your Blog, eBook, Press Release and Sale Copy content with your message.

    {{ DiscussionBoard.errors[7223198].message }}
    • 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
      Signature
      "what you give is what you get"
      {{ DiscussionBoard.errors[7225322].message }}
  • 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.
    {{ DiscussionBoard.errors[7225454].message }}
  • 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...
    Signature

    ()_()
    (o.O) <<<----- This bunny is more ethical and mostly made of pixels.
    (")("")

    {{ DiscussionBoard.errors[7227123].message }}

Trending Topics