Ever want to just use the
default templte for
wordpress and get on
creating you blog posts but
you need to make your blog
match the rest of your
website?
Below find a video
tutorial that shows you how
to replace the header
graphic in the Wordpress
template, Kubrick using a
blank PSD (Photo Shop) file
in which you can insert your
site's logo.
Don't have a site logo?
Get one at
Budget Logo Designs. You'll have full copyrights to a logo
that brands YOUR presence on
the web!
To use the tutorial, you
will need to download a psd
file called found at
kubrickheader.psd at
http://andy.wordpress.com/2005/09/16/kubrick-headers-part-one
(opens to a new window).
Once you have that in
place, watch the
VIDEO TUTORIAL HERE
(opens to a new window) or double-click the play button below.
You may want to remove
the title that lays across
the graphic. To Remove Text in Header
Image using either one of
the methods below:
I. header.php {method
works for all browsers}
In header.php, just after
the body tag you will find
this code and remove it
completely
<div id="headerimg">
<h1><a href="<?php echo
get_settings('home');
?>/"><?php bloginfo('name');
?></a></h1>
<div class="description"><?php
bloginfo('description');
?></div>
Be sure to keep the <div
id="header"> and it's ending
</div> in place.
II. style.css {method
works only in IE & Netscape;
not in Mozilla Firefox}
make these changes in css file. In the style.css
file found in the images
folder in the theme folder
for the default template,
find:
h1 {
font-size: 4em;
text-align: center;
add:
display:none;
So, now it looks
like this:
h1 {
display:none;
font-size: 4em;
text-align: center;
Then find
#headerimg
.description {
font-size: 1.2em;
text-align: center;
}
Add:
display:none;
So, now it looks
like this
#headerimg
.description {
display:none;
font-size: 1.2em;
text-align: center;
}
Save and that should
take care of text
overwriting your graphic.
PROLBEMS: If
you find that the old header
graphic just won't go away
when you replace the
kubrickheader.jpg with your
own new graphics, then
a.) You have a version of wordpress that is
greater than 1.5
b.) You need to delete the
file functions.php from your
website server. Find
the functions.php file in
your blog directory/wp-content/themes/default/
and delete it from your
server.
This will fix it!
End of
Tutorial
Related tutorials:
"Hiding the Header Text"
on the page at
http://codex.wordpress.org/Designing_Headers#Changing_the_Header_Image
