http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 20 Jun 2013 02:21:35 +0000 http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-body-tag-with-a-filter#post-24203 Thu, 08 Dec 2011 12:11:53 +0000 helgatheviking 24203@http://themeshaper.com/forums/ <p>cue the happy trombones! </p> http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-body-tag-with-a-filter#post-24202 Thu, 08 Dec 2011 12:06:23 +0000 benfrain.com 24202@http://themeshaper.com/forums/ <p>Hallelujah and pass the biscuits! Thanks Kathy, you're a gem! </p> http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-body-tag-with-a-filter#post-24189 Thu, 08 Dec 2011 00:55:10 +0000 helgatheviking 24189@http://themeshaper.com/forums/ <p>so close ben, but you need to return $c no matter what. i think this should do it: </p> <pre><code>function extend_body_class($c) { if (function_exists(&#39;is_bbpress&#39;) &#38;&#38; is_bbpress()) { $c[] = &#39;bbForum&#39;; } return $c; } add_filter(&#39;thematic_body_class&#39;, &#39;extend_body_class&#39;);</code></pre> http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-body-tag-with-a-filter#post-24188 Wed, 07 Dec 2011 22:37:56 +0000 benfrain.com 24188@http://themeshaper.com/forums/ <p>I'm amending a filter I'd seen Chris had posted elsewhere in the forum: <a href="http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-ltbodygt-declaration" rel="nofollow">http://themeshaper.com/forums/topic/how-to-add-a-class-to-the-ltbodygt-declaration</a></p> <p>I'm trying to adapt it to do the following:</p> <p>1. If the page is a forum (bbpress) page - add the class 'bbforum' to the body<br /> 2. If it isn't a forum page - leave the dynamic classes as they were before</p> <p>Here's what I have in functions.php:</p> <pre><code>function extend_body_class($c) { if (function_exists(&#39;is_bbpress&#39;) &#38;&#38; is_bbpress()) { $c[] = &#39;bbForum&#39;; return $c; } } add_filter(&#39;thematic_body_class&#39;, &#39;extend_body_class&#39;);</code></pre> <p>Which works fine on the forum pages, however, on other pages it is truncating the dynamic classes. What do I need to change to stop it doing that???? </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-20865 Wed, 27 Apr 2011 19:33:55 +0000 teamA 20865@http://themeshaper.com/forums/ <p>@miochat -</p> <p>I'm not sure if you found a solution - or that I necessarily understand your question. With those caveats understood, there are a few items of note I found when playing with this.</p> <p>When I used your code as a jumping off place and ran into some issues.</p> <p>First, make sure you've turned on Thematic's body class and post class:</p> <p><code><br /> define('THEMATIC_COMPATIBLE_BODY_CLASS', true);<br /> define('THEMATIC_COMPATIBLE_POST_CLASS', true);<br /> </code></p> <p>Then you should see all kinds of extra information in the body class, maybe too much. From there you can use the filters listed above to turn off items with a return FALSE action.</p> <p>I needed to add some items to the body class (parent categories) and I used the thematic $c{} structure in my function. This wiped out all of the other information in the array, so only my parent category was listed. Not ideal. Only be creating my own array of variable was I able to get the body class to print all of the thematic information, as well as my own.</p> <p>Hope that helps. </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-19401 Sun, 27 Feb 2011 22:34:34 +0000 miochat 19401@http://themeshaper.com/forums/ <p>In order to improve performance you want avoid generating unnessesary classes. Makes sense.<br /> So, you created filters to switch them off.<br /> Yet, in the current version some classes seem to be switched off by default.<br /> 0.9.7.5 - Fixed behaviour of thematic_show_bodyclass. The body tag will now be created, if a filter returns false.<br /> I tried swithing it on like this<br /> <code><br /> function childtheme_show_bc_singular(){ return false; }<br /> add_filter('thematic_show_bc_singular', 'childtheme_show_bc_singular');<br /> </code><br /> but that did not work.<br /> Now I temporary fixed it like this<br /> <code><br /> function restore_bc_singular(){<br /> // Special classes for BODY element when a singular post<br /> if ( is_singular() ) {<br /> $c[] = 'singular';<br /> } else {<br /> $c[] = 'not-singular';<br /> }<br /> return $c;<br /> }<br /> add_filter('body_class', 'restore_bc_singular');<br /> </code><br /> Can you show me the proper way? </p> http://themeshaper.com/forums/topic/latest-svn-copy#post-15842 Sun, 26 Sep 2010 20:10:51 +0000 Chris 15842@http://themeshaper.com/forums/ <p>Latest addition to the SVN (Revision 729) requires:</p> <pre><code>define(&#39;THEMATIC_COMPATIBLE_COMMENT_FORM&#39;, true);</code></pre> <p>Chris </p> http://themeshaper.com/forums/topic/two-sites-same-child-theme-different-body-classes-huh#post-15642 Fri, 17 Sep 2010 08:02:28 +0000 perryb 15642@http://themeshaper.com/forums/ <p>Nice one em hr that worked a treat, plus I just learned an important lesson about tinkering with the trunk! </p> http://themeshaper.com/forums/topic/two-sites-same-child-theme-different-body-classes-huh#post-15639 Fri, 17 Sep 2010 00:46:09 +0000 em hr 15639@http://themeshaper.com/forums/ <p>Also look in the functions.php of the parent theme for more child theme definable constants. Check the comment blocks in there for more detail </p> http://themeshaper.com/forums/topic/two-sites-same-child-theme-different-body-classes-huh#post-15638 Fri, 17 Sep 2010 00:30:33 +0000 em hr 15638@http://themeshaper.com/forums/ <p>HI perryb,</p> <p>No worries. There are changes to the latest svn that have to do with compliance to WP theme review. The first example you posted is using thematic's body class function the second example is using a filtered version of WP's body class function.</p> <p>For the second site add this to your child theme's functions.php:</p> <pre><code>define(&#39;THEMATIC_COMPATIBLE_BODY_CLASS&#39;, true); define(&#39;THEMATIC_COMPATIBLE_POST_CLASS&#39;, true);</code></pre> <p>This will restore the original Thematic functions.</p> <p>-Gene </p> http://themeshaper.com/forums/topic/two-sites-same-child-theme-different-body-classes-huh#post-15636 Thu, 16 Sep 2010 21:48:06 +0000 perryb 15636@http://themeshaper.com/forums/ <p>Just to throw something else into the mix, another site I'm working on:</p> <p><a href="http://entosurveystest.daddylonglegsdesign.com/" rel="nofollow">http://entosurveystest.daddylonglegsdesign.com/</a></p> <p>This one does have all the expected body classes - the kicker is that the child theme is the one that I copied to the axistest site mentioned in my previous post.</p> <p>The only thing I can think of that may be influencing this is that the axistest site has a database copied from an existing Wordpress site which isn't based on Thematic. Might this be causing the discrepancy? </p> http://themeshaper.com/forums/topic/two-sites-same-child-theme-different-body-classes-huh#post-15635 Thu, 16 Sep 2010 21:10:23 +0000 perryb 15635@http://themeshaper.com/forums/ <p><a href="http://109.123.70.46/" rel="nofollow">http://109.123.70.46/</a><br /> <a href="http://axistest.daddylonglegsdesign.com/" rel="nofollow">http://axistest.daddylonglegsdesign.com/</a></p> <p>Both these test sites have the latest trunk install of Thematic and identical child themes. The difference being that at the first link the body class comes out as expected as generated by Thematic:</p> <pre><code>&lt;body class=&quot;wordpress blogid-1 y2010 m09 d16 h21 singular slug-community-groups page pageid-25 page-author-perry page-parent page-comments-closed page-pings-closed loggedin windows firefox ff3&quot;&gt;</code></pre> <p>while the other site has the following body class (the Wordpress default body classes I think):</p> <pre><code>&lt;body class=&quot;home page page-id-58 page-template page-template-default logged-in class-name windows firefox ff3&quot;&gt;</code></pre> <p>Everything else seems to be working as expected - I can probably work with this but it bothers me that it isn't working as it should be.</p> <p>Any ideas anyone? </p> http://themeshaper.com/forums/topic/latest-svn-copy#post-15519 Sat, 11 Sep 2010 13:46:17 +0000 Chris 15519@http://themeshaper.com/forums/ <p>Hi,</p> <p>if you download the latest SVN copy, please make sure that you add the following two lines to your child theme's functions.php:</p> <pre><code>define(&#39;THEMATIC_COMPATIBLE_BODY_CLASS&#39;, true); define(&#39;THEMATIC_COMPATIBLE_POST_CLASS&#39;, true);</code></pre> <p>This will enable the Thematic functions for creating body and post classes. Otherwise the WordPress functions will be used.</p> <p>Chris </p> http://themeshaper.com/forums/topic/add-body-class-for-wp-user-login-error#post-15504 Fri, 10 Sep 2010 14:15:21 +0000 awarner20 15504@http://themeshaper.com/forums/ <p>Sorry it's been so ling since this reply...</p> <p>@em hr,</p> <p>I appreciate your correction here, my lack of syntax knowledge is easily seen;)</p> <p>Unfortunately this doesn't seem to be working either. My full code is below and the .login-error body class IS being added.</p> <pre><code>/* Cookie Handling */ // Check if loggedin or login-error body class (login-error body class added // by function from em hr on Thematic forums) if ( $j(&#39;body&#39;).is(&#39;.loggedin&#39;) || $j(&#39;body&#39;).is(&#39;.login-error&#39;) ) { // Logged in - set cookie if not set already, and display panel var show_panel = $j.cookie(&#39;show_panel&#39;); if (show_panel==&#39;no&#39;) {} else { $j ( &#39;#sliding-panel .panel&#39; ).show(); $j ( &#39;#sliding-panel .tab&#39; ).addClass( &#39;current&#39; ); $j ( &#39;#sliding-panel .toggle a.open&#39; ).hide(); $j ( &#39;#sliding-panel .toggle a.close&#39; ).show(); $j.cookie(&#39;show_panel&#39;, &#39;no&#39;, { domain: &#39;.fantech.net&#39; }); } } else { // Not logged in $j.cookie(&#39;show_panel&#39;, null, { domain: &#39;.fantech.net&#39; }); } /* End Cookie Handling */</code></pre> <p>The expected functionality of the panel staying open on successful login is there, but it still doesn't stay open upon login-error (even though this body class exists).</p> <p>I wonder if you have any further thoughts on why this logic isn't working? </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-14791 Tue, 17 Aug 2010 22:58:18 +0000 Thompson 14791@http://themeshaper.com/forums/ <p>Hey Chris, Are there any new filters that might address these body classes?: </p> <p>page-author-xxxx page-comments-open page-pings-open </p> http://themeshaper.com/forums/topic/add-body-class-for-wp-user-login-error#post-14608 Wed, 11 Aug 2010 04:22:02 +0000 em hr 14608@http://themeshaper.com/forums/ <p>don't you mean to use:<br /> <code>if ( $j(&#39;body&#39;).is(&#39;.loggedin&#39;) || $j(&#39;body&#39;).is(&#39;.login-error&#39;) )</code> </p> http://themeshaper.com/forums/topic/add-body-class-for-wp-user-login-error#post-14558 Sun, 08 Aug 2010 22:06:34 +0000 awarner20 14558@http://themeshaper.com/forums/ <p>@ em hr,</p> <p>That is cool, and works a charm adding that to the body class! I added that function to my child theme's functions.php file. Viewing the source shows that the class has been added...<br /> <code>&lt;body class=&quot;wordpress y2010...&lt;content shortened&gt;....login-error&quot;&gt;</code></p> <p>I then went into the plugin's edited panel.js file and added (what I think) is the correct code:</p> <p>I changed this:<br /> <code>if ($j(&#39;body&#39;).is(&#39;.loggedin&#39;)) {</code><br /> to this:<br /> <code>if ($j(&#39;body&#39;).is(&#39;.loggedin&#39;) || ($j(&#39;body&#39;).is(&#39;.login-error&#39;)) {</code></p> <p>...but so far, no luck. </p> http://themeshaper.com/forums/topic/add-body-class-for-wp-user-login-error#post-14500 Sat, 07 Aug 2010 02:34:11 +0000 em hr 14500@http://themeshaper.com/forums/ <p>This is pretty cool. I gave it a walkthrough. Try:</p> <pre><code>function e_body_class($classes) { global $myerrors; // Sidebar Login&#39;s WP_Error variable if ( is_wp_error($myerrors) ) { $classes[] = &quot;login-error&quot;; } return $classes; } add_filter(&#39;body_class&#39;,&#39;e_body_class&#39;);</code></pre> http://themeshaper.com/forums/topic/add-body-class-for-wp-user-login-error#post-14382 Wed, 04 Aug 2010 17:02:25 +0000 awarner20 14382@http://themeshaper.com/forums/ <p>Hi all,</p> <p>Ok, this is a wild probably, but hopefully someone can shed some light on what my next move should be. I have been tracking a solution for awhile and I think I'm getting closer to knowing what I need, but I'm not sure it's possible to achieve.</p> <p>In short - I have some code now checking for a body class of "loggedin". I need this code to also check for a body class of "loginerror". I think Thematic is assigning the "loggedin" body class as I see this line in the dynamic-class.php file.</p> <pre><code>// For when a visitor is logged in while browsing if ( $current_user-&gt;ID ) $c[] = &#39;loggedin&#39;;</code></pre> <p>Is there a way to add a body class for "loginerror"? I am making an assumption that if I can create that body class, I can filter the body class function to add it, and then add a check for that into the code I referenced in the beginning.</p> <p>Curious about what I'm trying to do? Read more here:<br /> <a href="http://www.wptavern.com/forum/plugins-hacks/1825-advice-jquery-cookie-customization-sliding-panel-plugin.html#post17931" rel="nofollow">http://www.wptavern.com/forum/plugins-hacks/1825-advice-jquery-cookie-customization-sliding-panel-plugin.html#post17931</a></p> <p>You'll see my path as I was troubleshooting this solution...which led me to Thematic assigning the body classes :)</p> <p>Any advice would be greatly appreciated... </p> http://themeshaper.com/forums/topic/using-2-body-classes#post-12355 Thu, 13 May 2010 02:24:07 +0000 helgatheviking 12355@http://themeshaper.com/forums/ <p>"For the benefit of anyone wanting to punish themselves" classic! i like the idea of a huge popup that says "hey upgrade to a browser from this decade!".. or something similar. </p> <p>do you have any idea what the market share of IE6 is? For my own sites I can't be bothered by IE6, but is it still worth it for professional sites? </p> http://themeshaper.com/forums/topic/using-2-body-classes#post-12350 Thu, 13 May 2010 00:26:29 +0000 em hr 12350@http://themeshaper.com/forums/ <p>For the benefit of anyone wanting to punish themselves with support for IE6. IE6 will only respect declarations for the last class in a gouping of multiple classes for a single element. </p> <p>So for <code>div class=&quot;hentry content wide-col logged-in&quot;</code> ie6 will only apply styles declared for the final class in the stack in this case <code>.logged-in</code></p> <p>It is for this reason that Thematic's dynamic body class function applies browser version specific classes and ie6 last in the stack for the body classes. </p> <p>If you're using Thematic and need to debug CSS for IE6 you can use the <code>.ie6</code> body class to give you a "more specific ancestor" as mentioned in the stackoverflow discussion that Devin linked above. </p> http://themeshaper.com/forums/topic/using-2-body-classes#post-12348 Wed, 12 May 2010 23:56:16 +0000 helgatheviking 12348@http://themeshaper.com/forums/ <p>awesome, thanks devin. i thought it had to be something relatively simple. </p> <p>and can IE6 just die already? </p> http://themeshaper.com/forums/topic/using-2-body-classes#post-12347 Wed, 12 May 2010 22:13:10 +0000 Devin 12347@http://themeshaper.com/forums/ <p>Most browsers accept double classes (ie6, always the exception: <a href="http://stackoverflow.com/questions/312022/use-double-classes-in-ie6-css" rel="nofollow">http://stackoverflow.com/questions/312022/use-double-classes-in-ie6-css</a>).</p> <p>You'd do it like (no space in between):</p> <p>.home.page #content {}</p> <p>I pasted the body classes for each to do a test:</p> <p>wordpress blogid-1 y2010 m05 d12 h22 home blog not-singular loggedin mac firefox ff3</p> <p>wordpress blogid-1 y2010 m05 d12 h22 home singular slug-about page pageid-2 page-author-devin page-parent page-comments-open page-pings-open loggedin mac firefox ff3</p> <p>It looks as though the "blog" class is unique to the blog layout vs. a selected front page. </p> http://themeshaper.com/forums/topic/using-2-body-classes#post-12345 Wed, 12 May 2010 20:09:28 +0000 helgatheviking 12345@http://themeshaper.com/forums/ <p>Can I use multiple body classes in my css? This doesn't seem to work for me. I'd like to have css that targets the home page only if it is a static page... and so not if it is the default blog index. Basically on a static home page I will remove the widget asides and go full width, but leave the asides in place for a blog. I thought that:</p> <p>.home .page #content {<br /> }</p> <p>would let me control the #content on a static home page, but no luck. Same w/ .page .home. </p> <p>any insight on to how to tackle this? Should I just apply a template to be able to use that body class? Seems unnecessary otherwise. </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-8137 Sun, 29 Nov 2009 21:04:20 +0000 Chris 8137@http://themeshaper.com/forums/ <p>Btw. .. these filters will prevent the creation of the information. Using these filters, in case that you don't need a certain body class to style your blog, will speed up your blog.</p> <p>Chris </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-8136 Sun, 29 Nov 2009 21:01:40 +0000 Chris 8136@http://themeshaper.com/forums/ <p>Ok .. the first filters are ready to be tested:</p> <p>thematic_show_bodyclass -&gt; add a filter and return FALSE to switch off the bodyclass</p> <p>thematic_show_bc_wordpress -&gt; add a filter and return FALSE to switch off 'wordpress'</p> <p>thematic_show_bc_datetime -&gt; add a filter and return FALSE to switch off the generic date / time classes</p> <p>thematic_show_bc_singular -&gt; add a filter and return FALSE to switch off 'singular' / 'not-singular'</p> <p>thematic_show_bc_singlepost -&gt; add a filter and return FALSE to switch off all single post classes</p> <p>thematic_show_bc_authorarchives -&gt; add a filter and return FALSE to switch off the author archive classes</p> <p>thematic_show_bc_categoryarchives -&gt; add a filter and return FALSE to switch off the category archive classes</p> <p>thematic_show_bc_tagarchives -&gt; add a filter and return FALSE to switch off the tag archive classes</p> <p>thematic_show_bc_pages -&gt; add a filter and return FALSE to switch off classes for pages</p> <p>thematic_show_bc_search -&gt; add a filter and return FALSE to switch off the search classes</p> <p>thematic_show_bc_loggedin -&gt; add a filter and return FALSE to switch off 'loggedin' / 'not-loggedin'</p> <p>thematic_show_bc_pagex -&gt; add a filter and return FALSE to switch off the Page x classes</p> <p>thematic_show_bc_browser -&gt; add a filter and return FALSE to switch off the browser classes</p> <p>That's it for today :) .. these are the generic things, the grouped stuff will follow next week.</p> <p>Chris </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-8134 Sun, 29 Nov 2009 20:35:40 +0000 defries 8134@http://themeshaper.com/forums/ <p>That's good to know :) Sehr gut, danke. </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-8133 Sun, 29 Nov 2009 18:04:26 +0000 Chris 8133@http://themeshaper.com/forums/ <p>Currently working on this!</p> <p>Chris </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-8132 Sun, 29 Nov 2009 12:54:04 +0000 defries 8132@http://themeshaper.com/forums/ <p>Any news on this? </p> http://themeshaper.com/forums/topic/how-do-you-use-dynamically-generated-css-classes#post-6699 Thu, 24 Sep 2009 19:39:39 +0000 Chris 6699@http://themeshaper.com/forums/ <p>Hi Gene,</p> <p>thanks a lot for your help! :)</p> <p>Let me finish the new widgetized area functionality - still need to tweak the footer - and I'll start this part. </p> <p>The idea is to provide a switch and a filter for each group. The switch will prevent the creation completely and save some time.</p> <p>Chris </p>