WordPress.org

Ready to get started?Download WordPress

Forums

"How To" for a personalheader.jpg? (21 posts)

  1. xmiinc
    Member
    Posted 9 years ago #

    In fact, I'm not quite a php-noob, but I'm having trouble (in spite of the in-line code comments on how) replacing the default Kubrick.jpg with my own in WP 1.5. I'm looking at header.php, index.php, and styles.php for clues. I'm seeing certain stylistic changes to the Kubrick layout (or wiping it out entirely) but...still no custom graphics. I suspect css is overriding things somewhere, but at this point I'm at brute trial-n-error. Besides just renaming my graphics using the default graphic names, what am I missing?...where else should I be looking? (And yes, I've spent a fair amount of time searching the forum and the Codex, learned a lot of *other* useful stuff, but still can't change the graphix elements.) Sigh.

    thanks for any help,
    Tom

  2. moshu
    Member
    Posted 9 years ago #

    You mean the header image? In the header.php of the theme it says:
    /* To ease the insertion of a personal header image, I have done it in such a way, that you simply drop in an image called 'personalheader.jpg' into your /images/ directory. Dimensions should be at least 760px x 200px. Anything above that will get cropped off of the image. */

    /* #headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;} */

    All you have to do - after "dropping in your image - to uncomment the last line, i.e. remove the /*...*/ around it.

  3. xmiinc
    Member
    Posted 9 years ago #

    Thanks, Moshu,
    yeh, sounds simple enough, right? I've done this twice in the past 24hrs (I'll try it again) without my personalheader.jpg being revealed. (After chmod 666, I'm using the WP text editor and hitting 'View Site'. The code is edited, but no change to the header graphic.)

    No love.

  4. trc49492
    Member
    Posted 9 years ago #

    clear your browsers cache in the tools menu

  5. xmiinc
    Member
    Posted 9 years ago #

    DOH! Not 'wp-images', but 'wp-content/themes/default/images'

    Criminy! How could I miss not seeing the default images I was looking to replace??

    sorry all.

  6. jeffjeff2
    Member
    Posted 9 years ago #

    Can I jump in? I've followed the steps outlined above and I still don't see my image? Do I need to alter the path to 'personalheader.jpg' in 'header.php' ?

  7. Michael Bishop

    Posted 9 years ago #

    If you put the image in your wp-content/themes/default/images, you shouldn't have to alter any paths You should just remove the comments the (/*, */) From the header.php file that moshu quoted above.

  8. jeffjeff2
    Member
    Posted 9 years ago #

    OK, I may have caused this - I am using a theme I downloaded, not the 'default' theme. This is likely why I can't see the image. Next: in the theme I downloaded, I do not see a place where i can insert my image. Here's the header.php data:
    <!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">

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » 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" />

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>

    </head>

    Since my current header displays my site name and "just another wordpress blog", which I want to edit out, I want to replace everything in my current header with the image I created. Any ideas?

  9. Michael Bishop

    Posted 9 years ago #

    what is your url?

  10. Root
    Member
    Posted 9 years ago #

    jeffjeff .It looks like your theme is constructed differently. The header image might be set up as a background in the CSS. You wont see it in the template at all. The default is erm *unique* in this respect. The title and tagline can be edited in admin, deleted entirely in the template; or text indented off to somewhere west of Arkansas.so it cant be seen by human eye. :)

  11. jeffjeff2
    Member
    Posted 9 years ago #

    miklb - My URL is: http://www.alittlemoretotheright.com/blog . This page is in beginning stages.

    Root - so are you saying I will or won't be able to edit in my image? Sorry, I'm learning WP but am an old-school GM blogger.

  12. Jeff, do you have Adobe Photoshop?

  13. jeffjeff2
    Member
    Posted 9 years ago #

    No I don't have Photoshop...

  14. Hm, never mind then. (If you did, you could have used the old Kubrick template and simply inserted your own header image. That's what I did. Unfortunately, I have no experience with personalheader.jpg.)

  15. Michael Bishop

    Posted 9 years ago #

    Yeah, jeff, the template you've chosen isn't designed for a header image. I'm a tad novice at the CSS, so forgive me, but it appears that the way it's set up, it would be difficult to put one in.
    You may want to look through the themes for a 3 column template that does have a header image, and build around that, rather than try and stick one on top of this one. That would be my suggestion.

  16. moshu
    Member
    Posted 9 years ago #

    macmanx,
    no need for complicated solutions :) "personalheader" is from Kubrick (header.php)
    /* To ease the insertion of a personal header image, I have done it in such a way,
    that you simply drop in an image called 'personalheader.jpg' into your /images/
    directory. Dimensions should be at least 760px x 200px. Anything above that will
    get cropped off of the image. */

    /*
    #headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
    */

  17. Michael Bishop

    Posted 9 years ago #

    However, jeffjeff isn't using Kubrick, so it is moot. He has a three column template that doesn't use any images in the header or style sheet. Therefore he would have to hack the template and drop an image into header, and fuddle with the width issues, as the CSS is using width: auto; position: relative; as it stacks boxes, and as mentioned, is three column.

  18. moshu
    Member
    Posted 9 years ago #

    Yes, I saw it. Then why is he posting here instead of starting his own thread with his own special issues related to that theme?

  19. Then why is he posting here instead of starting his own thread with his own special issues related to that theme?

    Agreed.

  20. jeffjeff2
    Member
    Posted 9 years ago #

    Sorry all, didn't realize it was a different issue. I thought it was related ...

  21. Michael Bishop

    Posted 9 years ago #

    Perhaps because he's new to most of this and didn't understand the difference. And perhaps since you two seem to be forum police, why don't you write him a ticket and instruct him to start yet ANOTHER thread. Meanwhile, I will assist him him getting to where he wants to be.

Topic Closed

This topic has been closed to new replies.

About this Topic