What is the easiest way to change a wordpress header?

Discussion in 'HTML & Website Design' started by Webmaster2008, May 17, 2008.

0
Page 1 of 2
  1. #1
    I assume simply changing the image file associated with it in header php? Only thing is I cant seem to figure out what file is used for the header. Please help.
     
    Webmaster2008, May 17, 2008 IP
  2. iWrite

    iWrite Peon

    Messages:
    679
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    normally it is header.php
     
    iWrite, May 17, 2008 IP
  3. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What I meant is I the image file that is displayed. I assume I can just replace this with another image an that will become my new header?
     
    Webmaster2008, May 17, 2008 IP
  4. iWrite

    iWrite Peon

    Messages:
    679
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yes, that is the case.
     
    iWrite, May 17, 2008 IP
  5. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    My problem is I cant seem to find the right image file to change. I could pm you furthur info if that would help figure it out.

    Thanks.
     
    Webmaster2008, May 17, 2008 IP
  6. iWrite

    iWrite Peon

    Messages:
    679
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #6
    what you should do, is change the file that the header is calling. Meaning change it from calling old.jpg, to new.jpg. This can be done in the header.php file as I mentioned before. You should leave the original one there, and intact, just in case.
     
    iWrite, May 17, 2008 IP
  7. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    header.php below.
     
    Webmaster2008, May 17, 2008 IP
  8. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Below is my default header.php. Please help me figure this out.



    "<!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 bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!--[if IE]> <link rel="stylesheet" href="wp-content/themes/summerfun/ie_hacks.css" type="text/css" media="screen" /> <![endif]-->
    <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 wp_head(); ?>
    </head>
    <body>

    <div id="body_wrap">
    <div id="header">
    <div id="headerimg">
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    <div id="menu-bar">
    <ul>
    <li class="pagenav-home"><ul><li <?php /* If this is the frontpage */ if ( is_home()) { ?> class="current_page_item" <?php } ?>><a href=".">Home</a></li></ul></li>
    <?php wp_list_pages('title_li=<h2>Pages</h2>'); ?>
    </ul>
    </div>
    </div>
    </div>

    <div id="page">"
     
    Webmaster2008, May 17, 2008 IP
  9. Cipixxx

    Cipixxx Well-Known Member

    Messages:
    754
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #9
    This method is time eating.
    You can instead go to wp-content/themes/default/images and replace the kubrickheader.jpg image file
    The method above is for the default theme (with the blue header)

    If you are using the classic one then u'll have to change some colors from your admin panel in wordpress
     
    Cipixxx, May 17, 2008 IP
  10. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I am using a custom theme. Specifically "Nightvision Dream"....
     
    Webmaster2008, May 17, 2008 IP
  11. Cipixxx

    Cipixxx Well-Known Member

    Messages:
    754
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #11
    well....go then to wp-content/themes/ and open the theme u are using. Inside that theme find the images folder and see what images you have ... or give me your site adress to guide you thropugh this
     
    Cipixxx, May 17, 2008 IP
  12. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    these are all the files in the images folder. I dont see a header image. :-(...

    "
    blockquote-bg.jpg 0 k 0644
    body-bg.jpg 357 k 0644
    bullet_blue.png 2 k 0644
    bullet_disk.png 0 k 0644
    calendar-icon.gif 0 k 0644
    calendar_view_day.png 0 k 0644
    category-icon.jpg 0 k 0644
    comment-icon.gif 0 k 0644
    comment-post-icon.gif 0 k 0644
    comments.png 0 k 0644
    pagemenu-active-bg.jpg 0 k 0644
    pagemenu-inactive-bg.jpg 7 k 0644
    post-divider.jpg 0 k 0644
    rss-icon.jpg 0 k 0644
    sidebar-h2-bg.gif 0 k 0644
    sidebar-list-icon.gif 0 k 0644
    vertical-line.jpg"
     
    Webmaster2008, May 17, 2008 IP
  13. Cipixxx

    Cipixxx Well-Known Member

    Messages:
    754
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #13
    in this case if you want me to help you, i recommend you give me the link to your website...
     
    Cipixxx, May 17, 2008 IP
  14. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Ok I think it is the "body-bg.jpg" file. But it looks like maybe there is no header..like the header is part of the body :-(

    You ever seen this?
     
    Webmaster2008, May 17, 2008 IP
  15. zeldaze

    zeldaze Active Member

    Messages:
    311
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    60
    #15
    Its in your CSS, check your CSS because according to your header.php:
    <div id="headerimg">
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    So check your css for the h1 element defined under .headerimg and you will see it has a background-image: set up and you need to change that to your new file.
     
    zeldaze, May 17, 2008 IP
  16. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    I just found this on the right in theme editor. ...".wysiwygPro_edit_header_php.php"

    Is that where I should look?

    Never figured simply changing a header would be so hard lol. Especially in wordpress.
     
    Webmaster2008, May 17, 2008 IP
  17. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    This is all I could find in CSS...

    "
    h1 {
    font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
    font-size: 36px;
    text-align: left;
    font-weight:normal;
    }

    #header #headerimg .description {
    font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
    font-size: 12px;
    text-align: left;
    color:#FFF;
    padding-left:18px;
    height:121px;
    }


    h1, h1 a, h1 a:hover, h1 a:visited{
    text-decoration: none;
    color: #fff;
    }


    #header {
    margin: 0 auto;
    padding: 0;
    height: 270px;
    width:770px;
    }

    /* Begin Headers */
    h1 {
    margin: 0;
    padding:0;
    padding-left:18px;
    padding-top:73px;
    height:50px;

    }

    h2 {
    margin: 12px 0 10px 0;
    line-height:30px;
    }

    h2.pagetitle {
    text-align: left;
    }

    h3 {
    padding: 0;
    margin: 25px 0 0 0;
    }

    /* End Headers */







    #header #searchform #s {
    width: 170px;
    }"


    :mad:
     
    Webmaster2008, May 17, 2008 IP
  18. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #18
    And in your HTML you don't seem to have an image. Link to the site perhaps?
     
    blueparukia, May 17, 2008 IP
  19. Webmaster2008

    Webmaster2008 Peon

    Messages:
    213
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Webmaster2008, May 18, 2008 IP
  20. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #20
    It's a background image that's set to the top of the body.
    You'll find the image here: /images/body-bg.jpg
    It's defined inside your style.css file search for: body {

    So basically it's a background image for the whole page.
     
    wd_2k6, May 18, 2008 IP
Page 1 of 2