http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 04:18:36 +0000 http://themeshaper.com/forums/topic/custom-sidebar-template-best-practice#post-24934 Tue, 17 Jan 2012 16:19:55 +0000 goboygodesign 24934@http://themeshaper.com/forums/ <p>Thank you for the suggestions, After some reflection I think that jQuery is going to be the best bet - it's just a minor stylistic addition, so it doesn't warrant a full new sidebar - I'd rather keep the original thematic framework there. </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24839 Thu, 12 Jan 2012 19:01:33 +0000 Minimalist 24839@http://themeshaper.com/forums/ <p>Thank you very much, proto!</p> <p>I will try to use your code. Thanks again. </p> http://themeshaper.com/forums/topic/how-can-i-hard-code-my-sidebar#post-24837 Thu, 12 Jan 2012 17:10:33 +0000 discofuel 24837@http://themeshaper.com/forums/ <p>Perfect thanks! </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24822 Wed, 11 Jan 2012 20:12:24 +0000 pixelwoo 24822@http://themeshaper.com/forums/ <p>Thanks!</p> <p>I like analogies that are versatile!</p> <p>I finally got an image up! Hurray! Thanks ninja/legend :) </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24821 Wed, 11 Jan 2012 19:53:35 +0000 helgatheviking 24821@http://themeshaper.com/forums/ <p>parking lot wasn't mine originally. it was Kwight's. but i think it's great and you can extend it to cover filters too. which i did: <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></p> <p>lol... between two of the recent posts i am a ninja legend. i really just stay for the flattery (and the marriage proposals). </p> <p>to get a photo your forum email must be linked to <a href="http://www.gravatar.com" rel="nofollow">www.gravatar.com</a> </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24820 Wed, 11 Jan 2012 19:51:31 +0000 proto 24820@http://themeshaper.com/forums/ <p>I'm back... I'm searching for a GRAVATAR and my true identity will be revealed although not as proto as apparently that name's taken! </p> <p>Minimalist - I hope it worked ok for you... </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24819 Wed, 11 Jan 2012 19:32:30 +0000 proto 24819@http://themeshaper.com/forums/ <p>Ahahah! I like the parking lot one! Very good Helga! :)</p> <p>BTW - Minimalist, Helga is a bit of a legend around here, she's helped me out of many scrapes!</p> <p>I don't want to be so anoymous (get the facepalm ready) I've gone to edit my profile and add an image to my avatar (it's about time I revealed myself!!!) where's the option hiding? I checked the edit profile section (I told you it was a falepalmage moment!!) I want to reveal my identity (*gasps from the gallows when I reveals myself*) </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24818 Wed, 11 Jan 2012 18:48:12 +0000 helgatheviking 24818@http://themeshaper.com/forums/ <p>velcro... i like the analogy, proto. i usually use a parking lot as mine. </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24817 Wed, 11 Jan 2012 17:58:47 +0000 proto 24817@http://themeshaper.com/forums/ <p>Hello Minimalist,</p> <p>I suspect that dynamiharry may have put the code in the child theme's "functions.php" file. I hope you're using a child theme for your website (more info on it here <a href="http://themeshaper.com/thematic/guide/?page_id=66" rel="nofollow">http://themeshaper.com/thematic/guide/?page_id=66</a>) if not why you should (if you are already using a child theme, just skip that link) :)</p> <p>If you don't yet have a child them "functions.php" file you can create a new one, just name it functions.php (or see the Thematic sample child theme that comes with pre made one in the download of thematic). An Open PHP tag will look like this: </p> <p><code>&lt;?php</code> </p> <p>add the following code after it and it should work fine:</p> <pre><code>//Function that creates the opening DIV tag above the Main Asides function webmagic_divabove_sideopen() { echo (&#39;&lt;div id=&quot;yournewdivname&quot;&gt;&#39;) ; } add_action (&#39;thematic_abovemainasides&#39; , &#39;webmagic_divabove_sideopen&#39;); //Function that creates the closing DIV tag below the Main Asides function webmagic_divbelow_sideclose() { echo (&#39;&lt;/div&gt;&lt;!-- This is the end of Your New Div --&gt;&#39;) ; } add_action (&#39;thematic_belowmainasides&#39; , &#39;webmagic_divbelow_sideclose&#39;);</code></pre> <p>There are plenty of people more experienced than me on here who are brilliant and may have other suggestions but I tested the code above and it worked fine! Note, what the above is doing in simple terms is Thematic has been cleverly designed like a wall with velcro hooks on it in key places in the website. The code says take what I put in my echo statement and attach it to one of Thematic's velcro hooks, in this case we are targeting the hooks that are helpfully called thematic_abovemainasides or thematic_belowmainasides.</p> <p>Others on here may have other thoughts or advice but that's my take on it! </p> http://themeshaper.com/forums/topic/custom-sidebar-template-best-practice#post-24813 Wed, 11 Jan 2012 02:39:34 +0000 fwunder 24813@http://themeshaper.com/forums/ <p>You might want to look at Image Widget:</p> <p><a href="http://wordpress.org/extend/plugins/image-widget/" rel="nofollow">http://wordpress.org/extend/plugins/image-widget/</a></p> <p>Very easy to customize and absolutely position - at least in my case. </p> http://themeshaper.com/forums/topic/custom-sidebar-template-best-practice#post-24807 Tue, 10 Jan 2012 23:27:06 +0000 helgatheviking 24807@http://themeshaper.com/forums/ <p>well if you are doing something radical that probably is the best bet. no need to over-complicate or reinvent the wheel. </p> http://themeshaper.com/forums/topic/how-can-i-hard-code-my-sidebar#post-24804 Tue, 10 Jan 2012 23:18:03 +0000 helgatheviking 24804@http://themeshaper.com/forums/ <p>create sidebar.php in your child theme. code away. </p> http://themeshaper.com/forums/topic/add-a-div-in-the-sidebar#post-24790 Tue, 10 Jan 2012 17:53:17 +0000 Minimalist 24790@http://themeshaper.com/forums/ <p>Hi. This is what I have been looking for. But I do not know how to use this function you posted here. Can you please explain to me how to place a div ("primary-inside") inside the "primary" div and use it? I hope you can answer. Thanks!! </p> http://themeshaper.com/forums/topic/how-can-i-hard-code-my-sidebar#post-24789 Tue, 10 Jan 2012 16:47:21 +0000 discofuel 24789@http://themeshaper.com/forums/ <p>I would like to hardcode my sidebar rather than use widgets but I can't figure out how to do this.</p> <p>Any help appreciated!</p> <p>Thanks </p> http://themeshaper.com/forums/topic/custom-sidebar-template-best-practice#post-24672 Thu, 05 Jan 2012 20:22:23 +0000 goboygodesign 24672@http://themeshaper.com/forums/ <p>Hi, I am trying to make a drastically customized homepage layout and in doing so have created a few new homepage asides - my issue is that I want to add some imagery to the sidebar (an image of a circle that gets absolutely positioned top left) and need to put that image in the sidebar unit. Normally I'd use a sidebar template but I'm convinced that there is a better method, maybe a function that I'm unaware of, to accomplish this feat. Any ideas? </p> http://themeshaper.com/forums/topic/sidebars-on-specific-pages-only#post-24440 Wed, 21 Dec 2011 05:08:27 +0000 qG 24440@http://themeshaper.com/forums/ <p>I just found a plugin that solves this issue.<br /> Slayers Custom Widgets: <a href="http://wordpress.org/extend/plugins/slayers-custom-widgets/" rel="nofollow">http://wordpress.org/extend/plugins/slayers-custom-widgets/</a> </p> http://themeshaper.com/forums/topic/sidebars-on-specific-pages-only#post-24432 Tue, 20 Dec 2011 21:33:51 +0000 qG 24432@http://themeshaper.com/forums/ <p>Hello all,</p> <p>I'm new to the forums, and pretty new to web design—I'm running into a few issues with some custom widgets:</p> <p>I'm building a "Student_Links_Widget" and I only want it to be displayed in the sidebar of a template page called "students".</p> <p>My widget function is as follows:</p> <blockquote> <p>function widget($args, $instance) {</p> <p> extract($args, EXTR_SKIP);</p> <p> //if (is_single()) {</p> <p> echo $before_widget;</p> <p> if ( !empty( $title ) ) {<br /> echo $before_title . $title . $after_title;<br /> };</p> <p> echo "HELLO";</p> <p> //}<br /> }</p> </blockquote> <p>is_single works, and displays the content in the sidebar of a single post page, but is_page('students') does not work.</p> <p>What am I doing wrong?<br /> Thanks in advance,<br /> Julian </p> http://themeshaper.com/forums/topic/sidebar-shown-on-blog-page-in-wrong-place#post-24427 Tue, 20 Dec 2011 19:13:12 +0000 helgatheviking 24427@http://themeshaper.com/forums/ <p>on a US keyboard the backtick mark ( ` ) shares a key with the tilde ~ ... upper left next to the 1. i'm not sure where it lies on other keyboards.</p> <p>text widgets aren't in the template. they're in the widgets section of the dashboard. </p> http://themeshaper.com/forums/topic/sidebar-shown-on-blog-page-in-wrong-place#post-24425 Tue, 20 Dec 2011 18:56:14 +0000 Irene Ogier 24425@http://themeshaper.com/forums/ <p>Thanks for your reply!</p> <p>In fact I did'nt change that much in the php or html but stuff in css....</p> <p>I couldn't find the textwidgets any where in the template. A mistery...<br /> I solved this sidebar issue by replacing it to the 2 second and third additional sidebar.<br /> and I called the sidebar so early to place it above the container/ content en not below.</p> <p>I appreciate your reply! Backtick marks are? ... &lt; ? &gt;? Like that? </p> http://themeshaper.com/forums/topic/sidebar-shown-on-blog-page-in-wrong-place#post-24408 Tue, 20 Dec 2011 14:35:50 +0000 helgatheviking 24408@http://themeshaper.com/forums/ <p>first off, it looks like you have some improperly closed html markup. you can tell this b/c when i view the source w/ firebug or chrome's dev tools you can see the markup doesn't match what thematic's ought to look like<br /> <pre><code>#main #container #content #primary #secondary</code></pre> <p>my guess is the problem lies in one of your text widgets, i've seen that happen plenty of times before. </p> <p>additionally, i'm not sure why you are calling that sidebar so soon in your template. if you want it to replace the normal sidebar, why not put it in place of thematic_sidebar() which occurs nearer to the end of the default template.</p> <p>please post your code between backtick marks </p> http://themeshaper.com/forums/topic/sidebar-shown-on-blog-page-in-wrong-place#post-24403 Tue, 20 Dec 2011 13:08:20 +0000 Irene Ogier 24403@http://themeshaper.com/forums/ <p>anywone? <a href="http://www.image2media.nl/blog/" rel="nofollow">http://www.image2media.nl/blog/</a><br /> This page is is.<br /> The code...<br /> If anyone could give me some advice, you'd be very kind. I can't save it in some way or the other.</p> <p>&lt;?php<br /> /**<br /> * Template Name: de blogpagina<br /> *<br /> * This template allows you to display the latest posts on any page of the site.<br /> *<br /> */</p> <p> // calling the header.php<br /> get_header();</p> <p> // action hook for placing content above #container<br /> thematic_abovecontainer();</p> <p>?&gt; &lt;div id="sidebar-zij"&gt;<br /> &lt;?php if ( !function_exists('dynamic_sidebar')<br /> || !dynamic_sidebar('sidebar1') ) : ?&gt;<br /> &lt;?php endif; ?&gt;<br /> &lt;?php if ( !function_exists('dynamic_sidebar')<br /> || !dynamic_sidebar('sidebar2') ) : ?&gt;<br /> &lt;?php endif; ?&gt; &lt;/div&gt;&lt;!-- #sidebar --&gt;</p> <p> &lt;div id="container"&gt;</p> <p> &lt;?php thematic_abovecontent(); ?&gt;</p> <p> &lt;div id="content"&gt;</p> <p> &lt;?php<br /> $wp_query = new WP_Query();<br /> $wp_query-&gt;query( array( 'posts_per_page' =&gt; get_option( 'posts_per_page' ), 'paged' =&gt; $paged ) );<br /> $more = 0;<br /> ?&gt;</p> <p> &lt;?php </p> <p> // create the navigation above the content<br /> thematic_navigation_above();</p> <p> // calling the widget area 'index-top'<br /> get_sidebar('index-top');</p> <p> // action hook for placing content above the index loop<br /> thematic_above_indexloop();</p> <p> // action hook creating the index loop<br /> thematic_indexloop();</p> <p> // action hook for placing content below the index loop<br /> thematic_below_indexloop();</p> <p> // calling the widget area 'index-bottom'<br /> get_sidebar('index-bottom');</p> <p> // create the navigation below the content<br /> thematic_navigation_below();</p> <p> ?&gt;</p> <p> &lt;/div&gt;&lt;!-- #content --&gt;</p> <p> &lt;?php thematic_belowcontent(); ?&gt; </p> <p> &lt;/div&gt;&lt;!-- #container --&gt;</p> <p>&lt;?php </p> <p> // action hook for placing content below #container<br /> thematic_belowcontainer();</p> <p> // calling footer.php<br /> get_footer();</p> <p>?&gt; </p> http://themeshaper.com/forums/topic/sidebar-shown-on-blog-page-in-wrong-place#post-24399 Tue, 20 Dec 2011 08:00:16 +0000 Irene Ogier 24399@http://themeshaper.com/forums/ <p>Hi there,</p> <p>I made a child theme upon thematic theme for a client with some extra sidebars. I have put some code in functions.php and it works just fine. But now I have problems with the blogpage. It shows the sidebar that is not supposed to show up and worse, it's shown underneath the posts! :-(</p> <p>I have tried some things like deleting the sidebar, showing the full template but the effect is the same all the time. When I click on preview, It works, but I can't save the template page for the blog.<br /> What to do?</p> <p>The url is: <a href="http://www.image2media.nl" rel="nofollow">www.image2media.nl</a> </p> <p>Kind regards Irene </p> http://themeshaper.com/forums/topic/thematic-layout-issue-invisible-spacing-bumps-sidebar-to-below-content#post-23805 Mon, 14 Nov 2011 14:17:42 +0000 bigriff 23805@http://themeshaper.com/forums/ <p>A link to the site would be more useful to help as I can then see what css and html is in actual play. </p> http://themeshaper.com/forums/topic/sidebar-widgets-not-changing-on-static-home-or-blog-pages#post-23800 Mon, 14 Nov 2011 03:41:55 +0000 helgatheviking 23800@http://themeshaper.com/forums/ <p>are you having the same problem as the OP w/ widgets not updating?</p> <p>first, make sure that you are using the latest stable version of thematic:<br /> <a href="http://developing.thematic4you.com/thematic-development-release/" rel="nofollow">http://developing.thematic4you.com/thematic-development-release/</a></p> <p>second, make sure you disable any form of caching (either plugins or something like cloudflare) </p> http://themeshaper.com/forums/topic/sidebar-widgets-not-changing-on-static-home-or-blog-pages#post-23798 Mon, 14 Nov 2011 02:09:18 +0000 Dominor Novus 23798@http://themeshaper.com/forums/ <p>I've tried this but no luck. I also tried creating a post (this worked before).</p> <p>This problem is replete if you search for it.</p> <p>I've yet to find an answer.</p> <p>I can't begin to describe the delay this has already caused me. </p> http://themeshaper.com/forums/topic/thematic-layout-issue-invisible-spacing-bumps-sidebar-to-below-content#post-23796 Mon, 14 Nov 2011 00:09:53 +0000 cw 23796@http://themeshaper.com/forums/ <p>Hello everyone,</p> <p>I'm trying to redo my website using Thematic, and add some adjustments to it as well, however sizing is creating a weird issue for me.</p> <p>I want the website to be a total of 1000 px wide, with the content being 642 px (incl. border), an 18px margin to the right, and the sidebar widgets taking up the rest of the space, which should be 360px. However no matter how much I check and recheck the code, it wont size properly. </p> <p>Here's a photo to show what I mean:</p> <p><a href="http://img406.imageshack.us/img406/2140/picture1qz.png" rel="nofollow">http://img406.imageshack.us/img406/2140/picture1qz.png</a></p> <p>In the above picture, my header is 1000 px, the content is 642px, the gap between the content and sidebar is ~30 px, and the sidebar is only ~300 px. </p> <p>Along with the relevant code:</p> <p>#main{<br /> width: 1000px;<br /> margin: auto;<br /> margin-top: 20px;<br /> margin-bottom: 20px;<br /> padding: 0px;<br /> }</p> <p>#container{<br /> width: 600px;<br /> margin: 0px 18px 0px 0px;<br /> padding: 20px;<br /> background-color: #363636;<br /> border: 1px solid #4a4a4a;<br /> }</p> <p>#content{<br /> width: auto;<br /> height: auto;<br /> margin: auto;<br /> padding: 0px;<br /> }</p> <p>#primary{<br /> margin: 0px;<br /> padding: 0px;<br /> border: none;<br /> overflow: hidden;<br /> }</p> <p>#secondary{<br /> margin: 0px;<br /> padding: 0px;<br /> border: none;<br /> overflow: hidden;<br /> }</p> <p>.main-aside{<br /> width: 340px;<br /> height: auto;<br /> }</p> <p>.xoxo{<br /> padding: 0px;<br /> margin: 0px;<br /> }</p> <p>.widgetcontainer{<br /> height: auto;<br /> margin: auto;<br /> margin-bottom: 20px;<br /> padding: 20px;<br /> background-color: #363636;<br /> border: 1px solid #4a4a4a;<br /> } </p> http://themeshaper.com/forums/topic/equal-height-columns-with-thematic#post-23555 Fri, 21 Oct 2011 18:49:35 +0000 bluejpro 23555@http://themeshaper.com/forums/ <p>Oh my that was easier to solve than I thought.</p> <p>In my case using #secondary instead of #primary created equal height columns and allows a background image behind #page to extend all the way to the footer:</p> <pre><code>function my_scripts() { ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = jQuery(this).height(); if(thisHeight &gt; tallest) { tallest = thisHeight; } }); group.height(tallest); } jQuery(document).ready(function() { equalHeight(jQuery(&quot;#content,#secondary&quot;)); }); &lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;,&#39;my_scripts&#39;);</code></pre> <p>This solves the problem of the background image looking cut off on pages where the sidebar is longer than the content area.</p> <p>Thank you Chris the Moderator and lindathep for posting this function.</p> <p>(it's awesome) </p> http://themeshaper.com/forums/topic/equal-height-columns-with-thematic#post-23552 Fri, 21 Oct 2011 17:56:40 +0000 bluejpro 23552@http://themeshaper.com/forums/ <p>Thanks for posting this </p> <p>I am desperately trying to get #content and #primary to have same height also. Not working in current Thematic - any help? </p> http://themeshaper.com/forums/topic/show-only-child-pages-in-sidebar#post-23285 Fri, 30 Sep 2011 14:48:07 +0000 helgatheviking 23285@http://themeshaper.com/forums/ <p>uhh no- you weren't unclear. the thing listing all your pages is a widget. you can remove that widget in your dashboard and insert the function found in the codex in the manner i have illustrated.... to any of the available sidebar hooks. </p> <p>or there might be a widget that does that already. lo and behold:<br /> <a href="http://wordpress.org/extend/plugins/subpages-widget/" rel="nofollow">http://wordpress.org/extend/plugins/subpages-widget/</a> </p> http://themeshaper.com/forums/topic/show-only-child-pages-in-sidebar#post-23284 Fri, 30 Sep 2011 11:49:39 +0000 TheJesper 23284@http://themeshaper.com/forums/ <p>Hi, Maybe I was a bit unclear... The sidebare lists all pages in my site dynamically in a tree-like structure. It lists all pages on the same level as the one I am looking at as well as all of their children.</p> <p>Ho do I make it ONLY display the sub-pages of my current page?</p> <p>Thanks... </p>