http://themehybrid.com/support/topic/different-header-for-frontpage WordPress theme club support forums en-US Fri, 12 Mar 2010 17:06:21 +0000 bbpress 1.0.2 q http://themehybrid.com/support/search.php http://themehybrid.com/support/topic/different-header-for-frontpage#post-23184 Sun, 28 Jun 2009 16:33:42 +0000 eddieb 23184@http://themehybrid.com/support/ <p>yep that does it! thank you justin. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23183 Sun, 28 Jun 2009 16:09:24 +0000 Justin Tadlock 23183@http://themehybrid.com/support/ <p>You can use the <code>.front-page</code> class to specify stuff only for that page and not use that class for other pages.</p> <pre><code>/* Non-front page stuff. */ #header-container { } #header { } /* Front page stuff. */ .front-page #header-container { } .front-page #header { }</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23181 Sun, 28 Jun 2009 15:37:09 +0000 eddieb 23181@http://themehybrid.com/support/ <p>sorry, i should have been more clear. </p> <p>#header-container gets a different bg img<br /> #header has a diff height and gets no bg img</p> <p>should only take place if is_front_page() is not true, hence the question. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23173 Sun, 28 Jun 2009 02:19:21 +0000 Justin Tadlock 23173@http://themehybrid.com/support/ <p>If you want to change the CSS, just change it in your <code>style.css</code> file. Something like:</p> <pre><code>#header-container { overflow: hidden; width: 100%; background: url(images/new-background-image.png) repeat-x bottom left; } #header { position:relative; overflow: hidden; width: 960px; height: 261px; margin: 0 auto; padding: 0 0; }</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23164 Sat, 27 Jun 2009 23:46:20 +0000 eddieb 23164@http://themehybrid.com/support/ <p>so i added the code above to hybrid_hook. all is fine.</p> <p>how do I swap the css?</p> <p>#header-container gets a different bg img<br /> #header has a diff height and gets no bg img</p> <p>thanks</p> <pre><code>#header-container { overflow: hidden; width: 100%; background: url(images/home_bar_bg.png) repeat-x bottom left; } #header { position:relative; overflow: hidden; width: 960px; height: 261px; margin: 0 auto; padding: 0 0; background: url(images/home_banner.jpg) no-repeat bottom left; }</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23105 Fri, 26 Jun 2009 02:56:17 +0000 eddieb 23105@http://themehybrid.com/support/ <p>hmmm, i thought Hybrid Hook would be the more advanced one, since it allows for php code...<br /> but i see what you mean by conditions in Hybrid Hook settings being incompatible with multiple code sets.</p> <p>i guess we still dont have the best of both worlds: multiple conditions possible + PHP allowed + no need to use HTML entities (a big one if you language requires such chars) </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23104 Fri, 26 Jun 2009 02:38:03 +0000 Justin Tadlock 23104@http://themehybrid.com/support/ <p>Condition boxes like Widget Logic wouldn't work well here. The code inside the box would only be used if the condition is met. That wouldn't allow for multiple code sets.</p> <p>Although Hybrid Hook is a cool plugin, it has been recoded as Hybrid Hook Widgets:<br /> <a href="http://themehybrid.com/themes/hybrid/hybrid-hook-widgets" rel="nofollow">http://themehybrid.com/themes/hybrid/hybrid-hook-widgets</a></p> <p>This offers much more flexibility and can be used along with a plugin like Widget Logic. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23103 Fri, 26 Jun 2009 02:22:37 +0000 eddieb 23103@http://themehybrid.com/support/ <p>suggestion: add a condition box to every hook available in the hybrid hooks plugin, a la "widget logic". </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23102 Fri, 26 Jun 2009 02:20:44 +0000 eddieb 23102@http://themehybrid.com/support/ <p>all right, all is good and clear now.</p> <p>for future reference: if you use the plugin instead of functions.php method you do NOT need to use entities to represent unicode characters.</p> <p>thanks to everyone who contributed. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23096 Thu, 25 Jun 2009 23:21:33 +0000 Justin Tadlock 23096@http://themehybrid.com/support/ <p>Sorry, I think we've just made a simple process more confusing than it should be. ;)</p> <p>The first thing I should say is that Hybrid Hook wasn't really meant for PHP, even though PHP is allowed. It was built for people to add in quick HTML snippets if needed. It's better to work with PHP within the <code>functions.php</code> file.</p> <p>Anyway, if you use the Hybrid Hook plugin, you don't need to write any functions or actually use the action hooks. You just drop your PHP code in like so:</p> <pre><code>&lt;?php if ( is_front_page() ) : echo &#39;&lt;div&gt;Hello world&lt;/div&gt;&#39;; echo &#39;&lt;div&gt;World, hello again.&lt;/div&gt;&#39;; endif; ?&gt;</code></pre> <p>If you use your child theme's <code>functions.php</code> file, you have to add an action (function) to an action hook like this:</p> <pre><code>&lt;?php add_action( &#39;hybrid_header&#39;, &#39;my_header&#39; ); function my_header() { if ( is_front_page() ) : echo &#39;&lt;div&gt;Hello world&lt;/div&gt;&#39;; echo &#39;&lt;div&gt;World, hello again.&lt;/div&gt;&#39;; endif; } ?&gt;</code></pre> <p>The Hybrid Hook plugin just takes away from the <code>add_action()</code> and wrapping PHP in a function.</p> <p>Also, here's a character entity reference if you're having trouble with them:<br /> <a href="http://www.copysense.co.uk/entities.php" rel="nofollow">http://www.copysense.co.uk/entities.php</a> </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23095 Thu, 25 Jun 2009 22:40:07 +0000 eddieb 23095@http://themehybrid.com/support/ <p>i did use (&lt;?php and ?&gt;) tags around the code in HOOK&gt;HEADER. it didnt work even w/o conditional tags. is this supposed to work from within the plugin?</p> <p>or do i need to place it in functions.php? the inconvenience is that inside functions.php unicode chars like "á" get displayed as a "?" inside a diamond shape.</p> <pre><code>&lt;?php add_action( &#39;hybrid_header&#39;, &#39;my_header&#39; ); function my_header() { echo &#39;content&#39;; } ?&gt;</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23089 Thu, 25 Jun 2009 22:08:41 +0000 John Myrstad 23089@http://themehybrid.com/support/ <p>As I said, I have not done this, but know its a possible solution using php syntax as Justin points out. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23084 Thu, 25 Jun 2009 21:20:54 +0000 Justin Tadlock 23084@http://themehybrid.com/support/ <blockquote><p> i checked the allow PHP box in hybrid hook 0.1 but it didnt process the php - everything got displayed on screen </p></blockquote> <p>Did you add PHP (<code>&lt;?php</code> and <code>?&gt;</code>) tags around your code? If using the plugin, you'd need to do that.</p> <p>I read too quickly through his post and didn't notice he was referring to the plugin. </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23079 Thu, 25 Jun 2009 19:28:27 +0000 eddieb 23079@http://themehybrid.com/support/ <p>i tried to follow john's way. i checked the allow PHP box in hybrid hook 0.1 but it didnt process the php - everything got displayed on screen. using hybrid .6, wp 2.8 &#38; a mod of leviathan.</p> <p>so i put the code in functions.php and it worked as intended. great, but why was the hybrid hook plugin even mentioned as a part of the solution in this case? John, did you mean to say CRAIGs solution would be the one?</p> <p>thanks </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23073 Thu, 25 Jun 2009 16:05:44 +0000 Justin Tadlock 23073@http://themehybrid.com/support/ <p>It still depends entirely on what you're doing, but the best way would probably be John's advice.</p> <pre><code>add_action( &#39;hybrid_header&#39;, &#39;my_header&#39; ); function my_header() { if ( is_front_page() ) : echo &#39;&lt;div&gt;Hello world&lt;/div&gt;&#39;; echo &#39;&lt;div&gt;World, hello again.&lt;/div&gt;&#39;; endif; }</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23067 Thu, 25 Jun 2009 14:04:03 +0000 Craig 23067@http://themehybrid.com/support/ <p>If it is a different header image and styling then you can try this in functions.php and change the image names or conditions.</p> <pre><code>&lt;?php add_action(&#39;wp_head&#39;, &#39;my_custom_header&#39;); function my_custom_header() { $style = &#39;&lt;style type=&quot;text/css&quot;&gt;&#39;; if(is_home()) : $style .= &#39;#site-title a { background: url(/wp-content/themes/leviathan/images/header.png) no-repeat 0 0; display: block; width: 960px; height: 242px; margin: 0 0 0 0;}&#39;; elseif(is_page(&#39;About&#39;)) : $style .= &#39;#site-title a { background: #d9dcc5 url(/wp-content/themes/leviathan/images/header2.png) no-repeat 0 0; display: block; width: 960px; height: 242px; margin: 0 0 0 0; }&#39;; elseif(is_page(&#39;Manhattan&#39;)) : $style .= &#39;#site-title a { background: url(/wp-content/themes/leviathan/images/header3.png) no-repeat 0 0; display: block; width: 960px; height: 242px; margin: 0 0 0 0; }&#39;; elseif(is_category(&#39;9&#39;)) : $style .= &#39;#site-title a { background: url(/wp-content/themes/leviathan/images/header4.png) no-repeat 0 0; display: block; width: 960px; height: 242px; margin: 0 0 0 0;}&#39;; else : $style .= &#39;#site-title a { background: url(/wp-content/themes/leviathan/images/header5.png) no-repeat 0 0; display: block; width: 960px; height: 242px; margin: 0 0 0 0; }&#39;; endif; $style .= &#39;&lt;/style&gt;&#39;; echo $style; } ?&gt;</code></pre> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23066 Thu, 25 Jun 2009 13:37:46 +0000 John Myrstad 23066@http://themehybrid.com/support/ <p>F. Use a hook and Hybrid Hook plugin using a conditional statement ( if possible )</p> <blockquote><p>hybrid_header<br /> Makes up the content of div#header</p></blockquote> <p><a href="http://themehybrid.com/themes/hybrid/hybrid-hook" rel="nofollow">http://themehybrid.com/themes/hybrid/hybrid-hook</a></p> <p>I have never tried though... </p> http://themehybrid.com/support/topic/different-header-for-frontpage#post-23065 Thu, 25 Jun 2009 13:16:04 +0000 eddieb 23065@http://themehybrid.com/support/ <p>i would like to insert a couple extra divs inside hybrid_header() only on the frontpage.</p> <p>whats the recommended way to do this?</p> <p>A) make the custom page template (frontpage.php) call a different header.php ?<br /> B) I include a conditional statement ( is_front_page() ) inside header.php so that it calls a different/custom hybrid_header() ?<br /> C) hand code the extra stuff in frontpage.php, but isnt this a bit sloppy ?<br /> D) is it possible to create an alternate hybrid_header(), that only gets sent to the browser when is_front_page(), inside functions.php ?<br /> E) ???</p> <p>there are so many different ways to go about it. covering all the pros and cons of each method is quite a task.</p> <p>what would YOU do? </p>