ThemeShaper Forums Tag: widget area

ThemeShaper Forums Tag: widget area http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 21:54:15 +0000 helgatheviking on "Add new widget area" http://themeshaper.com/forums/topic/add-new-widget-area#post-27522 Fri, 03 Aug 2012 23:20:00 +0000 helgatheviking 27522@http://themeshaper.com/forums/ thematic has moved: <a href="http://thematictheme.com/" rel="nofollow">http://thematictheme.com/</a> fosstux on "Add new widget area" http://themeshaper.com/forums/topic/add-new-widget-area#post-27510 Wed, 18 Jul 2012 12:17:21 +0000 fosstux 27510@http://themeshaper.com/forums/ Hi! I'm really new to thematic, so bear with me: I'd like to add an extra widget area inside the mail div and before the container div. I'd like to add header images there. But how can I do this? Thanks. Christopher fwunder on "Widget Area Placement....again" http://themeshaper.com/forums/topic/widget-area-placementagain#post-24639 Wed, 04 Jan 2012 21:44:03 +0000 fwunder 24639@http://themeshaper.com/forums/ Talking to myself (I do that a lot).. OK, so I simply "did it the wordpress way" and rather than use the add_left_sidebar function above, I simple changed to: <code> 'before_widget' => '<div id="left_sidebar">' , 'after_widget' => '</div>' , </code> then used dynamic_sidebar('left-sidebar'); in my custom style hook function. Book it, Danno. fwunder on "Widget Area Placement....again" http://themeshaper.com/forums/topic/widget-area-placementagain#post-24636 Wed, 04 Jan 2012 20:45:27 +0000 fwunder 24636@http://themeshaper.com/forums/ OK, so I create a working widget area thusly: <code> //register sidebar widget function left_sidebar( ) { register_sidebar (array ( 'name' => 'Left Sidebar', 'id' => 'left-sidebar', 'description' => __( 'A widget area in left sidebar', 'thematic'), 'before_widget' => thematic_before_widget( ) , 'after_widget' => thematic_after_widget( ) , 'before_title' => thematic_before_title( ) , 'after_title' => thematic_after_title( ) ) ) ; } add_action('init', 'left_sidebar') ; //add Left Sidebar area function add_left_sidebar( ) { if (is_sidebar_active('left-sidebar')) { echo thematic_before_widget_area('left-sidebar'); dynamic_sidebar('left-sidebar'); echo thematic_after_widget_area('left-sidebar'); } } add_action('thematic_abovecontent', 'add_left_sidebar'); </code><code> That's fine and dandy and works like a charm, however, instead of Thematic placing it in a pre-determined widget area, I want to place it in a custom action hook - something like get_sidebar('add_left-sidebar'); Placing dynamic_sidebar('left-sidebar'); in the hook sorta works, but I don't think that's right. Thanks again and sorry to be such a pest.</code> helgatheviking on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-24313 Thu, 15 Dec 2011 02:25:00 +0000 helgatheviking 24313@http://themeshaper.com/forums/ it's bloated b/c you don't need 2 functions to hook into thematic_abovemainasides. if you need 2 divs, just put them both in one function. Gigi on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-24312 Thu, 15 Dec 2011 02:22:01 +0000 Gigi 24312@http://themeshaper.com/forums/ Well I found a way but I'm not sure if it's bloated or not. This is what I have: <pre><code>// ADD DIV ABOVE AND BELOW PRIMARY ASIDE STARTS HERE // Begin div ABOVE primary aside function start_aside_top() { ?>  <div id="aside-wrap-top"> <?php } // end of our new function start_aside_top // Add starting div to above primary aside add_action('thematic_abovemainasides','start_aside_top'); // Begin closing div to above primary aside function end_aside_top() { ?> </div>  <?php } // end of our new function end_aside_top add_action('thematic_abovemainasides','end_aside_top'); // Begin div BELOW primary aside function start_aside_bottom() { ?>  <div id="aside-wrap-bottom"> <?php } // end of our new function start_aside_bottom // Add starting div add_action('thematic_betweenmainasides','start_aside_bottom'); // Begin closing div function end_aside_bottom() { ?> </div>  <?php } // end of our new function end_aside_bottom // Add closing div add_action('thematic_betweenmainasides','end_aside_bottom'); // ADD DIV ABOVE AND BELOW PRIMARY ASIDE ENDS HERE</code></pre> Gigi on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-24310 Thu, 15 Dec 2011 00:16:28 +0000 Gigi 24310@http://themeshaper.com/forums/ Is there any way to see the code for Helga's suggestion: "open the div on the thematic_abovemainasides hook and close the div on the thematic_betweenmainasides hook." I tried a couple of ways but came up empty handed... amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23924 Thu, 24 Nov 2011 03:44:32 +0000 amish1 23924@http://themeshaper.com/forums/ As far as I can tell, yes. helgatheviking on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23923 Thu, 24 Nov 2011 02:17:05 +0000 helgatheviking 23923@http://themeshaper.com/forums/ good point. you might not need to filter anything. does the overflow:hidden trick work on all browsers? amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23922 Thu, 24 Nov 2011 01:46:08 +0000 amish1 23922@http://themeshaper.com/forums/ While researching the micro clear fix hack I found a comment on <a href="http://css-tricks.com/snippets/css/clear-fix/">css-tricks.com</a> that I also found useful. With the above method of filtering the widget area the div cleared the list items. With the use of overflow:hidden in the css for the ul of the widget this will fix it also. amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23921 Thu, 24 Nov 2011 00:51:06 +0000 amish1 23921@http://themeshaper.com/forums/ That works splendidly! Thank you so much! =) amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23917 Wed, 23 Nov 2011 18:29:49 +0000 amish1 23917@http://themeshaper.com/forums/ I am at work now,(procrastinating just like you!) So I will give this a go when I get home tonight and mark this resolved or pick your brain a little harder. Thanks a million for your time! helgatheviking on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23916 Wed, 23 Nov 2011 18:12:47 +0000 helgatheviking 23916@http://themeshaper.com/forums/ you just happened to catch me when i am intentionally trying to procrastinate. ;) so i am going to guess that you are floating the widgets inside the widget area and need to clear those floats in which case i'd probably go w/ a clearfix versus adding markup since i find adding markup is inelegant. ;) in this thread you will see how to filter the class name of a widget area <a href="http://themeshaper.com/forums/topic/how-to-rename-widget-area-classes#post-11326" rel="nofollow">http://themeshaper.com/forums/topic/how-to-rename-widget-area-classes#post-11326</a> so: <pre><code>add_filter('thematic_before_widget_area', 'kia_pagetop_class'); function kia_pagetop_class($content) { $kia_class = str_replace('page-top" class="aside', 'page-top" class="aside cf', $content); return $kia_class; }</code></pre> and then in your stylesheet <pre><code>/* <a href="http://nicolasgallagher.com/micro-clearfix-hack/" rel="nofollow">http://nicolasgallagher.com/micro-clearfix-hack/</a> */ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; }</code></pre> i've also used the perishable press method w/ great success: <a href="http://perishablepress.com/press/2009/12/06/new-clearfix-hack/" rel="nofollow">http://perishablepress.com/press/2009/12/06/new-clearfix-hack/</a> if that doesn't do what you want then i'll try to actually add the extra div amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23915 Wed, 23 Nov 2011 17:45:59 +0000 amish1 23915@http://themeshaper.com/forums/ From what I could tell this is what I need to be looking for for closing the widget areas (widgets-extensions.php): <pre><code>function thematic_after_widget_area($hook) { $content = "\n" . "\t" . '</ul>' ."\n"; if ($hook == 'primary-aside') { $content .= '</div>' ."\n"; } elseif ($hook == 'secondary-aside') { $content .= '</div>' ."\n"; } elseif ($hook == '1st-subsidiary-aside') { $content .= '</div>' ."\n"; } elseif ($hook == '2nd-subsidiary-aside') { $content .= '</div>' ."\n"; } elseif ($hook == '3rd-subsidiary-aside') { $content .= '</div>' ."\n"; } else { $content .= '</div>' ."\n"; } return apply_filters('thematic_after_widget_area', $content); }</code></pre> I would like to add <code><div class="clear"></div></code> right before the <code></ul></code>, and like I said I would like to be able to only apply this to the page-top widget area. amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23914 Wed, 23 Nov 2011 17:31:50 +0000 amish1 23914@http://themeshaper.com/forums/ Thank you for the quick response! After all the reading that I have done I figured if helgatheviking responded I would be on my way to figuring this out. I have read your primer and found it very helpful, just not connecting the dots of how to use it for any given condition. What I am doing is moving the page-top widget to above_container and to create a full width widget area to float 3 (or 4 etc.) list items in. I have been able to do all of that except add a clear inside the unordered list. I was hoping this would be an easier fix than creating a new widget area, but a few hours later and I am starting to second guess that. Should I not be trying to additional markup to things, even if my child theme? I have added a class of container to the wrapper with the thought of implementing the 960 system as that is what the HTML mock up that I am basing my child theme on. helgatheviking on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23912 Wed, 23 Nov 2011 17:20:28 +0000 helgatheviking 23912@http://themeshaper.com/forums/ can i ask why? strikes me that there is probably another way to do whatever it is you are trying to do that doesn't involve adding additional markup also since thematic_after_widget_area "returns" something.... that's usually a tip off that you need to filter something. read up on filters w/ my "primer" <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> amish1 on "Adding to thematic_after_widget_area content" http://themeshaper.com/forums/topic/adding-to-below_widget-_area-content#post-23910 Wed, 23 Nov 2011 16:32:44 +0000 amish1 23910@http://themeshaper.com/forums/ I have searched this forum high and low, and though I have learned TONS there are still a few things that I am not getting. I think if someone can answer my question it should tie together everything that I have done so far. I have been able to move things to other hooks, and I have also modified my #wrapper div to also contain a custom class. What I am trying to do now is add '<div class="clear"></div>' before closing the UL in the widget areas (thematic_after_widget_area). I have found the function but I am having trouble making it out what I need because the function uses return instead of echo (which differs from the tuts that I have found on here.) Also is there any way to add this to the after_widget_area of only one widget area (page-top). I apologize if my question has been answered or this is remedial, but I am seeing the benefits of thematic and I am hoping, like I said, that this ties it all together. Thanks in advance for any assistance. optimus203 on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-21556 Mon, 30 May 2011 19:07:42 +0000 optimus203 21556@http://themeshaper.com/forums/ Perfect. Loving the ease of this framework. Thank you kindly. Take care... helgatheviking on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-21555 Mon, 30 May 2011 18:12:01 +0000 helgatheviking 21555@http://themeshaper.com/forums/ open the div on the thematic_abovemainasides hook and close the div on the thematic_betweenmainasides hook. optimus203 on "Wrap #primary in a new Div" http://themeshaper.com/forums/topic/wrap-primary-in-a-new-div#post-21554 Mon, 30 May 2011 17:58:00 +0000 optimus203 21554@http://themeshaper.com/forums/ Hey everyone. I'm new to Thematic and PHP, and hoping to get some help on this small issue. I'm trying to wrap the #primary widget div in a new div. Can anyone provide the proper function to help make this happen? Any help would be greatly appreciated. him on "Best method to add content above MAIN" http://themeshaper.com/forums/topic/best-method-to-add-content-above-main#post-15235 Tue, 31 Aug 2010 08:40:00 +0000 him 15235@http://themeshaper.com/forums/ Got it done, thanks to 'Seijun' via his post - <a href="http://themeshaper.com/forums/topic/widgets-in-below_header#post-9882" rel="nofollow">http://themeshaper.com/forums/topic/widgets-in-below_header#post-9882</a> and TS Custom widgets plugin did the rest! him on "Best method to add content above MAIN" http://themeshaper.com/forums/topic/best-method-to-add-content-above-main#post-15234 Tue, 31 Aug 2010 08:36:13 +0000 him 15234@http://themeshaper.com/forums/ Got it done, thanks to 'Seijun' via his post - <a href="http://themeshaper.com/forums/topic/widgets-in-below_header#post-9882" rel="nofollow">http://themeshaper.com/forums/topic/widgets-in-below_header#post-9882</a> and TS Custom widgets plugin did the rest! him on "Best method to add content above MAIN" http://themeshaper.com/forums/topic/best-method-to-add-content-above-main#post-15233 Tue, 31 Aug 2010 07:50:27 +0000 him 15233@http://themeshaper.com/forums/ @tarpontech - custom page templates isn't working. Below header is one way that might work, but i don't know how to write a function for it. tarpontech on "Best method to add content above MAIN" http://themeshaper.com/forums/topic/best-method-to-add-content-above-main#post-15213 Mon, 30 Aug 2010 16:06:15 +0000 tarpontech 15213@http://themeshaper.com/forums/ option 2 via conditional tags seems to be the better choice imo. Its either that or custom page templates. him on "Best method to add content above MAIN" http://themeshaper.com/forums/topic/best-method-to-add-content-above-main#post-15210 Mon, 30 Aug 2010 12:16:31 +0000 him 15210@http://themeshaper.com/forums/ Hi, On a new project, Im using a custom template for a static home page. And I have 8 section pages using another custom template. And the rest of the pages are styled normally. I want to add a full-width content box above MAIN, or the first thing in MAIN. I know it can be done in several ways: - calling below_header - Page top But I want to use different content in all the 8 section pages, on this location. And it has to be shown above the YOAST breadcrumbs that im using. And yoast uses the below_header action. So is the best way to do it via - controlling it in the css? - calling below header and then controlling which content is called on each of 8 pages? - or is there another way? Jonny Janiero on "Removing asides" http://themeshaper.com/forums/topic/removing-asides#post-15156 Fri, 27 Aug 2010 18:13:30 +0000 Jonny Janiero 15156@http://themeshaper.com/forums/ silent ones i hope rscamero92 on "Removing asides" http://themeshaper.com/forums/topic/removing-asides#post-15154 Fri, 27 Aug 2010 18:11:37 +0000 rscamero92 15154@http://themeshaper.com/forums/ Yeah I seem to be having allot of brain farts lately lol ;) Jonny Janiero on "Removing asides" http://themeshaper.com/forums/topic/removing-asides#post-15153 Fri, 27 Aug 2010 18:08:28 +0000 Jonny Janiero 15153@http://themeshaper.com/forums/ brain fart lols Jonny Janiero on "Removing asides" http://themeshaper.com/forums/topic/removing-asides#post-15152 Fri, 27 Aug 2010 18:08:17 +0000 Jonny Janiero 15152@http://themeshaper.com/forums/ glad you found a solution. if you get time, mark this post as resolved rscamero92 on "Removing asides" http://themeshaper.com/forums/topic/removing-asides#post-15145 Fri, 27 Aug 2010 16:12:51 +0000 rscamero92 15145@http://themeshaper.com/forums/ Nevermind I found the code I needed.