http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 03:58:52 +0000 http://themeshaper.com/forums/topic/adding-non-widget-content-to-sidebars-asides#post-25161 Fri, 03 Feb 2012 12:33:25 +0000 bigdanprice 25161@http://themeshaper.com/forums/ <p>Great stuff, its the beauty of hooks and thematic! </p> http://themeshaper.com/forums/topic/adding-non-widget-content-to-sidebars-asides#post-25151 Thu, 02 Feb 2012 20:09:40 +0000 bluejpro 25151@http://themeshaper.com/forums/ <p>Wow, Chris</p> <p>Thanks for giving this back! You have provided a really cool possible solution to my own situation. I have a bit of code via functions.php that shows above the content. It now needs to go into the sidebar, but there's no widget for this thing.</p> <p>This is a very appealing solution, Thematic-friendly, and an interesting story too!</p> <p>I will have to see if you keep a blog somewhere.</p> <p>Thank you for the technique -- now to try it... </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/cannot-reorder-my-widgets-after-adding-a-new-one#post-23480 Fri, 14 Oct 2011 20:39:15 +0000 ScottNix 23480@http://themeshaper.com/forums/ <p>Just tested in the older 9.7.7 version in the WP Theme repository and it works too. If worse comes to worst, send me your child theme files scott [at] scottnix.com. No clue at this point why you would get different results.</p> <p>On the plus side I finally set up one of my test locations to have both versions of Thematic for easy testing. :) </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23479 Fri, 14 Oct 2011 20:09:50 +0000 ScottNix 23479@http://themeshaper.com/forums/ <p>Whoops, the error was only caused because I started working on adding a "Favicon using Gravatar" and turned off the code. I just put it back up and the admin order is in the correct spot. Maybe Kathy will come along and know what the issue is.</p> <p>What version of Thematic are you using, and have you tried turning off plugins, or commenting out all other functions as a start? </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23478 Fri, 14 Oct 2011 19:25:20 +0000 retrobou 23478@http://themeshaper.com/forums/ <p>Scott. While seeing what you came up with, I nosed around your actual site. Great stuff, bookmarking. Thank you!<br /> Arlene </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23477 Fri, 14 Oct 2011 19:22:27 +0000 retrobou 23477@http://themeshaper.com/forums/ <p>Yes, that works in admin, but if you look at your dev link, the error is on the page.<br /> Right now, I do have the sidebar in my child theme. It the only way I can get it to show on the actual page without altering the thematic files. But if it shows on the page, it doesn't sort in admin. If I use the sidebar.php in my childtheme, it shows on the page correctly, but in admin isn't sorted correctly. I'm dizzy :0 </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23475 Fri, 14 Oct 2011 16:07:30 +0000 ScottNix 23475@http://themeshaper.com/forums/ <p>Hmm... using your sidebar and</p> <pre><code>// register third sidebar aside function my_widgets_init($content) { $content[&#39;Third Aside&#39;] = array( &#39;admin_menu_order&#39; =&gt; 201, &#39;args&#39; =&gt; array ( &#39;name&#39; =&gt; &#39;Narrow Right Column 135px&#39;, &#39;id&#39; =&gt; &#39;widget_area_third_aside&#39;, &#39;before_widget&#39; =&gt; &#39;&lt;li id=&quot;%1$s&quot; class=&quot;widgetcontainer %2$s&quot;&gt;&#39;, &#39;after_widget&#39; =&gt; &quot;\n&quot;, &#39;before_title&#39; =&gt; &quot;&lt;h3 class=\&quot;widgettitle\&quot;&gt;&quot;, &#39;after_title&#39; =&gt; &quot;&lt;/h3&gt;\n&quot;, ), &#39;action_hook&#39; =&gt; &#39;widget_area_third_aside&#39;, &#39;function&#39; =&gt; &#39;thematic_third_aside&#39;, &#39;priority&#39; =&gt; 10, ); return $content; } add_filter(&#39;thematic_widgetized_areas&#39;, &#39;my_widgets_init&#39;); // adding the widget area to your child theme function widget_area_third_aside() { if ( function_exists(&#39;dynamic_sidebar&#39;) &#38;&#38; is_sidebar_active(&#39;widget_area_third_aside&#39;) ) { echo &#39;&lt;div id=&quot;third&quot; class=&quot;aside main-aside&quot;&gt;&#39;. &quot;\n&quot; . &#39;&lt;ul class=&quot;xoxo&quot;&gt;&#39; . &quot;\n&quot;; dynamic_sidebar(&#39;widget_area_third_aside&#39;); echo &#39;&#39; . &quot;\n&quot; . &#39;&#39;. &quot;\n&quot;; echo &#39;&#39; . &quot;\n&quot; . &#39;&lt;/div&gt;&lt;!-- #belowmainasides .aside --&gt;&#39;. &quot;\n&quot;; } } add_action(&#39;thematic_widget_area_third_aside&#39;, &#39;my_sidebar_widgets&#39;, 0); // rename widgets in admin function rename_widgetized_area($content) { $content[&#39;Primary Aside&#39;][&#39;args&#39;][&#39;name&#39;] = &#39;Wide Sidebar 300px&#39;; $content[&#39;Secondary Aside&#39;][&#39;args&#39;][&#39;name&#39;] = &#39;Narrow Left Column 135px&#39;; return $content; } add_filter(&#39;thematic_widgetized_areas&#39;, &#39;rename_widgetized_area&#39;);</code></pre> <p>Works fine for me, scottnix.com/dev</p> <p>Not sure what the deal could be, it sounds like your sidebar.php is in your child theme, I am also using the latest development release of Thematic, but am pretty sure I have used this on the older 9.7.7 version. </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23470 Fri, 14 Oct 2011 05:37:14 +0000 retrobou 23470@http://themeshaper.com/forums/ <p>Thanks for the quick reply....</p> <p>That gives me this error...<br /> Fatal error: Call to undefined function widget_area_third_aside() in /home/italians/public_html/wp-content/themes/italiansoulfood/sidebar.php on line 16</p> <p>Here is my sidebar.php</p> <p> // action hook for placing content above the main asides<br /> thematic_abovemainasides();</p> <p> // action hook creating the primary aside<br /> widget_area_primary_aside(); </p> <p> // action hook for placing content between primary and secondary aside<br /> thematic_betweenmainasides();</p> <p> // action hook creating the secondary aside<br /> widget_area_secondary_aside(); </p> <p> // action hook for creating the third aside<br /> widget_area_third_aside(); </p> <p> // action hook for placing content below the main asides<br /> thematic_belowmainasides(); </p> <p>....So, I took out the widget area third aside I had put in prior. Now it moved the menu in the admin, but doesn't show on the page. :( </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23469 Fri, 14 Oct 2011 05:12:56 +0000 ScottNix 23469@http://themeshaper.com/forums/ <pre><code>function my_widgets_init($content) { $content[&#39;Third Aside&#39;] = array( &#39;admin_menu_order&#39; =&gt; 201, &#39;args&#39; =&gt; array ( &#39;name&#39; =&gt; &#39;Narrow Right Column 135px&#39;, &#39;id&#39; =&gt; &#39;widget_area_third_aside&#39;, &#39;before_widget&#39; =&gt; &#39;&lt;li id=&quot;%1$s&quot; class=&quot;widgetcontainer %2$s&quot;&gt;&#39;, &#39;after_widget&#39; =&gt; &quot;\n&quot;, &#39;before_title&#39; =&gt; &quot;&lt;h3 class=\&quot;widgettitle\&quot;&gt;&quot;, &#39;after_title&#39; =&gt; &quot;&lt;/h3&gt;\n&quot;, ), &#39;action_hook&#39; =&gt; &#39;widget_area_third_aside&#39;, &#39;function&#39; =&gt; &#39;thematic_third_aside&#39;, &#39;priority&#39; =&gt; 10, ); return $content; } add_filter(&#39;thematic_widgetized_areas&#39;, &#39;my_widgets_init&#39;);</code></pre> <p><a href="http://themeshaper.com/forums/topic/make-new-widget-area-appear-at-top-of-admin-page-list" rel="nofollow">http://themeshaper.com/forums/topic/make-new-widget-area-appear-at-top-of-admin-page-list</a></p> <p>Like 90% of other examples around the forums are the one you had. ;P </p> http://themeshaper.com/forums/topic/cannot-reorder-my-widgets-after-adding-a-new-one#post-23462 Fri, 14 Oct 2011 00:22:26 +0000 retrobou 23462@http://themeshaper.com/forums/ <p>I've created a third sidebar widget. I am sure I did it incorrectly, however, it is working as it should....except I cannot seem to reorder it in the admin. Its important to reorder as my client has a habit of messing up layouts badly, so I created these so she will put the correct content in the right place, &#38; I need it to be as easy as possible :).<br /> Here is my functions.php<br /> // This will create your widget area<br /> function my_widgets_init() {<br /> register_sidebar(array(<br /> 'admin_menu_order' =&gt; 201,<br /> 'name' =&gt; 'Narrow Right Column 135px',<br /> 'id' =&gt; 'widget_area_third_aside',<br /> 'before_widget' =&gt; '&lt;li id="%1$s" class="widgetcontainer %2$s"&gt;',<br /> 'after_widget' =&gt; "\n",<br /> 'before_title' =&gt; "&lt;h3 class=\"widgettitle\"&gt;",<br /> 'after_title' =&gt; "&lt;/h3&gt;\n",<br /> ));</p> <p>}<br /> add_action( 'init', 'my_widgets_init');</p> <p>// adding the widget area to your child theme<br /> function widget_area_third_aside() {<br /> if ( function_exists('dynamic_sidebar') &#38;&#38; is_sidebar_active('widget_area_third_aside') ) {<br /> echo '&lt;div id="third" class="aside main-aside"&gt;'. "\n" . '&lt;ul class="xoxo"&gt;' . "\n";<br /> dynamic_sidebar('widget_area_third_aside');<br /> echo '' . "\n" . ''. "\n";<br /> echo '' . "\n" . '&lt;/div&gt;&lt;!-- #belowmainasides .aside --&gt;'. "\n";<br /> }<br /> }<br /> add_action('thematic_widget_area_third_aside', 'my_sidebar_widgets', 0);</p> <p> function rename_widgetized_area($content) {<br /> $content['Primary Aside']['args']['name'] = 'Wide Sidebar 300px';<br /> $content['Secondary Aside']['args']['name'] = 'Narrow Left Column 135px';<br /> return $content;<br /> }<br /> add_filter('thematic_widgetized_areas', 'rename_widgetized_area');</p> <p>Here is my sidebar.php in my childtheme.</p> <p> // action hook for placing content above the main asides<br /> thematic_abovemainasides();</p> <p> // action hook creating the primary aside<br /> widget_area_primary_aside(); </p> <p> // action hook for placing content between primary and secondary aside<br /> thematic_betweenmainasides();</p> <p> // action hook creating the secondary aside<br /> widget_area_secondary_aside(); </p> <p> // action hook creating the secondary aside<br /> widget_area_third_aside(); </p> <p> // action hook for placing content below the main asides<br /> thematic_belowmainasides();</p> <p>And here is a link to the temp url I have applied this to.<br /> <a href="http://174.121.151.252/~italians/" rel="nofollow">http://174.121.151.252/~italians/</a></p> <p>All is well on the actual site. In the admin, the new widget shows below the Page Bottom widget. I need it directly below the secondary.</p> <p>I've copied and pasted so many different things that I am sure I have screwed something up, but like I said, widgets work great, just can't reorder them in the admin.<br /> Tried to redo it filtering using this thread...<br /> <a href="http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas" rel="nofollow">http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas</a><br /> but then its giving me errors, I think the sidebar.php is conflicting that I used....I have a headache and really could use someone elses eyes please? </p> http://themeshaper.com/forums/topic/sidebar-widgets-not-changing-on-static-home-or-blog-pages#post-21415 Sat, 21 May 2011 20:47:52 +0000 joshwd 21415@http://themeshaper.com/forums/ <p>Hmm. I made a change to the Menu, and now suddenly it reflected a change. Seems that it only reflects sidebar changes when I make some other edit to the page. </p> http://themeshaper.com/forums/topic/sidebar-widgets-not-changing-on-static-home-or-blog-pages#post-21414 Sat, 21 May 2011 20:03:55 +0000 joshwd 21414@http://themeshaper.com/forums/ <p>I'm using a child theme of Thematic 0.9.7.7. For what it's worth, I've only made a few cosmetic changes to the theme.</p> <p>Anyway, I want to change the content of the sidebar - everywhere on the site, really, but in particular the Home page and the Blog page. But no matter where I add or remove widgets, these two pages refuse to change from the default side content (Search, Pages, Categories, Archives). I've tried deleting every widget from every possible sidebar, as well as moving, editing, and adding widgets to Primary Aside, Index Top, Single Top, and Page Top. None of these has any impact on the contents of the sidebar.</p> <p>Am I missing something? Or do I need to dive into the php just to edit the sidebar on the home page?</p> <p>Thanks! </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21206 Tue, 10 May 2011 16:45:12 +0000 joshuaiz 21206@http://themeshaper.com/forums/ <p>That was it - thank you @middlesister! </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21204 Tue, 10 May 2011 14:45:09 +0000 joshuaiz 21204@http://themeshaper.com/forums/ <p>@middlesister: you are right...let me fix that and see if it works - thanks I never noticed that :) </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21180 Mon, 09 May 2011 18:11:08 +0000 middlesister 21180@http://themeshaper.com/forums/ <p>Hmm..<br /> I wonder if it hasn't got to do with element nesting anyway.<br /> You have a resulting html structure of</p> <pre><code>&lt;div id=&quot;aside1-tweet&quot;&gt; &lt;ul class=&quot;sub1-tweet&quot;&gt; &lt;li id=&quot;viztweet&quot;&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id=&quot;tweet&quot;&gt; &lt;li id=&quot;tweetlist&quot;&gt;&lt;/li&gt; &lt;/div&gt; &lt;div id=&quot;tweet2&quot;&gt; &lt;li id=&quot;tweetlist2&quot;&gt;&lt;/li&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> <p>Where the tweetlists <code>&lt;li&gt;</code> items are not enclosed in <code>&lt;ul&gt;</code>'s. This is not valid markup. What Chrome seems to be doing is trying to 'fix' this by moving the li#tweetlist as sibling to the li.widgetcontainer (which is the nearest un-closed <code>&lt;ul&gt;</code> element). And then the confusion goes on. </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21179 Mon, 09 May 2011 16:56:29 +0000 joshuaiz 21179@http://themeshaper.com/forums/ <p>Hi Helga,</p> <p>At first I thought it was an umatched div but they are all closed properly (or at least I think they are). There's no errors or warnings in any web inspectors...</p> <p>The code I have works in Safari, FF3 but not in FF4 or Chrome. When I take out the php code, the footer displays properly.</p> <p>You can see here: <a href="http://www.vizualrecords.com/catalog/eps/viz001" rel="nofollow">http://www.vizualrecords.com/catalog/eps/viz001</a></p> <p>(or any page really - it is in the first subsidiary widget)</p> <p>Here is the full code for this particular widget:</p> <pre><code>&lt;div id=&quot;aside1-top&quot;&gt; &lt;div id=&quot;aside1-image&quot;&gt;&lt;img id=&quot;footlogo&quot; src=&quot;http://www.vizualrecords.com/images/vizual_logo_side_text.png&quot;&gt;&lt;/div&gt; &lt;ul class=&quot;sub-text&quot;&gt; &lt;li&gt;1200 W Monroe #613 Chicago, IL 60607 USA&lt;/li&gt; &lt;li&gt;Tel: +1 312 476 9716&lt;/li&gt; &lt;li&gt;Fax: +1 267 565 3327&lt;/li&gt; &lt;/div&gt; &lt;div id=&quot;aside1-tweet&quot;&gt; &lt;p class=&quot;sub-head&quot;&gt;Follow Vizual Records and Joshua Iz on &lt;i&gt;Twitter&lt;/i&gt;: &lt;ul class=&quot;sub1-tweet&quot;&gt; &lt;li id=&quot;viztweet&quot;&gt;&lt;a href=&quot;http://twitter.com/vizualrecords&quot; title=&quot;Follow Vizual Records on Twitter&quot;&gt;@vizualrecords&lt;/a&gt; &lt;li&gt;&lt;a href=&quot;http://twitter.com/joshuaiz&quot; title=&quot;Follow Joshua Iz on Twitter&quot;&gt;@joshuaiz&lt;/a&gt;&lt;/li&gt; &lt;div id=&quot;tweet&quot;&gt; &lt;?php $feedURL = &quot;http://twitter.com/statuses/user_timeline/116496056.rss&quot;; $headers = @get_headers($feedURL); if (preg_match(&quot;/200/&quot;, $headers[0])){ $doc = new DOMDocument(); $doc-&gt;load($feedURL); $arrFeeds = array(); foreach ($doc-&gt;getElementsByTagName(&#39;item&#39;) as $node) { $itemRSS = array ( &#39;title&#39; =&gt; $node-&gt;getElementsByTagName(&#39;title&#39;)-&gt;item(0)-&gt;nodeValue, ); array_push($arrFeeds, $itemRSS); } $limit = 1; for($x=0;$x&lt;$limit;$x++) { $title = str_replace(&#39;vizualrecords: &#39;, &#39;&#39;, $arrFeeds[$x][&#39;title&#39;]); $str = ereg_replace(&quot;[[:alpha:]]+://[^&lt;&gt;[:space:]]+[[:alnum:]/]&quot;,&quot;&lt;a&gt;\&lt;/a&gt;&quot;, $title); $pattern = &#39;/[#|@][^\s]*/&#39;; preg_match_all($pattern, $str, $matches); foreach($matches[0] as $keyword) { $keyword = str_replace(&quot;)&quot;,&quot;&quot;,$keyword); $link = str_replace(&quot;#&quot;,&quot;%23&quot;,$keyword); $link = str_replace(&quot;@&quot;,&quot;&quot;,$keyword); if(strstr($keyword,&quot;@&quot;)) { $search = &quot;&lt;a&gt;$keyword&lt;/a&gt;&quot;; } else { $link = urlencode($link); $search = &quot;&lt;a&gt;$keyword&lt;/a&gt;&quot;; } $str = str_replace($keyword, $search, $str); } echo &#39;&lt;li id=&quot;tweetlist&quot;&gt;&#39;.$str.&#39;&#39;; } } else echo &#39;&lt;li id=&quot;tweetlist&quot;&gt; Follow &lt;a href=&quot;http://twitter.com/joshuaiz&quot;&gt;@joshuaiz&lt;/a&gt; and &lt;a href=&quot;http://twitter.com/izanddiz&quot;&gt;@izanddiz!&lt;/a&gt; Go Bears. Love yourself and help those less fortunate than you. Eat good food. Smile.&#39;; ?&gt; &lt;/div&gt; &lt;div id=&quot;tweet2&quot;&gt; &lt;?php $feedURL = &quot;http://twitter.com/statuses/user_timeline/17103844.rss&quot;; $headers = @get_headers($feedURL); if (preg_match(&quot;/200/&quot;, $headers[0])){ $doc = new DOMDocument(); $doc-&gt;load($feedURL); $arrFeeds = array(); foreach ($doc-&gt;getElementsByTagName(&#39;item&#39;) as $node) { $itemRSS = array ( &#39;title&#39; =&gt; $node-&gt;getElementsByTagName(&#39;title&#39;)-&gt;item(0)-&gt;nodeValue, ); array_push($arrFeeds, $itemRSS); } $limit = 1; for($x=0;$x&lt;$limit;$x++) { $title = str_replace(&#39;joshuaiz: &#39;, &#39;&#39;, $arrFeeds[$x][&#39;title&#39;]); $str = ereg_replace(&quot;[[:alpha:]]+://[^&lt;&gt;[:space:]]+[[:alnum:]/]&quot;,&quot;&lt;a&gt;\&lt;/a&gt;&quot;, $title); $pattern = &#39;/[#|@][^\s]*/&#39;; preg_match_all($pattern, $str, $matches); foreach($matches[0] as $keyword) { $keyword = str_replace(&quot;)&quot;,&quot;&quot;,$keyword); $link = str_replace(&quot;#&quot;,&quot;%23&quot;,$keyword); $link = str_replace(&quot;@&quot;,&quot;&quot;,$keyword); if(strstr($keyword,&quot;@&quot;)) { $search = &quot;&lt;a&gt;$keyword&lt;/a&gt;&quot;; } else { $link = urlencode($link); $search = &quot;&lt;a&gt;$keyword&lt;/a&gt;&quot;; } $str = str_replace($keyword, $search, $str); } echo &#39;&lt;li id=&quot;tweetlist2&quot;&gt;&#39;.$str.&#39;&#39;; } } else echo &#39;&lt;li id=&quot;tweetlist2&quot;&gt; Big hearts in a small world. It Iz What It Iz.&#39;; ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;social_icons&quot;&gt;&lt;a href=&quot;http://www.facebook.com/vizualrecords&quot; title=&quot;Vizual Records on Facebook&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://www.twitter.com/vizualrecords&quot; title=&quot;Follow Vizual Records on Twitter&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://soundcloud.com/vizual&quot; title=&quot;Vizual Records on SoundCloud&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://www.joshuaiz.com/&quot; title=&quot;Joshua Iz&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://www.vizualrecords.com/feed/&quot; title=&quot;Vizual Records posts RSS feed&quot;&gt;&lt;/a&gt;&lt;/div&gt;</code></pre> <p>I've tried all different php scripts and functions and either they don't work at all (in any browser) or they break the layout in FF4/Chrome. There must be something that FF4 and Chrome don't like.</p> <p>In addition, I've tried different PHP widget plugins to no avail.</p> <p>J </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21158 Mon, 09 May 2011 02:45:51 +0000 helgatheviking 21158@http://themeshaper.com/forums/ <p>some browsers try to auto-correct improperly closed divs and others don't. what are you putting in the widgets and can you get around that? </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21154 Sun, 08 May 2011 23:15:08 +0000 joshuaiz 21154@http://themeshaper.com/forums/ <p>Well, I'm closer - looks like FF4 and Chrome don't like PHP code in widgets so this is the culprit...how to get around it is the question now. </p> http://themeshaper.com/forums/topic/div-order-broken-in-firefox-4-and-chrome#post-21131 Sun, 08 May 2011 14:56:39 +0000 joshuaiz 21131@http://themeshaper.com/forums/ <p>Hi,</p> <p>After testing my site on Firefox 4 and Chrome, the div order is broken - specifically for the second and third subsidiary asides which are now outside the #footer (and #wrapper for that matter). This is causing all kinds of trouble with my layout in those browsers and I'm not exactly sure how to fix it.</p> <p>Here is how the divs are structured in Safari, Firefox 3.x:<br /> <pre><code>&lt;div id=&quot;footer&quot;&gt; &lt;div id=&quot;subsidiary&quot;&gt; &lt;div id=&quot;first&quot; class=&quot;aside sub-aside&quot;&gt;&lt;/div&gt; &lt;div id=&quot;second&quot; class=&quot;aside sub-aside&quot;&gt;&lt;/div&gt; &lt;div id=&quot;third&quot; class=&quot;aside sub-aside&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> <p>Now, here is the structure in Firefox 4 and Google Chrome:<br /> <pre><code>&lt;div id=&quot;wrapper&quot; class=&quot;hfeed&quot;&gt; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt; &lt;div id=&quot;main&quot;&gt;&lt;/div&gt; &lt;div id=&quot;footer&quot;&gt; &lt;div id=&quot;subsidiary&quot;&gt; &lt;div id=&quot;first&quot; class=&quot;aside sub-aside&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;social_icons&quot;&gt;&lt;/div&gt; //should be inside &quot;first&quot; &lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;second&quot; class=&quot;aside sub-aside&quot;&gt; //outside &quot;wrapper&quot; - should be inside &quot;subsidiary&quot; after &quot;first&quot; &lt;div id=&quot;third&quot; class=&quot;aside sub-aside&quot;&gt; //outside &quot;wrapper&quot; - should be inside &quot;subsidiary&quot; after &quot;second&quot;</code></pre> <p>[I guess the tabs aren't showing here but in the first example, all of the asides are within the "subsidiary" div inside the "footer" div; in the second example, the 2nd and 3rd subsidiary asides are outside of the "wrapper" div - not within "subsidiary" and "footer" at all]</p> <p>Any idea on how to fix this? </p> <p>I'm using the latest version of Thematic/WP 3.1.2/Latest versions of FF and Chrome. </p> http://themeshaper.com/forums/topic/remove-header-widget-on-blog-pages#post-19896 Tue, 22 Mar 2011 06:55:04 +0000 beanfair 19896@http://themeshaper.com/forums/ <p>Please post your code, thanks! </p> http://themeshaper.com/forums/topic/remove-header-widget-on-blog-pages#post-19832 Fri, 18 Mar 2011 13:53:33 +0000 Sabra 19832@http://themeshaper.com/forums/ <p>Hi folks, I need some help again, sorry!</p> <p>I've succesfully added a widget area to my header, follow <a href="http://themeshaper.com/forums/topic/widgets-in-the-header">these</a> instructions. I've also succesfully made the primary aside appear on my pages only, and the secondary aside appear on my blog only, following <a href="http://themeshaper.com/forums/topic/alternating-sidebars-depending-on-homepages#post-18300">these</a> instructions, with some modifications.</p> <p>Now I want my newly created header-aside to appear only on my pages. I've adjusted the code I used before, but I'm having no luck. </p> <p>Can anyone help me with this? (should I post my code here too? Let me know if I should)</p> <p>Thanks!</p> <p>Sabra </p> http://themeshaper.com/forums/topic/thematic-sidebar-problem-above-below-and-between-main-asides#post-17751 Tue, 14 Dec 2010 06:30:43 +0000 Direct Sponsor 17751@http://themeshaper.com/forums/ <p>Yep; the above was the root of the issue.</p> <p>The action:</p> <blockquote><p> // Add graphic with rounded corners below main aside...<br /> function add_below_main_aside() {<br /> ?&gt;<br /> &lt;div class="aside main-aside below-main-aside"&gt;&lt;/div&gt;<br /> &lt;?php<br /> }<br /> add_action('thematic_belowmainasides','add_below_main_aside'); </p></blockquote> <p>The CSS:</p> <blockquote><p> .below-main-aside{<br /> clear:right; width:250px; /*Fix: These are essential for prompting the div to behave like primary and secondary.<br /> This class need to be used with aside and main-aside to achieve the behaviour of the primary and secondary aside.*/<br /> height:70px;<br /> background-image:url(images/some-image.png);<br /> background-repeat:no-repeat;<br /> background-color:transparent;<br /> } </p></blockquote> http://themeshaper.com/forums/topic/thematic-sidebar-problem-above-below-and-between-main-asides#post-17750 Tue, 14 Dec 2010 05:18:43 +0000 Direct Sponsor 17750@http://themeshaper.com/forums/ <p>After a few hours of playing with the CSS I've discovered the following:</p> <p>If placing a div inside thematic_belowmainaside() it needs to be cleared (clear:right).</p> <p>I'll post back later. </p> http://themeshaper.com/forums/topic/thematic-sidebar-problem-above-below-and-between-main-asides#post-17748 Tue, 14 Dec 2010 04:10:43 +0000 Direct Sponsor 17748@http://themeshaper.com/forums/ <p>Can anybody conceptually explain to me how the following hooks are supposed to work in terms of CSS:</p> <blockquote><p> thematic_abovemainaside()<br /> thematic_betweenmainaside()<br /> thematic_belowmainaside() </p></blockquote> <p>I'm basically adding adding a graphic with rounded corners above and below the primary and secondary asides.</p> <p>For above and between the left margin needs to include the width of #container but not for below. Any ideas why?</p> <p>Other inconsistencies exist. Why do these three hooks behave differently and not as simply as one might expect?</p> <p>How do they even work in the first place?</p> <p><em>I'm just looking for an explanation of the logic but can paste code if necessary.</em> </p> http://themeshaper.com/forums/topic/adding-non-widget-content-to-sidebars-asides#post-17312 Sat, 27 Nov 2010 21:49:58 +0000 krowchuk 17312@http://themeshaper.com/forums/ <p>In the spirit of giving back to the community as a way of saying thanks, I am posting a solution that I have used to an issue that had me stumped for a long time. I hope that somebody will find this useful!</p> <p>While switching my old theme over to Thematic I wanted to be able to place non-widgetized functions into the main and secondary asides (sidebars) above and below any widgets that I might use in those sidebars. While I am using a 3 column (primary aside to left, content in middle, secondary aside to the right) layout, the information below could prove to be useful for other layouts as well.</p> <p>Like most things in Wordpress and Thematic, there are several ways to accomplish this. I am not very well versed in php and barely competent in css, (but wish to learn and get better at both!) so my method that I finally settled on may not be the best for you. Likewise, if anyone can share a method that would accomplish this in a better way, I would love to learn about it.</p> <p>So, to begin;</p> <p>I wanted to be able to place the thumbnail at the top of the primary aside (in 3col layout this is the left sidebar) and my current theme uses a custom field for the caption below the thumbnail image. </p> <p>Below these items I wished to be able to add any widget I might need in the future.</p> <p>The code I use in my old theme to display this:</p> <pre><code>&lt;div class=&quot;sidebar widesidebar&quot;&gt; &lt;?php echo get_the_post_thumbnail($wp_query-&gt;post-&gt;ID); ?&gt; &lt;div id=&quot;thumb-caption&quot;&gt; &lt;h2&gt; &lt;?php echo get_post_meta($post-&gt;ID, &#39;thumb_caption&#39;, true); ?&gt; &lt;/h2&gt; &lt;/div&gt;&lt;!-- end thumb-caption --&gt; &lt;?php if (!function_exists(&#39;dynamic_sidebar&#39;) || !dynamic_sidebar(&#39;wide&#39;)) : ?&gt; &lt;?php endif; ?&gt; &lt;/div&gt;&lt;!--end sidebar--&gt;</code></pre> <p>This presented a challenge to my Thematic "remodeling" adventure, since I was still stuck in my old way of thinking, that is, to simply customize the code inside the sidebar. There was not an (apparently) easy way to do this in Thematic without either;</p> <p>a-) over riding the entire aside with a child aside</p> <p>or...</p> <p>b-) using a plugin that allows you to place and execute custom php into a widget and then place that widget into the sidebar.</p> <p>I actually decided to try "option b" but quickly abandoned that when it didn't quite work so well with multiple copies of the widget in the same sidebar.</p> <p>I really wanted to do this the "Thematic" way! Without even really knowing yet what that is...</p> <p>My first attempt was to create a function using an action hook into thematic_abovemainasides(). </p> <pre><code>// Thumbs and custom field function thumbnail() { ?&gt; &lt;div id=&quot;above-aside&quot;&gt; &lt;ul&gt; &lt;?php $postid = get_the_ID(); ?&gt; &lt;?php the_post_thumbnail(); ?&gt; &lt;div class=&quot;thumb-caption&quot;&gt; &lt;h3&gt;&quot;&lt;?php echo get_post_meta($postid, &#39;thumb_caption&#39;, true); ?&gt;&quot;&lt;/h3&gt; &lt;/div&gt;&lt;!-- end thumb-caption --&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- end above-aside --&gt; &lt;?php } add_action(&#39;thematic_abovemainasides&#39;, &#39;thumbnail&#39;);</code></pre> <p>I was on the right path as it turns out, however, I created a css styling nightmare! The first thing it did was break my lovely 3 column layout! I managed to fix that when it was suggested that I needed to give my div the same classes as the primary aside. </p> <pre><code>// Thumbs and custom field function thumbnail() { ?&gt; &lt;div id=&quot;primary&quot; class=&quot;aside main-aside&quot;&gt; &lt;ul&gt; &lt;?php $postid = get_the_ID(); ?&gt; &lt;?php echo get_the_post_thumbnail(); ?&gt; &lt;div class=&quot;callout-caption&quot;&gt; &lt;h3&gt;&quot;&lt;?php echo get_post_meta($postid, &#39;callout_caption&#39;, true); ?&gt;&quot;&lt;/h3&gt; &lt;/div&gt;&lt;!-- end callout-caption --&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- end primary main aside --&gt; &lt;?php } add_action(&#39;thematic_abovemainasides&#39;, &#39;thumbnail&#39;);</code></pre> <p>Beautiful! I thought the problem was solved, and it would have been if I didn't need to place a widget into the primary aside. The lesson to be learned here was that any content that you action hook into the thematic_abovemainasides() appears above the main asides, completely outside of the div containing the aside. In this case;</p> <pre><code>&lt;div id=&quot;primary&quot; class=&quot;aside main-aside&quot;&gt; &lt;!-- Thumb and custom field display in here --&gt; &lt;/div&gt;&lt;!-- end primary, aside, main-aside --&gt; &lt;div id=&quot;primary&quot; class=&quot;aside main-aside&quot;&gt; &lt;!-- widgets display in here --&gt; &lt;/div&gt;&lt;!-- end primary, aside, main-aside --&gt;</code></pre> <p>Aside from producing invalid html code (#primary -&gt; twice) this created a css styling nightmare where the second primary div overlapped the first and I could not figure out how to place it correctly below the first one. Besides, what I really wanted was the thumb and custom field "inside" the primary aside, not above it!</p> <p>Like this;</p> <pre><code>&lt;div id=&quot;primary&quot; class=&quot;aside main-aside&quot;&gt; &lt;!-- Thumb and custom field display in here --&gt; &lt;!-- widgets display in here --&gt; &lt;/div&gt;&lt;!-- end primary, aside, main-aside --&gt;</code></pre> <p>You could simply take option b- and install a plugin to execute your php inside a widget and drag that into the primary aside from the widgets area of dashboard, but what if you want to display a custom field or function below any widgets in that aside?</p> <p>The solution is to think outside of the box, or div as it may be in this case!</p> <p>Thematic has numerous action hook areas, indeed there is one called thematic_betweenmainasides() and another called thematic_belowmainasides()</p> <p>What this allowed me to do was to create a "primary wrapper" container so to speak, by opening the wrapping div in thematic_abovemainasides and closing it in the thematic_betweenmainasides like this:</p> <pre><code>// Add wrap div into the primary aside using abovemainasides and belowmainasides function wrap_aboveprimary() { ?&gt; &lt;div id=&quot;primary-wrap&quot; class=&quot;aside main-aside&quot;&gt; &lt;ul&gt; &lt;?php $postid = get_the_ID(); ?&gt; &lt;?php echo get_the_post_thumbnail(); ?&gt; &lt;div class=&quot;thumb-caption&quot;&gt; &lt;h3&gt;&quot;&lt;?php echo get_post_meta($postid, &#39;thumb_caption&#39;, true); ?&gt;&quot;&lt;/h3&gt; &lt;/div&gt;&lt;!-- end thumb-caption --&gt; &lt;/ul&gt; &lt;?php } add_action(&#39;thematic_abovemainasides&#39;,&#39;wrap_aboveprimary&#39;); function wrap_belowprimary() { ?&gt; &lt;/div&gt;&lt;!-- end primary-wrap --&gt; &lt;?php } add_action(&#39;thematic_betweenmainasides&#39;,&#39;wrap_belowprimary&#39;);</code></pre> <p>now all you need to do is to style it, copy the #primary css selectors and paste them into #primary-wrap, then change the #primary margin to 0, like this (your widths, margins and paddings may differ);</p> <pre><code>#primary { border:none; /* remove default border */ float: left; margin: 0; width: 340px; padding: 7px 0 0; } #primary-wrap { float: left; margin: 0 0 0 -940px; width: 340px; padding: 7px 0 0; }</code></pre> <p>There it is, a thing of Thematic beauty! My "Aha - Thematica!" moment!</p> <p>The thumb and custom field appears above the primary asides widgets in exactly the same place as I wished, top of the left aside. They "appear" to be inside the aside, but in reality they are inside a div that wraps the complete aside.</p> <p>We could take this a few steps further now, adding more custom fields or functions below the widgetized area of the primary aside, such as;</p> <pre><code>// Add wrap div into the primary aside using abovemainasides and belowmainasides function wrap_aboveprimary() { ?&gt; &lt;div id=&quot;primary-wrap&quot; class=&quot;aside main-aside&quot;&gt; &lt;ul&gt; &lt;?php $postid = get_the_ID(); ?&gt; &lt;?php echo get_the_post_thumbnail(); ?&gt; &lt;div class=&quot;thumb-caption&quot;&gt; &lt;h3&gt;&quot;&lt;?php echo get_post_meta($postid, &#39;thumb_caption&#39;, true); ?&gt;&quot;&lt;/h3&gt; &lt;/div&gt;&lt;!-- end thumb-caption --&gt; &lt;/ul&gt; &lt;?php } add_action(&#39;thematic_abovemainasides&#39;,&#39;wrap_aboveprimary&#39;); function wrap_belowprimary() { ?&gt; &lt;ul&gt; &lt;li&gt;&lt;?php if(function_exists(&#39;echo_ald_crp&#39;)) echo_ald_crp(); ?&gt;&lt;/li&gt; &lt;li&gt;&lt;?php if(function_exists(&#39;echo_ald_wherego&#39;)) echo_ald_wherego(); ?&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- end primary-wrap --&gt; &lt;?php } add_action(&#39;thematic_betweenmainasides&#39;,&#39;wrap_belowprimary&#39;);</code></pre> <p>Where I have added some calls to 2 of my favourite related post plugins that don't have widgets.</p> <p>And of course you could take this one step further to include some custom content at the top and bottom of Secondary aside as well. Open your div in thematic_betweenmainasides and close it in thematic_belowmainasides. I haven't tested this yet, but it seems to me that the same magic could occur!</p> <p>Have fun!</p> <p>Chris </p> http://themeshaper.com/forums/topic/custom-hook-gt-into-main-aside#post-16923 Fri, 12 Nov 2010 01:11:02 +0000 krowchuk 16923@http://themeshaper.com/forums/ <p>Oops! I lied!</p> <p>;-)</p> <p>of course, had I deleted the "echo get_" then of course it would work just fine!</p> <p>I declare this thread... solved!</p> <p>Cheers!<br /> Chris </p> http://themeshaper.com/forums/topic/custom-hook-gt-into-main-aside#post-16922 Fri, 12 Nov 2010 01:07:56 +0000 krowchuk 16922@http://themeshaper.com/forums/ <p>Hiya!</p> <p>Now that is strange, I deleted the "echo" and the thumbnail disappeared! Popped it back in and the thumbnail reappeared.</p> <p>scratch scratch! </p> http://themeshaper.com/forums/topic/custom-hook-gt-into-main-aside#post-16920 Fri, 12 Nov 2010 00:05:22 +0000 helgatheviking 16920@http://themeshaper.com/forums/ <p>well imho, if it works then it is good code! good enough anyway. there are things you learn along the way that sometimes make things faster and/or cleaner, but if it works that is a good start.</p> <p>the only thing i see is </p> <p>&lt;?php echo get_the_post_thumbnail(); ?&gt;</p> <p>could be</p> <p>&lt;?php the_post_thumbnail(); ?&gt;</p> <p>but i couldnt say if that actually would make a difference in terms of load time or anything (that is still beyond me). it is just a touch cleaner since your way is a little redundant. </p>