http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 19 Jun 2013 16:31:57 +0000 http://themeshaper.com/forums/topic/clickable-body-background-via-function#post-22666 Fri, 12 Aug 2011 22:33:51 +0000 helgatheviking 22666@http://themeshaper.com/forums/ <p>glad you got it working. just fyi you don't need </p> <pre><code>else { return false; }</code></pre> <p>if the IF condition is never satisfied nothing will be added to the hook </p> http://themeshaper.com/forums/topic/clickable-body-background-via-function#post-22663 Fri, 12 Aug 2011 19:51:18 +0000 daveread 22663@http://themeshaper.com/forums/ <p>Thanks Kathy,</p> <p>I have cobbled together a solution that adds a transparent image over a section of my body background image(s) that appears to the left of my 988 px main content; it is wrapped with a link that can be varied via conditionals. Following is the function and then the css for the transparent image:</p> <p>// outside content link<br /> function background_link(){<br /> if (in_category('news')) {<br /> echo '<a href="http://www.google.com">&lt;img class="bg-left" src="http://designboth.com/demo/wp-content/themes/BLinks/images/bg-hide2.png" alt="sponsor" /&gt;</a>';<br /> } elseif (in_category('hotels')) {<br /> echo '<a href="http://www.yahoo.com">&lt;img class="bg-left" src="http://designboth.com/demo/wp-content/themes/BLinks/images/bg-hide2.png" alt="sponsor" /&gt;</a>';</p> <p>} else {<br /> return false;<br /> }<br /> }<br /> add_action('thematic_before','background_link', 11);</p> <p>And the css:</p> <p>img.bg-left<br /> {<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> z-index:100;<br /> }</p> <p>It is working on a test site; if anyone sees where the function can be improved or cleaned up, I'd appreciate the opportunity to learn more. </p> http://themeshaper.com/forums/topic/clickable-body-background-via-function#post-22648 Fri, 12 Aug 2011 03:28:15 +0000 helgatheviking 22648@http://themeshaper.com/forums/ <p>hi dave- thanks for making this a new post. if you want to add a clickable image then you need to add an image to a hook. </p> <p>see the "primer" i just addressed to someone else on how to add things</p> <p><a href="http://themeshaper.com/forums/topic/need-help-understanding-actions-vs-filters-and-changing-post-meta-and-utility#post-22638" rel="nofollow">http://themeshaper.com/forums/topic/need-help-understanding-actions-vs-filters-and-changing-post-meta-and-utility#post-22638</a></p> <p>background images are BACKGROUND though and you can't wrap them w/ a link. you can add an image to the markup and then absolutely position it (or fixed position it) depending on what your goal is. do you have a screenshot of what you'd like to accomplish. a picture is worth 1000 words after all. </p> http://themeshaper.com/forums/topic/clickable-body-background-via-function#post-22646 Fri, 12 Aug 2011 00:56:20 +0000 daveread 22646@http://themeshaper.com/forums/ <p>I can set various body background images via css using body classes on my child theme.<br /> For example:<br /> body.s-category-twd {<br /> background:url(images/bg-jt-hsv.jpg) fixed no-repeat top center #ddd;<br /> }<br /> body.pageid-781 {<br /> background:url(images/bg-sponsor-ad2.png) fixed no-repeat top center #85b916;<br /> }</p> <p>Could the same be accomplished via functions.php with the background image being wrapped in a link? </p>