WordPress › Support » Link to home page from header image

Lizbit
Member
Posted 1 month ago #

I'm suuuure this is a breeze for those of you that are fluent in php!

http://www.joaniemoore.com

Home page header - the cute little kid with all the deer. If my site visitors hover the mouse over the header, I'd like it to be a clickable link to return to the home page...

Perhaps my brain is on overload - it is just not coming to me on what I need to put in there, and where. Advice, please?

And.... thanks for all the instructions upgrading to 2.8.4 the manual way - I expected a disaster but it went perfectly smooth. Yippie!
alism
Member
Posted 1 month ago #

There's a few validation errors on that page you might want to look at.

If you want to post your header.php file (put it all between backticks ` when you post it) in the mean time, I'm sure someone will take a looksy.
Lizbit
Member
Posted 1 month ago #

Gary, is that you in disguise??? Always throwing the validation at me.... ruining my day.... :-( (just kidding).... I'll go into the code soon and try to clean that up. I'm pretty fussy about validation.

I somehow got it set so if you click on the header it goes back to the home page, but - if you hold the mouse over it, it doesn't show as a clickable link. I wonder why this is?

Thanks for the help, alism!
alism
Member
Posted 1 month ago #

Heh, I've been called a lot of things in my life, but I don't ever remember being called Gary.

I'm not getting any kinda clickable link (using Google Chrome). I suspect you've just got an href inside a div, instead of around it or something. Looks like there's an href not closed properly too somewhere in the mix.

Like I say, post your header.php if you want, but get it validating... *nag nag nag*

Cheers,
Gary, err I mean alism.

Lizbit
Member
Posted 1 month ago #

**GARY** tsk tsk - haha

here tis! you can see I dropped in a link to my site in a few places - but obviously incorrectly....

CORRECTION - my previous code was incorrect. Here it is:

<!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'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); echo ' '; single_post_title(); }
 else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
    <div id="art-page-background-gradient"></div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header"> <a href="http://www.joaniemoore.com">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"><a href="http://www.joaniemoore.com">
        <?php bloginfo('name'); ?>
        </a></div>
<div class="art-Logo">
    <h1 id="name-text" class="art-Logo-name">
        <a href="http://www.joaniemoore.com">
        <?php bloginfo('name'); ?>
        </a></h1>
  <div id="slogan-text" class="art-Logo-text">
        <a href="http://www.joaniemoore.com">
        <?php bloginfo('description'); ?>
        </a></div>
</div>

</div>

alism
Member
Posted 1 month ago #

Ok, I'll just edit a snippet of that, try something like this:

<div class="art-Sheet-body">
    <div class="art-Header">
    <div class="art-Header-png"></div>
    <a href="<?php bloginfo('url'); ?>">
    <div class="art-Header-jpeg">
        <?php bloginfo('name'); ?>
    </div>
    </a>
<div class="art-Logo">

Lizbit
Member
Posted 1 month ago #

vunder-ful! graci!
Thanks.... gary! :-) I'll work on the validation.
alism
Member
Posted 1 month ago #

Heh, no worries. :-)

Gazza.
jonimueller
Member
Posted 1 month ago #

I do this in my code for a clickable banner:

<div id="banner" onclick="window.location.href='http://yourdomain.com/'" style="cursor: pointer;"></div>

Of course put in your own domain root obviously. :)

Reply

You must log in to post.

WordPress.org

Forums

Link to home page from header image (9 posts)

Reply

About this Topic

Tags

Code is Poetry