Can someone help me out with Wordpress?

Nick · 06-20-2006, 11:16 AM

I posted in the wrong forum earlier and it isn't getting seen, but this is the issue:

I am currently working with the default wordpress theme and trying to figure out how to hyperlink the header image so I can use my own customized version of the header image (without the blog name text).

The header image is kubrickheader.jpg. (In the default wordpress theme)

Does anyone know how to do this and if so, what do I need to change/add?

In other words, can someone post the code here for me?

Thanks in advance!

Louis · 06-20-2006, 11:42 AM

I'd love to help but I don't know/use WordPress. Try PM'ing Colleen, she's the WP guru as far as I know.

JuggoPop · 06-20-2006, 11:50 AM

they gave you an answer in the other thread... last time I looked they were wanting to know exactly what you ment by "out of line".

Nick · 06-20-2006, 11:58 AM

Quote:

Originally Posted by JuggoPop

they gave you an answer in the other thread... last time I looked they were wanting to know exactly what you ment by "out of line".

Where would I put that code though?

Code:

<!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="<?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" />
<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'); ?>" />

<style type="text/css" media="screen">
/*	To accomodate differing install paths of WordPress, images are referred only here,
	and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
	not, then go right ahead and delete the following lines, and the image files. */
		
	body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }	
<?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.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 } ?>
	#header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center; }
	#footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}

/*	Because the template is slightly different, size-wise, with images, this needs to be set here
	If you don't want to use the template's images, you can also delete the following two lines. */
		
	#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
	#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 

/* 	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;}
	*/
</style>

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


<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>
<hr />

JuggoPop · 06-20-2006, 12:30 PM

Code:

<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>

you have to change that part to put the image in the div instead of the text. So instead of an H1 tag with the sitename and the description below it... you replace that with an image linked to the home page. You'll of course want to add the text to the image since you are removing it.

another thing you might try if you like the default look, and just want the whole thing clickable is to add your link text around the div tag, but I'm not too sure how that will work across all browsers.

Nick · 06-20-2006, 12:44 PM

Ah, ok. Thanks!

**Cricket** · 06-20-2006, 01:02 PM

I highly recommend taking the time to work through some of the WordPress Lessons to save yourself a ton of frustration.

Julie · 06-21-2006, 09:27 AM

Its really easy. You'll get it by trial and error soon enough, IMO.