ThemeShaper Forums Tag: sidebar

ThemeShaper Forums Tag: sidebar http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Fri, 24 May 2013 04:12:22 +0000 em hr on "add a new sidebar and have a specific widget" http://themeshaper.com/forums/topic/add-a-new-sidebar-and-have-a-specific-widget#post-27729 Sat, 15 Dec 2012 17:55:53 +0000 em hr 27729@http://themeshaper.com/forums/ Please <a href="http://themeshaper.com/forums/topic/please-read-this-before-adding-new-topics-thematic-has-moved"> read this</a> and come to then new <a href="http://thematictheme.com/forums/">ThematicTheme Forums</a> for support. janimal on "add a new sidebar and have a specific widget" http://themeshaper.com/forums/topic/add-a-new-sidebar-and-have-a-specific-widget#post-27665 Thu, 01 Nov 2012 09:29:21 +0000 janimal 27665@http://themeshaper.com/forums/ If the sidebar is going to be in the same place using the same css why would you need a new sidebar? You can use the plug-in "Widget Context" to display a specific widget on a specific page. rashanoureldin on "add a new sidebar and have a specific widget" http://themeshaper.com/forums/topic/add-a-new-sidebar-and-have-a-specific-widget#post-27595 Thu, 23 Aug 2012 14:15:21 +0000 rashanoureldin 27595@http://themeshaper.com/forums/ Hi, i am trying to create a new sidebar for a specific page , and have a specific widget but i want it to be look like the old sidebar in css and place any help please how i can do that Thanks ScottNix on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27333 Thu, 07 Jun 2012 16:05:32 +0000 ScottNix 27333@http://themeshaper.com/forums/ There is a margin on the h1 in the branding div. <pre><code>#branding h1 { margin: 0; }</code></pre> It looks like the Branding/Title/Description/Access have all been gutted, this is kind of not the way to do things with Thematic, you should at the least be using overrides, but to each his own. networxtoday on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27328 Thu, 07 Jun 2012 03:02:31 +0000 networxtoday 27328@http://themeshaper.com/forums/ I understand, and definetly appreciate any help. So after serveral ....hours I finally have my child theme working and almost an exact duplicate of my html layout. I am having some issues though with background, extra padding, can't seem to find where this is pulling from. Any help would be appreciated. http;//www.sabrasanchez.com <a href="http://www.sabrasanchez.com/blog" rel="nofollow">http://www.sabrasanchez.com/blog</a> Jagst3r15 on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27322 Wed, 06 Jun 2012 21:56:26 +0000 Jagst3r15 27322@http://themeshaper.com/forums/ Well just remember thematic is not a commercial framework so any help you get should be appreciated ;). EDIT: I don't think you are using a child theme. Before you do any customization you should create one as per <a href="http://codex.wordpress.org/Child_Themes" rel="nofollow">http://codex.wordpress.org/Child_Themes</a> Also please remember to open up new threads at the new site: <a href="http://thematictheme.com/forums" rel="nofollow">http://thematictheme.com/forums</a> :) networxtoday on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27321 Wed, 06 Jun 2012 21:26:07 +0000 networxtoday 27321@http://themeshaper.com/forums/ Everytime I try to add the stylesheet...the sidebar moves to the bottom of the page? networxtoday on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27320 Wed, 06 Jun 2012 21:25:08 +0000 networxtoday 27320@http://themeshaper.com/forums/ That's because I got tired of waiting for an answer and was trying just a straight hack using twenty eleven. I'm now back to thematic, and going to try another child theme to style it like my .com htm version.... ScottNix on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27308 Tue, 05 Jun 2012 15:02:18 +0000 ScottNix 27308@http://themeshaper.com/forums/ I hate to be "that guy", but you are not using Thematic. Your current theme on the site you posted is "twentyeleven". You probably won't find much useful help here. On top of that, I don't see that there is a child theme at all. networxtoday on "adding content to sidebar" http://themeshaper.com/forums/topic/adding-content-to-sidebar#post-27293 Mon, 04 Jun 2012 00:41:19 +0000 networxtoday 27293@http://themeshaper.com/forums/ I am new here and have only used thematic a couple of times to convert or stylize wordpress according to my html site template. I am having a coupl of recurring issues. Not knowing php, I am not sure if i have been going about this all wrong, but here's what I've got; My current HTML theme <a href="http://www.sabrasanchez.com/test" rel="nofollow">http://www.sabrasanchez.com/test</a> My thematic theme(using child theme) <a href="http://www.sabrasanchez.com/blog" rel="nofollow">http://www.sabrasanchez.com/blog</a> 1. created child theme added css, js, img, 2. placed html header, footer in corresponding .php files in thematic 3. placed sidebar content in topsidebar.php file Here are the issues I'm having; 1.The footer is displaying "posted in... links" (cant seem to figure out where to get rid of this, and it appears to be dividing my footer in half? 2. Tried adding sidebar content to text widget, it shows up but the page doesn't flow with it? And it causes the footer to repeat.. 3. Appears to be a line / bar appearing at the top of page content looks like it's due to the page title <h2> tag - how do I get rid of this? 4. There is a little house on the navigation bar, how do i get rid of this? Thanks in advance for any help! I am driving myself crazy trying to figure this out! helgatheviking on "Move menu to sidebar" http://themeshaper.com/forums/topic/move-menu-to-sidebar#post-27150 Sat, 26 May 2012 04:17:34 +0000 helgatheviking 27150@http://themeshaper.com/forums/ you could apply the CSS from #primary and #secondary (probably .main-aside) to #access. or you could just create a menu widget and put it in the primary widget area b0dhi on "Move menu to sidebar" http://themeshaper.com/forums/topic/move-menu-to-sidebar#post-27148 Sat, 26 May 2012 02:56:25 +0000 b0dhi 27148@http://themeshaper.com/forums/ I used Helga's last code and was able to move the menu. Hoever it ended up next to my primary aside and also overflowing below it. Do you have any recommendations for CSS to make the #access behave more like the #primary or asides? I just want it inside the sidebar box and eventually displaying to the left of the menu instead of below. You can see my work-in-progress here: <a href="http://sonomacountyhomeless.org/wp/" rel="nofollow">http://sonomacountyhomeless.org/wp/</a> Thanks, helgatheviking on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26887 Tue, 08 May 2012 23:34:12 +0000 helgatheviking 26887@http://themeshaper.com/forums/ well as i mentioned in the something new bout widgets thread... its all the same except for where you have your conditionals add an extra condition to this to make it only display in certain places <pre><code>if ( function_exists('dynamic_sidebar') && is_sidebar_active('right') ) {</code></pre> candregg on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26886 Tue, 08 May 2012 23:18:16 +0000 candregg 26886@http://themeshaper.com/forums/ I changed the padding and margins of the containing widgetareas and it finally worked. Thanks! Now on to those conditional Primary widget variants... helgatheviking on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26885 Tue, 08 May 2012 22:08:08 +0000 helgatheviking 26885@http://themeshaper.com/forums/ well had to ask the obvious esp, b/c i just dropped this into my local install and the widgets do appear in the markup as expected. so there is something else going on here. try putting a different widget in the right sidebar? bogh on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26884 Tue, 08 May 2012 20:57:40 +0000 bogh 26884@http://themeshaper.com/forums/ HI, Here is a thematic widget like I use it: <pre><code>class Footer_Text_Widget extends WP_Widget { function Footer_Text_Widget() { $widget_ops = array('classname' => 'widget_footer_text', 'description' => __( "Add some text to your footer.") ); $this->WP_Widget('footer_text_widget', __('Footer_Text_Widget', 'thematic'), $widget_ops); } function update($new_instance, $old_instance) { // processes widget options to be saved return $new_instance; } function widget($args, $instance) { // outputs the content of the widget extract($args); echo $before_widget; ?> <?php echo $before_title; ?><?php echo $footer_text_widget_title; ?><?php echo $after_title; ?> <ul> <li>//Your Code Here</li> </ul> <?php echo $after_widget; } } } register_widget('Footer_Text_Widget');</code></pre> candregg on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26882 Tue, 08 May 2012 20:19:34 +0000 candregg 26882@http://themeshaper.com/forums/ The widget exists in the admin area, and I have it populated with content almost identical to that in Left. I have also verified that the content exists. But, no, it doesn't show in the source code or online. That's the problem. What I need to figure out is Why. And of course, how to fix it. helgatheviking on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26881 Tue, 08 May 2012 20:15:13 +0000 helgatheviking 26881@http://themeshaper.com/forums/ there isn't a right widget in your markup. you might not have a widget in it. candregg on "custom side-by-side widgets" http://themeshaper.com/forums/topic/custom-side-by-side-widgets#post-26878 Tue, 08 May 2012 18:11:40 +0000 candregg 26878@http://themeshaper.com/forums/ I am trying to add several widgets to the Thematic child theme sidebar. Some have worked; some not. I have successfully added a custom widget above the Primary. Now I am trying to add a Left and Right widget side-by-side between the primary and secondary widget areas. Here is the function code (in parts): <pre><code>// Add additional Widget // Create your widget area function my_widgets_init() { register_sidebar(array( 'name' => 'Community', 'id' => 'community', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "", 'before_title' => "<h3 class=\"widgettitle\">", 'after_title' => "</h3>\n", )); register_sidebar(array( 'name' => 'Left', 'id' => 'left', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "", 'before_title' => "<h3 class=\"widgettitle\">", 'after_title' => "</h3>\n", )); register_sidebar(array( 'name' => 'Right', 'id' => 'right', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "", 'before_title' => "<h3 class=\"widgettitle\">", 'after_title' => "</h3>\n", )); } add_action( 'init', 'my_widgets_init' ); // adding the widget area to your child theme function my_community_widget() { echo '<div id="community" class="aside">'?> <ul class="community"> </code> <code> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/rss.png" width="32" height="32" /></a></li> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/email.png" width="32" height="32" /></a></li> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook.png" width="32" height="32" /></a></li> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/twitter.png" width="32" height="32" /></a></li> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/linkedin.png" width="32" height="32" /></a></li> <li><a href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/youtube.png" width="32" height="32" /></a></li> </div> <?php } add_action('thematic_abovemainasides','my_community_widget'); // Adding Left and Right Widgets function my_left_widget() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('left') ) { echo '<div id="left" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('left'); echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_betweenmainasides','my_left_widget'); function my_right_widget() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('right') ) { echo '<div id="right" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('right'); echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_betweenmainasides','my_right_widget');</code></pre> Here is the css: <pre><code>#left { margin: 0; padding: 12px; width: 126px; float: left; } #right { margin:0; padding:12px; float: right; width: 126px; }</code></pre> The Community widget went in perfectly, and looks great! Further down, while the Left and Right widget areas appear in the Admin area, only the Left widget content is visible on the webpage. Please see <a href="http://seacliffmm.com/prod/indigest/admin/." rel="nofollow">http://seacliffmm.com/prod/indigest/admin/.</a> Any help? Once I get this one figured out, I need to make six different Primary widget areas that will appear based on which category or page is active. That will be another topic. Thanks! Caron pipsologie on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26673 Thu, 26 Apr 2012 21:17:20 +0000 pipsologie 26673@http://themeshaper.com/forums/ @Helga- thanks a lot for your input. I am testing both approaches and let you know which outcome fits better my needs... helgatheviking on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26649 Wed, 25 Apr 2012 21:41:03 +0000 helgatheviking 26649@http://themeshaper.com/forums/ look in the codex. <a href="http://codex.wordpress.org/Template_Tags/wp_list_pages#List_Sub-Pages" rel="nofollow">http://codex.wordpress.org/Template_Tags/wp_list_pages#List_Sub-Pages</a> to add that to thematic you'd add the code to the desired hook... in your case probably thematic_abovemainasides <pre><code>function kia_subpages(){ global $post; $children = wp_list_pages('title_li=&child_of='.$post->ID.'&echo=0'); if ($children) { ?> <ul> <?php echo $children; ?> </ul> <?php } ?> } add_action('thematic_abovemainasides','kia_subpages');</code></pre> totally untested, but in theory should work different widgets on different pages can be achieved with either the Widget Logic or Widget Context plugins. pipsologie on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26647 Wed, 25 Apr 2012 21:16:11 +0000 pipsologie 26647@http://themeshaper.com/forums/ @Helga - those sub menus are merely child pages of the current page. How can I create those without difficulty? Your second approach would also work, but how can I use different widgets on different pages? Also I would like to appear the main menu still as "current" when clicking through the sub menus on the side. Main menu "school" is "current" and submenu item "lesson 1" is "current" as well (as it would be in a submenu)... @Jagst3r15 - your approach would still need text widgets that appear in some pages and in other not... Jagst3r15 on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26642 Wed, 25 Apr 2012 20:38:36 +0000 Jagst3r15 26642@http://themeshaper.com/forums/ Just use a text widget and throw some html/links in there :P helgatheviking on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26641 Wed, 25 Apr 2012 20:30:02 +0000 helgatheviking 26641@http://themeshaper.com/forums/ whoa - i'm not sure i'd want to try doing that. that looks very, very complicated, imo. if those sub menus are merely child pages of the current page, that i know you can do w/o too much difficultly, but siphoning off parts of the custom menu? no idea how to do that. you could also use something like widget context to put different menu widgets on different pages. pipsologie on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26640 Wed, 25 Apr 2012 19:36:02 +0000 pipsologie 26640@http://themeshaper.com/forums/ Here is maybe a better illustration of what I would like to do: <a href="http://www.flickr.com/photos/28112913@N03/7113572569/in/photostream" rel="nofollow">http://www.flickr.com/photos/28112913@N03/7113572569/in/photostream</a> pipsologie on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26638 Wed, 25 Apr 2012 19:02:12 +0000 pipsologie 26638@http://themeshaper.com/forums/ Thank you sowingseeds. the problem is half solved. I wish to see different sidebar-menus at different sites (as shown in the picture above. If I client on main menu item 1 I want to see a different submenu at the side than when I click on main menu item 2. Each main menu item has different submenus. Someone has an idea to do that? sowingseeds on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26619 Wed, 25 Apr 2012 04:40:03 +0000 sowingseeds 26619@http://themeshaper.com/forums/ Why not make a custom menu and include it in the sidebar with the Custom menu widget? You can include it as the first item. Simplest... Otherwise: 1) register a new menu as per the mega menu thread. 2) add it to the abovemainaside hook. 3) style as you wish So in your functions file: <pre><code>register_nav_menus( array( 'primary-menu' => __( 'Primary Menu' ), 'sidebar-menu' => __( 'Sidebar Menu' ), ) ); function menu_abovesidebar(){ echo '<div class="main-aside">'; wp_nav_menu( array( 'theme_location' => 'sidebar-menu' ) ); echo '</div>'; } add_action('thematic_abovemainasides','menu_abovesidebar');</code></pre> pipsologie on "submenu above sidebar" http://themeshaper.com/forums/topic/submenu-above-sidebar#post-26609 Tue, 24 Apr 2012 21:50:52 +0000 pipsologie 26609@http://themeshaper.com/forums/ There are many question about menus, and I went through a lot of them in this forum, but I could not find any solution to my problem: I want my submenu not to appear as a dropdown, but above the sidebar as illustrated here: <a href="http://www.flickr.com/photos/28112913@N03/6964683470/in/photostream" rel="nofollow">http://www.flickr.com/photos/28112913@N03/6964683470/in/photostream</a> Any suggestion how to handle this? kassemEzz on "How to add custom code to sidebar" http://themeshaper.com/forums/topic/how-to-add-custom-code-to-sidebar#post-26075 Sun, 25 Mar 2012 10:28:38 +0000 kassemEzz 26075@http://themeshaper.com/forums/ thx helga... I will try the thematic_betweenmainasides() and do some css styling to position it where I want. But is there really no hook to add code inside the secondary (or any other) aside. Also can you plz tell me more about the other option (the widget area callback) and how it works or if you know some links that I can read about it.. thx so much helgatheviking on "How to add custom code to sidebar" http://themeshaper.com/forums/topic/how-to-add-custom-code-to-sidebar#post-26070 Sat, 24 Mar 2012 22:15:02 +0000 helgatheviking 26070@http://themeshaper.com/forums/ it actually isn't really busy, but thanks for sucking up. flattery will get you everywhere. you could try adding your code to thematic_betweenmainasides(). you'll need to style your div since it won't actually be inside the #secondary div. if that doesn't work, you can also potentially add your function to the widget area callback.