• Resolved nick-forest

    (@nick-forest)


    I’ve designed a simple four page site using the default template. Everything is fine but I would like to add two pictures to the header or, better still, upload a single image from photoshop to cover the header.

    I’ve tried following the instructions in Designing Headers relating to Changing the Header Image but when I open the header.php as instructed I don’t get the code that the instructions say I should get. Am I doing something wrong or are the instructions maybe out of date as I am using the 2.7.1 version of wordpress. Can anyone throw any light on this or point me in the direction of more easy to follow instructions?

    Alternatively, could anyone suggest a different theme which is pretty much the same as the simple default theme but which makes it easier to isert images in the header.

    Any help would be much appreciated as I’m stumped.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You need an image that is 192px high x 740px wide. Rename the new image kubrickheader.jpg, then upload it to the theme’s images folder. It should then be picked up by the theme’s CSS automatically.

    Thread Starter nick-forest

    (@nick-forest)

    Thanks. I’ll try that. I’ve been trying to follow the instructions from ‘Changing the header image’ which said I should go into the the header.php and change replace kubrickheader.jpg with the name of my new graphic, but I can’t see kubrickheader.jpg anywhere. I’ve pasted in the code below. Will your approach work with this php code.

    <?php
    /**
    * @package WordPress
    * @subpackage Default_Theme
    */
    ?>
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title><?php wp_title(‘«’, true, ‘right’); ?> <?php bloginfo(‘name’); ?></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=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’); ?> Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <style type=”text/css” media=”screen”>

    <?php
    // Checks to see whether it needs a sidebar or not
    if ( !empty($withcomments) && !is_single() ) {
    ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg-<?php bloginfo(‘text_direction’); ?>.jpg”) repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; }
    <?php } ?>

    </style>

    <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>

    <?php wp_head(); ?>
    </head>
    <body>
    <div id=”page”>

    <div id=”header”>
    <div id=”headerimg”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?></div>
    </div>
    </div>
    <hr />

    Will your approach work with this php code.

    That code doesn’t reference the header image itself, just the page graphic, so – yes it should do.

    I’m having the same problem, only I’ve applied this solution, and done some tweaking to the style sheet for the theme so I can get the header the way I want. It shows up properly when I look under “Header Image and Color,” but it doesn’t show up on the blog — neither the altered image, nor the change in the style sheet. It’s as if the blog is running from a cached copy of these documents.

    I’m running 2.5 because that’s what my web host has, and I haven’t worked out with them if I can just upgrade it on my own or not.

    And I just reloaded the blog, and the altered image is now loading. But the style sheet isn’t. I’m probably needing to be in a different topic.

    Final post on this — I edited the style.css sheet and everything is fine now. It’s all good.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding image to header’ is closed to new replies.