http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 22 May 2013 21:51:43 +0000 http://themeshaper.com/forums/topic/back-from-vacation-with-a-teaser#post-5665 Sun, 09 Aug 2009 14:18:02 +0000 Chris 5665@http://themeshaper.com/forums/ <p>Hi,</p> <p>finally I'm back from vacation .. I worked the whole morning to finalize the new functionality that creates a widget area.</p> <p>Still need some more time to write the documentation .. so here's a teaser for the major question "How to add a widget area to your header?":</p> <p>The new code for your functions.php:</p> <pre><code>// How to add a widgetized area to the header // running Thematic 0.9.6-alpha-003 with 2c-r-fixed style // First of all we create the widgetized area called &#39;Header Aside&#39; function my_widget_areas() { thematic_create_widget_area(&#39;Header Aside&#39;, thematic_before_widget(), thematic_after_widget(), thematic_before_title(), thematic_after_title(), &#39;thematic_header&#39;,&#39;thematic_standard_widget_area&#39;, 8); } add_action(&#39;init&#39;, &#39;my_widget_areas&#39;); // Now we need to set $hook to &#39;header-aside&#39; in addition this will change the CSS markup to the ID &#39;header-aside&#39; // Please note that thematic_process_hook() will remove a trailing &#39;widget_area_&#39; and change &#39;_&#39; to &#39;-&#39; function my_hook($hook) { if ($hook == &#39;thematic-header&#39;) { return &#39;header-aside&#39;; } return $hook; } add_filter(&#39;thematic_process_hook&#39;, &#39;my_hook&#39;); // The rest is the styling part where we add some additional CSS markup. // First we remove the thematic_brandingopen() .. we&#39;re going to make one addition for this one. // And we remove thematic_access() .. will be added later unchanged with a priority of 10. function remove_branding() { remove_action(&#39;thematic_header&#39;,&#39;thematic_brandingopen&#39;,1); remove_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); } add_action(&#39;init&#39;, &#39;remove_branding&#39;); // We wrap #branding and #header-aside with #header-box function childtheme_brandingopen() { ?&gt; &lt;div id=&quot;header_box&quot;&gt; &lt;div id=&quot;branding&quot;&gt; &lt;?php } add_action(&#39;thematic_header&#39;,&#39;childtheme_brandingopen&#39;,1); // Now we need to close #header-box function header_box_close() { ?&gt; &lt;/div&gt; &lt;?php } add_action(&#39;thematic_header&#39;, &#39;header_box_close&#39;, 9); // And we add the unchanged thematic_access() with the new priority 10 add_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;, 10);</code></pre> <p>.. and the changes for the style.css:</p> <pre><code>#header_box { clear: both; margin: 0 auto; overflow: hidden; position: relative; width: 960px; } #branding { float: left; width: 620px; } /* Moves the new widgetized area to the right and levels it with #branding */ #header-aside { float: right; width: 300px; padding: 88px 0 44px; } /* This will clear the floats and keeps the access bottom line from jumping into the air */ #access { clear: both; }</code></pre> <p>Don't try this with your current version of Thematic or a current SVN copy .. stay tuned for the announcement ;)</p> <p>Chris </p>