Clickable Header


Author Message
Phil

Posted: 4/13/2010
Quote message 

Hi,

I saw a few different threads on how to make the header clickable in Wordpress based templates, best solution being this apparently:

You can do it changing following code in your header.php:

<div class="art-Header">
<div class="art-Header-jpeg"></div>

-----------------
To:
-----------------

<div class="art-Header"onclick="location.href='http://www.yoursite.com/';" style="cursor: pointer;">
<div class="art-Header-jpeg"></div>







Ok.



In my blogger template, the line header codes lines look like this:

<b:section class='art-Header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Leangains (Header)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='main'>
<div class='art-Header-jpeg'/>



I'm a bit lost as to where I should insert the href.

Could someone please enlighten me about this?


Thank you.
 
Bruno

Posted: 4/16/2010
Quote message 

I have the same need so the solution will be useful to me as well
 
Lindsay

Posted: 5/12/2010
Quote message 

Ahhh...just what I was looking for. Thank you Jessica. :D
 
Sonia

Posted: 8/3/2010
Quote message 

This Is what I have done but It doesn't work. Could you please help me! thanks!

</head> <body> <div id="art-page-background-simple-gradient">     <div id="art-page-background-gradient"></div> </div> <div id="art-main"> <div class="art-sheet">     <div class="art-sheet-body"> <div class="art-Header"onclick="location.href='http://www.soniamcangel.net/bog1/';" style="cursor: pointer;"> <div class="art-Header-jpeg"></div>   </div> <div class="art-nav"> 	<ul class="art-menu"> 		<?php art_menu_items(); ?> 	</ul> </div>


:-{} :-{}
 
Sven

Posted: 10/24/2010
Quote message 

Sonia,
You're link is not correct and cannot work:
change 'http://www.soniamcangel.net/bog1/
in 'http://www.soniamcangel.net/blog1/
and it wil work ;)
 
Kirk

Posted: 8/31/2011
Quote message 

MROMMEL! You're awesome. Thanks for this code. I fooled around with this quite a bit until I saw your actual code sample and then it worked brilliantly. Great job! I wish Artisteer had this feature as a choice in the interface!

Regards,

Kirk
 
tosk

Posted: 10/4/2011
Quote message 

thank you all:-)
 
Carlo

Posted: 10/3/2012
Quote message 

:-@ Would NOT recommend doing this solution.

Visitors to our website started complaining about a Security Warning. We could also see the Tiny Yellow Triangle w/black Exclamation mark bottom Left of any window our website was open in. (WP version 3.4.1)

Then after a week our Google Ranking CRASHED.

We spent a few days tracking down information including possible Plugin issues.

We finally did a Validation check (which we should have started with) and it showed this Exact line of code causing problems all the way to the bottom.

Reason I am being so descriptive is so anyone else with the problem can maybe find the answer faster than we did.

Sure wished this had worked! Artisteer REALLY has no excuse for not putting this option in already...correctly. (or we just haven't Found that option yet)