ThemeShaper Forums User Favorites: lewism

ThemeShaper Forums User Favorites: lewism http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 22 May 2013 23:01:02 +0000 helgatheviking on "full post and then excerpts on category pages" http://themeshaper.com/forums/topic/full-post-and-then-excerpts-on-category-pages#post-25084 Mon, 30 Jan 2012 15:02:00 +0000 helgatheviking 25084@http://themeshaper.com/forums/ cool share. i will have to check that out, i've been wondering how to do that myself. petskratt on "full post and then excerpts on category pages" http://themeshaper.com/forums/topic/full-post-and-then-excerpts-on-category-pages#post-25083 Mon, 30 Jan 2012 12:06:44 +0000 petskratt 25083@http://themeshaper.com/forums/ grrreat, thanks for code sample :-) and now to answer the original question with said sample - this modification will show first post on category archive as full and rest as excerpts: <pre><code>// category pages with full content function childtheme_content( $content ) { global $loopcounter; if ( is_category() & !$loopcounter ) { $content= 'full'; $loopcounter++; } return $content; } add_filter( 'thematic_content', 'childtheme_content' );</code></pre> bhomatude on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23871 Sat, 19 Nov 2011 23:33:19 +0000 bhomatude 23871@http://themeshaper.com/forums/ I ended up using this solution: <a href="http://themeshaper.com/forums/topic/thematic_close_wrapper-move-footer-out-of-wrapper-by-code#post-18881" rel="nofollow">http://themeshaper.com/forums/topic/thematic_close_wrapper-move-footer-out-of-wrapper-by-code#post-18881</a> combined with this sticky footer css: <a href="http://www.cssstickyfooter.com/using-sticky-footer-code.html" rel="nofollow">http://www.cssstickyfooter.com/using-sticky-footer-code.html</a> So far so good! bhomatude on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23870 Sat, 19 Nov 2011 21:34:58 +0000 bhomatude 23870@http://themeshaper.com/forums/ Thanks for the reply, Helga... Yes I do want the footer to always be visible and always stuck to the bottom of the browser (even when dynamically resizing the browser)... And also allow for scrollable content above, if necessary. There are various jquery plugins that seem to do it that I think I'll have to look into. helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23869 Sat, 19 Nov 2011 19:34:47 +0000 helgatheviking 23869@http://themeshaper.com/forums/ "If you resize the browser (safari/FF) the footer stays pinned to the bottom but you must now scroll to find it. Refreshing the browser, no matter what size it is, will place the footer at the bottom." the point of the sticky footer is that it is always at the bottom of the content and not floating in the middle of a short page. on a page with long enough content the content pushes the footer below the viewport anyway and it doesn't matter. the point isn't to always be fixed to the bottom of the viewport, which sounds like what you are after. in that case you do need position: absolute. bhomatude on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23868 Sat, 19 Nov 2011 18:51:31 +0000 bhomatude 23868@http://themeshaper.com/forums/ I'm still trying to find an elegant way to do this! Both Chris' and Helga's solutions work... BUT only when you first load the page. If you resize the browser (safari/FF) the footer stays pinned to the bottom but you must now scroll to find it. Refreshing the browser, no matter what size it is, will place the footer at the bottom. Any other ideas... So far, the only one that worked for me was just position:absolute but that broke in IE7 and it's not great because of the potential overlapping of elements. Dominor Novus on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23435 Wed, 12 Oct 2011 02:45:04 +0000 Dominor Novus 23435@http://themeshaper.com/forums/ Correction: The solution posted by Chris works exactly in FF. In Chrome it's about 10px off. IE is about 50px off. Safari is over 100px. Any ideas why this is happening? Dominor Novus on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-23434 Wed, 12 Oct 2011 02:23:31 +0000 Dominor Novus 23434@http://themeshaper.com/forums/ Can anyone help me in EXACTLY aligning the footer. Both solutions provided in this thread result in the bottom 20px or so the footer being off the page. mrmikeman on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-23210 Sat, 24 Sep 2011 06:51:45 +0000 mrmikeman 23210@http://themeshaper.com/forums/ im trying to do this same thing now and i add the code above and i get a syntax error on function my_header_widgets() { that line ^ helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22181 Thu, 07 Jul 2011 02:36:54 +0000 helgatheviking 22181@http://themeshaper.com/forums/ yeah? good to hear. also have i mentioned how much i really like your home page design? 4rederick on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22180 Wed, 06 Jul 2011 21:19:08 +0000 4rederick 22180@http://themeshaper.com/forums/ Worked great for me, Helga. Thank you. <a href="http://www.josephfrederick.com" rel="nofollow">www.josephfrederick.com</a> helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer/page/2#post-22177 Wed, 06 Jul 2011 15:43:53 +0000 helgatheviking 22177@http://themeshaper.com/forums/ thanks sergio for helping me test this! anyone else want to lend a hand. here's my latest version. seems to work for me, and almost works for sergio (though not in child themes apparently) <pre><code>// KIA Sticky Footer function kia_sticky() { ?> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ $.getDocHeight = function(){ return Math.max( $(document).height(), $(window).height(), /* For opera: */ document.documentElement.clientHeight ); }; matchHeight(); function matchHeight() { //available height of window - #header and #footer var mainHeight = $.getDocHeight() - $("#header").outerHeight() - $("#leader").outerHeight() - $("#footer").outerHeight() - parseInt($("#footer").css("margin-top")) - 1 - parseInt($("#main").css("padding-top"))- parseInt($("#main").css("padding-bottom")) - $("#wpadminbar").outerHeight() ; $('#main').css('min-height', mainHeight ); } $(window).resize(matchHeight); }); </script> <?php } add_action('wp_head', 'kia_sticky'); // End KIA Sticky Footer</code></pre> suggestions? sergiovieira on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-22176 Wed, 06 Jul 2011 14:26:31 +0000 sergiovieira 22176@http://themeshaper.com/forums/ @helgatheviking I think I missed your reply there, now it makes sense. :) sergiovieira on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-22172 Wed, 06 Jul 2011 13:22:16 +0000 sergiovieira 22172@http://themeshaper.com/forums/ This works for me: I removed all the reference to #leader which I believe was a bug: #header").outerHeight()*removed this* - jQuery("#leader").outerHeight() *removed this*- jQuery("#footer") changed the $ to jQuery // KIA Sticky Footer function kia_sticky() { ?> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ matchHeight(); function matchHeight() { //available height of window - #header and #footer var mainHeight = jQuery(document).height() - jQuery("#header").outerHeight() - jQuery("#footer").outerHeight() - parseInt(jQuery("#footer").css("margin-top")) - 1 - parseInt(jQuery("#main").css("padding-top"))- parseInt(jQuery("#main").css("padding-bottom")); //adjust for logged in viewers if(jQuery("#wpadminbar").length){ mainHeight = mainHeight - parseInt(jQuery("#wpadminbar").outerHeight()); } //height of actual #main content var mainReal = jQuery("#main").outerHeight(true); //height of actual $main content + padding var mainPadded = (mainReal + 1 + parseInt(jQuery("#main").css("padding-top")) + parseInt(jQuery("#main").css("padding-bottom"))); //if #main is smaller than the available window space, beef up it's height if ( mainPadded < mainHeight) { jQuery('#main').css('min-height',mainHeight); } } jQuery(window).resize(matchHeight); }); </script> <?php } add_action('wp_head', 'kia_sticky'); // End KIA Sticky Footer helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-22171 Wed, 06 Jul 2011 12:36:26 +0000 helgatheviking 22171@http://themeshaper.com/forums/ <pre><code>//available height of window - #header and #footer var mainHeight = $(document).height() - $("#header").outerHeight() - $("#leader").outerHeight() - $("#footer").outerHeight() - parseInt($("#footer").css("margin-top")) - 1 - parseInt($("#main").css("padding-top"))- parseInt($("#main").css("padding-bottom"));</code></pre> note that #header is already accounted for. #leader is from one of the thematic child themes (power blog maybe?) if you aren't using that it could probably be deleted. this isn't supposed to absolutely stick the footer to the bottom of the screen, it is supposed to push the footer down when the content is too short, so you don't get unstyled space below the #footer. so you should only see an effect on a short page. i'm testing it w/ the full-width template (no sidebar) and 1 line of text in the content. sergiovieira on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-22170 Wed, 06 Jul 2011 09:06:52 +0000 sergiovieira 22170@http://themeshaper.com/forums/ //available height of window - #header and #footer var mainHeight = $(document).height() - $("#header").outerHeight() - $("#leader") Where you have #leader do you mean #header? Is this supposed to work only when the page is shorter or also when the page is longer and you want to always see the footer? helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-22165 Wed, 06 Jul 2011 04:54:07 +0000 helgatheviking 22165@http://themeshaper.com/forums/ anybody want to help me test this? It appears to be working for me in Chrome, FF, IE9 and via IE's dev tools looks like it works back to IE7. there is no accompanying CSS. <pre><code>// KIA Sticky Footer function kia_sticky() { ?> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ matchHeight(); function matchHeight() { //available height of window - #header and #footer var mainHeight = $(document).height() - $("#header").outerHeight() - $("#leader").outerHeight() - $("#footer").outerHeight() - parseInt($("#footer").css("margin-top")) - 1 - parseInt($("#main").css("padding-top"))- parseInt($("#main").css("padding-bottom")); //adjust for logged in viewers if($("#wpadminbar").length){ mainHeight = mainHeight - parseInt($("#wpadminbar").outerHeight()); } //height of actual #main content var mainReal = $("#main").outerHeight(true); //height of actual $main content + padding var mainPadded = (mainReal + 1 + parseInt($("#main").css("padding-top")) + parseInt($("#main").css("padding-bottom"))); //if #main is smaller than the available window space, beef up it's height if ( mainPadded < mainHeight) { $('#main').css('min-height',mainHeight); } } $(window).resize(matchHeight); }); </script> <?php } add_action('wp_head', 'kia_sticky'); // End KIA Sticky Footer</code></pre> 4rederick on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-21868 Wed, 15 Jun 2011 15:51:45 +0000 4rederick 21868@http://themeshaper.com/forums/ Did we ever come up with a solution to this? I'd be mighty MIGHTY curious! Does the answer still lie in adding a function? <a href="http://josephfrederick.com/photography" rel="nofollow">http://josephfrederick.com/photography</a> ...Someone suggested adding an empty div between the footer div and the footer content, which I actually have (though I doubt there is a solution there). alex456 on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-20379 Thu, 07 Apr 2011 23:09:43 +0000 alex456 20379@http://themeshaper.com/forums/ kingsinger, you need to try out Total Widget Control. I think it will make working on widget placement a lot easier for you. louisJ on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19947 Wed, 23 Mar 2011 15:57:54 +0000 louisJ 19947@http://themeshaper.com/forums/ The code here works better for me! <a href="http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas#post-6660" rel="nofollow">http://themeshaper.com/forums/topic/something-new-bout-widgetized-areas#post-6660</a> louisJ on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19923 Tue, 22 Mar 2011 20:54:43 +0000 louisJ 19923@http://themeshaper.com/forums/ Hi I am a noob, I added Chris' code in my child theme functions.php but I don't see the new area for the header widget with firebug...no header-aside appears in the code. Can somebody help me please? By the way there are a lot of 'init' functions in the wordpress directory, which one of those is hooked here? Thanks helgatheviking on "Sticky Footer" http://themeshaper.com/forums/topic/sticky-footer#post-19694 Sun, 13 Mar 2011 16:16:15 +0000 helgatheviking 19694@http://themeshaper.com/forums/ resurrecting this post to 1. say that i was a dummy and that chris's code (first one) does do something. and 2. it isn't quite right however as it sticks the footer to just below the viewport. any thoughts on how to stick the footer to the bottom of the viewport? gino on "Adding tags around WP generated code +Mootools" http://themeshaper.com/forums/topic/adding-tags-around-wp-generated-code-mootools#post-19572 Tue, 08 Mar 2011 15:31:42 +0000 gino 19572@http://themeshaper.com/forums/ Thanks Helga I have only really just started using hook and filters but <a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> is very useful. Cheers Gino helgatheviking on "Adding tags around WP generated code +Mootools" http://themeshaper.com/forums/topic/adding-tags-around-wp-generated-code-mootools#post-19571 Tue, 08 Mar 2011 15:24:14 +0000 helgatheviking 19571@http://themeshaper.com/forums/ take a look at: <a href="http://visualizing.thematic4you.com/" rel="nofollow">http://visualizing.thematic4you.com/</a> you can see the hooks of where you'd want to put stuff. to wrap up #primary you'd open at thematic_abovemainasides and close at thematic_betweenmainasides gino on "Adding tags around WP generated code +Mootools" http://themeshaper.com/forums/topic/adding-tags-around-wp-generated-code-mootools#post-19568 Tue, 08 Mar 2011 15:12:35 +0000 gino 19568@http://themeshaper.com/forums/ Hi guys I was wondering if anybody has fixed this. I am trying to do exactly the same thing- ie:create a div around the primary widget area but I have not cracked it yet. Hope someone has! Thanks, Gino benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19552 Mon, 07 Mar 2011 17:26:50 +0000 benfrain.com 19552@http://themeshaper.com/forums/ One more point - didn't spot the post by cannobbio. Anyone finding this post in the future - make sure you paste the code from his post otherwise you will suffer validation errors as the first post is missing the code to make closing and tags. Here is the working code again: <pre><code>// This will create your widget area function my_widgets_init() { register_sidebar(array( 'name' => 'Header Aside', 'id' => 'header-aside', 'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">', 'after_widget' => "</li>\n", '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_header_widgets() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) { echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('header-aside'); echo '' . "\n" . '</ul>'. "\n"; echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_header', 'my_header_widgets', 8);</code></pre> benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19361 Thu, 24 Feb 2011 21:47:25 +0000 benfrain.com 19361@http://themeshaper.com/forums/ Aha - managed to suss it. This hook thing is pretty impressive. Any future readers who need the answer... To create this widget area (#header-aside) as the first div within #header and therefore above the logo area etc Just amend the code Chris used on the first page of the thread and change the hook number from '8' to '1' - Amazing stuff. Thanks for this great resource people - I'm learning loads! // This will create your widget area function my_widgets_init() { register_sidebar(array( 'name' => 'Header Aside', 'id' => 'header-aside', '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_header_widgets() { if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) { echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n"; dynamic_sidebar('header-aside'); echo '' . "\n" . '</div>'. "\n"; } } add_action('thematic_header', 'my_header_widgets', 8); benfrain.com on "widgets in the header" http://themeshaper.com/forums/topic/widgets-in-the-header/page/3#post-19354 Thu, 24 Feb 2011 16:44:45 +0000 benfrain.com 19354@http://themeshaper.com/forums/ Sorry to drag up an old thread but can someone enlighten me... I'd like my #header-aside DIV to be BEFORE my #branding DIV (as I'm going for a full length banner across the top of my site). How do I do this? More specifically, what do I need to change in Chris's code to swap up the order. Spent a few hours banging my head against the table - someone please point me to the light! Thanks - Ben acvessen on "Cutting off or resizing images in 0.9.7.7?" http://themeshaper.com/forums/topic/cutting-off-or-resizing-images-in-0977#post-19340 Wed, 23 Feb 2011 22:45:17 +0000 acvessen 19340@http://themeshaper.com/forums/ Hello em hr, edelen and Dave The images in my website are being stretched to a larger size for some reason too and its driving me crazy because I can’t find out why, except for that it is a “browser thing” because (as Dave mentioned) it doesn’t happen in Safari or Chrome. This happens on pages where a list of thumbnails are shown (http://www.beesknees.nl/portfolio/) AND on pages where the image is displayed in full size (http://www.beesknees.nl/2009/07/10/digimeente-application-govunited/). I’m using a child theme of thematic and had already deleted the “auto” from the height of .entry-content. The plugins I use on some of these pages (Portfolio Slideshow or Post Page Associator) have nothing to do with the problem, it happens to images on pages where these are not used (and I have already pestered the developers about this problem before I realized this). Can anyone help? Thanks, Colette Dave on "Cutting off or resizing images in 0.9.7.7?" http://themeshaper.com/forums/topic/cutting-off-or-resizing-images-in-0977#post-19133 Sat, 12 Feb 2011 10:18:14 +0000 Dave 19133@http://themeshaper.com/forums/ Hello em hr and edelen I am interested to know if you resolved your image handling issues within thematic. I am experiencing similar problems of failed image scaling, aspect ratio preservation, tables with images within not scaling to page content area and so forth. In my instance, it seems to be confined to when images are contained within tables and div's and viewed on IE and Firefox. Displays perfectly on Safari and Chrome browsers. Is this only addressable via implementation of a child theme filtering or is there a more elegant fix? Thank you for any insight on this. Regards, Dave