<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TransformationPowerTools</title>
	<atom:link href="http://www.transformationpowertools.com/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://www.transformationpowertools.com/wordpress</link>
	<description>for personal growth and transformation</description>
	<lastBuildDate>Fri, 20 Jan 2012 13:23:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Twenty Eleven &#8211; New Page Template with Sidebar Correction</title>
		<link>http://www.transformationpowertools.com/wordpress/twenty-eleven-new-page-template-with-sidebar-correction</link>
		<comments>http://www.transformationpowertools.com/wordpress/twenty-eleven-new-page-template-with-sidebar-correction#comments</comments>
		<pubDate>Fri, 20 Jan 2012 11:33:09 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[TwentyEleven]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1493</guid>
		<description><![CDATA[If you are creating a new page template for a child theme of Twenty Eleven, with a sidebar, you need to correct the body_class output to remove the css class .singular. Add this to functions.php of your child theme: If &#8230; <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-new-page-template-with-sidebar-correction">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you are creating a new page template for a child theme of Twenty Eleven, with a sidebar, you need to correct the body_class output to remove the css class <code>.singular</code>.</p>
<p>Add this to functions.php of your child theme:</p>
<pre class="brush: php; title: ; notranslate">add_filter('body_class', 'adjust_body_class', 20, 2);
function adjust_body_class($wp_classes, $extra_classes) { 

if( is_page_template('new-sidebar-page-template-file-name.php') ) :
// Filter the body classes     

	  foreach($wp_classes as $key =&gt; $value) {
	  if ($value == 'singular') unset($wp_classes[$key]);
	  }

endif;
// Add the extra classes back untouched
return array_merge($wp_classes, (array) $extra_classes );
}</pre>
<p>If you created more than one new page template with sidebar, change this one line in the code to something like:</p>
<pre class="brush: php; title: ; notranslate">if( is_page_template('new-sidebar-page-template-file-name.php') || is_page_template('another-sidebar-page-template.php') || is_page_template('further-sidebar-page-template.php') ) :</pre>
<p>The above codes are similar to what I used in <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages">this recent article</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/twenty-eleven-new-page-template-with-sidebar-correction/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress Post Thumbnails with Caption</title>
		<link>http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption</link>
		<comments>http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption#comments</comments>
		<pubDate>Thu, 05 Jan 2012 19:26:06 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[caption]]></category>
		<category><![CDATA[support forum]]></category>
		<category><![CDATA[thumbnail]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1473</guid>
		<description><![CDATA[This is a tidying up of a WordPress support forum topic &#8211; nothing really that I came up with myself. The question is how to post the caption with a post thumbnail, aka featured image, in an ordered way. This &#8230; <a href="http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption">capture it all ... <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This is a tidying up of a <a title="WordPress support forum link" href="http://wordpress.org/support/" target="_blank">WordPress support forum</a> topic &#8211; nothing really that I came up with myself.</p>
<p>The question is how to post the caption with a post thumbnail, aka featured image, in an ordered way.</p>
<p>This code below is tested in wp3.3.</p>
<pre class="brush: php; title: ; notranslate">//POST THUMBNAIL AND CAPTION STYLED SIMILAR TO .wp-caption//
function the_post_thumbnail_and_caption($size = '', $attr = '') {
global $post;

$thumb_id = get_post_thumbnail_id($post-&gt;id);

$args = array(
'post_type' =&gt; 'attachment',
'post_status' =&gt; null,
'parent' =&gt; $post-&gt;ID,
'include'  =&gt; $thumb_id
);

$thumbnail_image = get_posts($args);

if ($thumb_id &amp;&amp; $thumbnail_image &amp;&amp; isset($thumbnail_image[0])) {

$image = wp_get_attachment_image_src( $thumb_id, $size );
$image_width = $image[1];

$output = '&lt;div style=&quot;width: ' . ($image_width) . 'px&quot;&gt;';

$attr['class'] = ''; //move any 'class' attributes to the outer div, and remove from the thumbnail

$output .= get_the_post_thumbnail($post-&gt;ID, $size, $attr);

/* //Uncomment to show thumbnail title
$title = $thumbnail_image[0]-&gt;post_title;
if($title) :
$output .= '&lt;p&gt;';
$output .= $title;
$output .= '&lt;/p&gt;';
endif; */

/* //Uncomment to show the thumbnail caption */
$caption = $thumbnail_image[0]-&gt;post_excerpt;
if($caption) :
$output .= '&lt;p&gt;';
$output .= $caption;
$output .= '&lt;/p&gt;';
endif;

/* //Uncomment to show the thumbnail description
$descr = $thumbnail_image[0]-&gt;post_content;
if($descr) :
$output .= '&lt;p&gt;';
$output .= $descr;
$output .= '&lt;/p&gt;';
endif; */

/* //Uncomment to show the thumbnail alt field
$alt = get_post_meta($thumb_id, '_wp_attachment_image_alt', true);
if(count($alt)) :
$output .= '&lt;p&gt;';
$output .= $alt;
$output .= '&lt;/p&gt;';
endif; */

$output .= '&lt;/div&gt;';

}
echo $output;
}
</pre>
<p>(unfortunately, posting here removes the indents which would make the code easier to read)</p>
<p>Possible styles for that to make it look like an ordinary wp caption:</p>
<pre class="brush: css; title: ; notranslate">.thumbnail-caption { padding: 5px; background: #f5f5f5; border: 1px solid #ddd; }
.thumbnail-caption-text { text-align: center; margin-bottom: 5px; font-size: 90%; }
/*
.thumbnail-title-text { text-align: center; margin-bottom: 5px; font-size: 90%; }
.thumbnail-description-text { text-align: center; margin-bottom: 5px; font-size: 90%; }
.thumbnail-alt-text { text-align: center; margin-bottom: 5px; font-size: 90%; }
*/</pre>
<p>Use the code in the template, for instance in single.php, with one of the registered thumbnail sizes as parameter; example:</p>
<pre class="brush: php; title: ; notranslate">&lt;?php the_post_thumbnail_and_caption('large',array('class' =&gt; 'alignleft')); ?&gt;</pre>
<p>A huge &#8216;thank you&#8217; to all the contributers to <a href="http://wordpress.org/support/topic/display-caption-with-the_post_thumbnail" target="_blank">this topic</a> in the forum.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mini SEO &#8211; a Meta Description Field for Posts and Pages</title>
		<link>http://www.transformationpowertools.com/wordpress/mini-seo-meta-description-field-for-posts-and-pages</link>
		<comments>http://www.transformationpowertools.com/wordpress/mini-seo-meta-description-field-for-posts-and-pages#comments</comments>
		<pubDate>Tue, 03 Jan 2012 19:49:30 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[meta description]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[search ranking]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[seo plugin]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1462</guid>
		<description><![CDATA[Modern search engines do not rely on meta descriptions and meta keywords anymore for your ranking. However, they do preferably show a proper added meta description instead of the first few words of the post or page. If you can &#8230; <a href="http://www.transformationpowertools.com/wordpress/mini-seo-meta-description-field-for-posts-and-pages">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Modern search engines do not rely on meta descriptions and meta keywords anymore for your ranking.</p>
<p>However, they do preferably show a proper added meta description instead of the first few words of the post or page.</p>
<p>If you can enter this meta description into your WordPress blog or CMS, specifically for each post and static page, you can fine tune what you would like your customers to see with the search results.</p>
<p>Most users would download and install one of the many SEO plugins, which often come with a lot of unwanted features.</p>
<p>With a bit of programming, you can add your own &#8216;Meta Description Field&#8217; below the post/page editor.</p>
<p>The first part of the code needs to be added into functions.php of your theme:</p>
<pre class="brush: php; title: ; notranslate">// 'Custom Meta Description' field below post/page editor
add_action('admin_menu', 'custom_meta_desc');
add_action('save_post', 'save_custom_meta_desc');
function custom_meta_desc() {
add_meta_box('custom_meta_desc', 'Add meta description &lt;small&gt;(if left empty, the first 200 characters of the excerpt will be used)&lt;/small&gt;', 'custom_meta_desc_input_function', 'post', 'normal', 'high');
add_meta_box('custom_meta_desc', 'Add meta description &lt;small&gt;(if left empty, the first 200 characters of the excerpt will be used)&lt;/small&gt;', 'custom_meta_desc_input_function', 'page', 'normal', 'high');
}
function custom_meta_desc_input_function() {
global $post;
echo '&lt;input type=&quot;hidden&quot; name=&quot;custom_meta_desc_input_hidden&quot; id=&quot;custom_meta_desc_input_hidden&quot; value=&quot;'.wp_create_nonce('custom-meta-desc-nonce').'&quot; /&gt;';
echo '&lt;input type=&quot;text&quot; name=&quot;custom_meta_desc_input&quot; id=&quot;custom_meta_desc_input&quot; style=&quot;width:100%;&quot; value=&quot;'.get_post_meta($post-&gt;ID,'_custom_meta_desc',true).'&quot; /&gt;';
}
function save_custom_meta_desc($post_id) {
if (!wp_verify_nonce($_POST['custom_meta_desc_input_hidden'], 'custom-meta-desc-nonce')) return $post_id;
if (defined('DOING_AUTOSAVE') &amp;&amp; DOING_AUTOSAVE) return $post_id;
$customMetaDesc = $_POST['custom_meta_desc_input'];
update_post_meta($post_id, '_custom_meta_desc', $customMetaDesc);
}
</pre>
<p>The second part will be added into header.php, below the &lt;title&gt; tag:</p>
<pre class="brush: php; title: ; notranslate">&lt;meta name=&quot;description&quot; content=&quot;&lt;?php
if(is_singular() ) :
$text = get_post_meta($post-&gt;ID,'_custom_meta_desc',true);
if(!$text) $text = ($post-&gt;post_excerpt) ? $post-&gt;post_excerpt : substr($post-&gt;post_content, 0, 200).'...';
echo htmlentities(strip_tags(apply_filters('get_the_excerpt',$text)));
else :
/* optional area to program meta descriptions for index and archive pages, etc */
endif; ?&gt;&quot; /&gt;
</pre>
<div id="attachment_1463" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1463" title="metadesc" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2012/01/metadesc-300x145.jpg" alt="meat description input field" width="300" height="145" /><p class="wp-caption-text">&#39;Meta Description Input&#39; for posts and pages</p></div>
<p>The new input field will show directly below the post or page editor window.</p>
<p>Simply add your meta description text into the field, and press the usual &#8216;update&#8217; button;<br />
if left empty, the meta description will show the first 200 characters of the post or page.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/mini-seo-meta-description-field-for-posts-and-pages/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My Personal Transformation to a Raw Food Lifestyle</title>
		<link>http://www.transformationpowertools.com/wordpress/personal-raw-food-lifestyle</link>
		<comments>http://www.transformationpowertools.com/wordpress/personal-raw-food-lifestyle#comments</comments>
		<pubDate>Sun, 25 Dec 2011 21:45:09 +0000</pubDate>
		<dc:creator>dr michael</dc:creator>
				<category><![CDATA[Health]]></category>
		<category><![CDATA[Personal Development]]></category>
		<category><![CDATA[bootcamp]]></category>
		<category><![CDATA[breakthrough]]></category>
		<category><![CDATA[energy]]></category>
		<category><![CDATA[fruit and veg]]></category>
		<category><![CDATA[health]]></category>
		<category><![CDATA[lifestyle]]></category>
		<category><![CDATA[limits]]></category>
		<category><![CDATA[raw food]]></category>
		<category><![CDATA[weight-loss]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1378</guid>
		<description><![CDATA[On the last weekend in November, I attended a workshop with Genesis Sunfire in Somerset UK. The workshop was advertised as: &#8216;Moving From Sedation To Living On Soul Vibration &#8211; Rites Of Passage&#8217;. From the content of Genesis&#8217; website, I &#8230; <a href="http://www.transformationpowertools.com/wordpress/personal-raw-food-lifestyle">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>On the last weekend in November, I attended a workshop with <a href="http://jerichosunfire.moonfruit.com/" target="_blank"><strong><em>Genesis Sunfire</em></strong></a> in Somerset UK.</p>
<p>The workshop was advertised as:<br />
<strong>&#8216;Moving From Sedation To Living On Soul Vibration &#8211; Rites Of Passage&#8217;</strong>.</p>
<p>From the content of Genesis&#8217; website, I had no idea what to expect.</p>
<p>I was more or less just accompanying my wife Fiona who was going to make a documentary of the workshop and report on her own personal experiences (you can find <a href="http://fionastolze.com/anyone-for-a-fitness-bootcamp-with-genesis-sunfire" target="_blank">details of the workshop</a> on her site).</p>
<p>Generally, I do like challenges and workshops, and it had been a while since the last one<em></em><em></em>.</p>
<div id="attachment_1392" class="wp-caption alignleft" style="width: 180px"><img class="size-full wp-image-1392" title="michael-in bootcamp-end-nov-2011" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2011/12/michael-in-bootcamp-end-nov-2011.png" alt="" width="170" height="300" /><p class="wp-caption-text">this is me at the last day of the workshop - end of Nov - before the big changes</p></div>
<p>And on some level, I was at a point where a change to my lifestyle seemed to be something worthwhile to consider.</p>
<p>I was overeating on a &#8216;standard&#8217; omnivore diet, binging from the fridge and biscuit cupboard, and gaining weight constantly.</p>
<p>I guess my BMI (body mass index) with an estimated 28 was well into the &#8216;overweight&#8217; region; even being 1.83 m (over 8 ft) tall, my weight of over 93 kg (appr. 14 st 9 lbs) was definitively slowing me down.</p>
<p>Theoretically, I thought I knew about healthy eating, because, apart from many other qualifications, I have a diploma in Diet &amp; Nutrition &#8211; but in real life, this had no effect on my eating habits.</p>
<p>Just to repeat: I was totally unprepared for what the workshop really was about.</p>
<p>The Friday evening was about the introduction to the two days of the &#8216;bootcamp&#8217;, to be prepared for eventualities, and about a assessment of each individuals fitness, and the proper preparation and use of the &#8216;salt water flush&#8217;. The goal of the workshop was to step the eating habits one step up towards freedom from food; i.e. from cooked food onmivore to raw food vegetarian; from raw food to living of fruit alone, and then to juices, and further &#8211; starting with the first day of the workshop.</p>
<p>The practical part started on Saturday morning at 5am with the actual salt water flush, and continued with physical exercises designed to carry each participant way beyond any pre-perceived limits (I must admit this was really hard work and totally exhausting for me).<br />
The day ended with motivational talks by Genesis.</p>
<p>Sunday morning &#8211; again at 5am &#8211; saw another salt water flush, and more physical exercises (phew!! more hard work). And a final talk by Genesis about the downfalls of processed food, and the way ahead.</p>
<p>This guy is a brilliant teacher and motivator, who really knows how to deliver the message.</p>
<p>During these days I ate just one carrot and an orange, plus drank plenty water.  I must say that I have spend days in the past during which I virtually did not eat anything until tea time, so that was nothing particular diffficult for me. Although i had never in my recent past eaten so little.</p>
<p>Homework was to continue with the salt water flushes for the next five days, and to continue with a strict raw food diet focussed on fresh fruit and juices during that time &#8211; which we (my wife and I) did.<br />
Since then we are eating mainly raw food daily (definitively over 98% raw), and are now enoying our new raw lifestyle.</p>
<div id="attachment_1419" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1419 " title="amazing new weight - 1 month after the bootcamp" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2011/12/amazing-new-weight-1-month-after-the-bootcamp-300x147.jpg" alt="new weight after one month" width="300" height="147" /><p class="wp-caption-text">first time on the scales - 1 month after the bootcamp</p></div>
<p><em><strong>One month later</strong></em>, which happened to be on Christmas day: I got some new scales, and weighted myself for the first time, and the result was amazing &#8211; just below 80kg (appr. 12 st 8 lbs).<br />
This is an estonishing estimated weight loss of 13 kg (appr. 2 st) in just over four weeks!<br />
And without any hardship, no deprivation of tasty food, or extreme exercise; and despite continuing to prepare cooked and fried meals for the kids (who as a side effect started to accept salads and freshly juiced drinks as well <img src='http://www.transformationpowertools.com/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />   )</p>
<p>In these last four weeks I simply felt lighter, stood straighter, had general more energy.</p>
<p>We are continuing the raw food lifestyle, and are having fun with it.</p>
<div id="attachment_1458" class="wp-caption alignleft" style="width: 220px"><img class="size-medium wp-image-1458 " title="salmon treat on mooli 2" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2011/12/salmon-treat-on-mooli-2-300x225.jpg" alt="smoked scottish salmon on mooli with wasabi, dill and lemon" width="210" height="158" /><p class="wp-caption-text">smoked scottish salmon on mooli with wasabi, dill and lemon</p></div>
<p>On Christmas, day we started off with a (nearly*) raw brunch:<br />
smoked Scottish salmon (my first animal product in these four weeks) on oat crackers*, with  mooli, mushrooms, wasabi, dill, and lemon, together with one glass of bubbly*.</p>
<div id="attachment_1450" class="wp-caption alignright" style="width: 220px"><img class="size-medium wp-image-1450 " title="coleslaw of brussel sprouts and red cabbage" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2011/12/coleslaw-of-brussel-sprouts-and-red-cabbage-300x183.jpg" alt="" width="210" height="128" /><p class="wp-caption-text">coleslaw with brussel sprouts, red cabbage, parsnips and carrots</p></div>
<p>Christmas dinner was a raw nut loaf with a coleslaw of Brussel sprouts, red cabbage, parsnips and carrot (just olive oil, no majo) with guacamole &#8211; (plus two roast potatoes* and other trimmings* borrowed from the more traditional cooked dinner the rest of the family was eating).</p>
<p><span style="clear: both; display: block;"> </span>My advice: don&#8217;t take things too serious during your transition to total raw food, and enjoy every new discovery of appetizing raw food combinations. Eating raw is fun. Get inspired by raw food recipes but don&#8217;t get hung up on replicating those &#8216;gourmet&#8217; raw food ones with all those exotic ingredients. The simpler the better.</p>
<p>And do book <a href="http://jerichosunfire.moonfruit.com/#/boot-camp/4547820319" target="_blank">the next available workshop</a> with <a href="http://jerichosunfire.moonfruit.com/" target="_blank">Genesis </a>- you&#8217;ll never know where the changes will lead you.</p>
<p><strong><em> update</em></strong>: 7 weeks after the retreat &#8211; my weight is down to about 78kg and seems to stagnate; I feel I have reached some emotional barrier which makes it more difficult for me to focus on this pure raw food lifestyle.</p>
<p>&nbsp;</p>
<p><em><strong>Caveat</strong></em>: if you have watched the articles and video documentation of the workshop, do not attempt to do this transition just based on this information alone &#8211; there is far more to it than any video or textual instruction can teach. You will be very likely to meet  major obstacles much earlier than anticipated. This is not a weight-loss diet &#8211; it might happen, but weight loss is not the main goal for this transition.</p>
<p><span style="font-size: 85%;"><em><strong>Disclaimer</strong></em>:This article is not designed to provide medical advice or professional services. It is intended to be for educational use only. The information provided in this article is not a substitute for professional care and should not be used for diagnosing or treating a health problem or a disease. If you have, or suspect you may have, a health problem you should consult your doctor.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/personal-raw-food-lifestyle/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Page Template Sidebar Overwrite Theme Options in Twenty Eleven</title>
		<link>http://www.transformationpowertools.com/wordpress/page-template-sidebar-overwrite-theme-options-twenty-eleven</link>
		<comments>http://www.transformationpowertools.com/wordpress/page-template-sidebar-overwrite-theme-options-twenty-eleven#comments</comments>
		<pubDate>Fri, 23 Dec 2011 12:00:08 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[TwentyEleven]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[filter function]]></category>
		<category><![CDATA[page template]]></category>
		<category><![CDATA[sidebar]]></category>
		<category><![CDATA[theme options]]></category>
		<category><![CDATA[twenty eleven]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1406</guid>
		<description><![CDATA[Twenty Eleven already comes with a page template to add a sidebar to static pages. However, this sidebar will always be on the same side as the sidebar on the front  page, ruled by the &#8216;theme options&#8217;. On some pages, &#8230; <a href="http://www.transformationpowertools.com/wordpress/page-template-sidebar-overwrite-theme-options-twenty-eleven">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Twenty Eleven already comes with a page template to add a sidebar to static pages. However, this sidebar will always be on the same side as the sidebar on the front  page, ruled by the &#8216;theme options&#8217;.<br />
<img class="alignleft size-medium wp-image-1412" title="left-right-sidebar-template" src="http://www.transformationpowertools.com/wordpress/wp-content/uploads/2011/12/left-right-sidebar-template-300x258.jpg" alt="example of left and right sidebars in static pages of Twenty Eleven" width="300" height="258" />On some pages, you might want to show the sidebar on the opposite side.<br />
This freedom of choice is possible with some special page templates and some coding in functions.php of the theme.</p>
<p>The following codes refer to a child theme of Twenty Eleven.</p>
<p>If you don&#8217;t want to follow the steps outlined in the <a href="http://codex.wordpress.org/Child_Themes" target="_blank">Codex</a>, you can download a ready-made child theme from <a href="http://quirm.net/download/80/" target="_blank">quirm.net</a>.</p>
<p>First step: in your child theme folder, create two new page templates &#8211; one for a fixed sidebar on the left, and the other for the sidebar on the right.</p>
<p>To begin with, copy the code of <em>sidebar-page.php</em>, and save it as <em>sidebar-left-page.php</em> and <em>sidebar-right-page.php</em>, resp.</p>
<p>The file names are important as they refer to the same names in the code for functions.php.</p>
<p>Second step: Change the line &#8216; * Template Name: Sidebar Template&#8217; to &#8216; * Template Name: Left  Sidebar Template&#8217; and &#8216; * Template Name: Right Sidebar Template&#8217;, resp.; save the files.</p>
<p>Third step: add the following code to functions.php of your child theme:</p>
<pre class="brush: php; title: ; notranslate">function twentyeleven_child_pagetemplates_body_classes( $wp_classes, $extra ){

  $classes = array();

  if( is_page_template( 'sidebar-left-page.php' ) ) :
  // correction for the Left Sidebar Template
    $classes[] = 'left-sidebar';
    $blacklist = array('right-sidebar','singular');
    // Filter the body classes
    foreach( $blacklist as $val ) {
      if (!in_array($val, $wp_classes)) : continue;
      else:
      foreach($wp_classes as $key =&gt; $value) {
        if ($value == $val) unset($wp_classes[$key]);
      }
      endif;
    }
  endif;

  if( is_page_template( 'sidebar-right-page.php' ) ) :
  // correction for the Right Sidebar Template
    $classes[] = 'right-sidebar';
    $blacklist = array('left-sidebar','singular');
    // Filter the body classes
    foreach( $blacklist as $val ) {
      if (!in_array($val, $wp_classes)) : continue;
      else:
      foreach($wp_classes as $key =&gt; $value) {
        if ($value == $val) unset($wp_classes[$key]);
      }
      endif;
    }
  endif;

return array_merge($wp_classes, (array) $extra, $classes );
}

add_filter( 'body_class', 'twentyeleven_child_pagetemplates_body_classes', 20, 2 );
</pre>
<p>That code will correct the body_classes of the theme, which are central to the layout of your site.</p>
<p>Finished.</p>
<p>Now you will have two more page templates available in the &#8216;page attributes&#8217; section when you create or edit a static page.</p>
<p>The sidebar position of these pages will be independant of the theme options (as long as one of the &#8216;content with sidebar&#8217; options is ticked).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/page-template-sidebar-overwrite-theme-options-twenty-eleven/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Styling the First Post Different</title>
		<link>http://www.transformationpowertools.com/wordpress/styling-first-post-different</link>
		<comments>http://www.transformationpowertools.com/wordpress/styling-first-post-different#comments</comments>
		<pubDate>Wed, 07 Sep 2011 12:02:54 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Easy Coding for Wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[conditional tag]]></category>
		<category><![CDATA[different style]]></category>
		<category><![CDATA[first post]]></category>
		<category><![CDATA[last post]]></category>
		<category><![CDATA[latest post]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1346</guid>
		<description><![CDATA[How to style the first / last / latest / newest post in a WordPress site different? The default advice usually is to use a counter variable and a conditional statement to check for the first post in the loop; &#8230; <a href="http://www.transformationpowertools.com/wordpress/styling-first-post-different">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>How to style the first / last / latest / newest post in a WordPress site different?</p>
<p>The default advice usually is to use a counter variable and a conditional statement to check for the first post in the loop; that approach obviously works fine, however requires a few lines of extra code before and in the loop.</p>
<p>A more condensed approach is to use <code>$wp_query-&gt;current_post<!--formatted--></code> which returns the current post number in the loop, starting with 0 (zero) for the first post.</p>
<p>This can be combined with a check, if the page is really the first page, and not one of the paginated pages, using <code>!is_paged()</code>.</p>
<p>If the goal is just to apply different css styles to the first post, it is best to add a unique css class to the post_class() which is used in most recent themes; like so: <code>post_class($extra);</code> to add the extra class to post_class.</p>
<p>All combined might look like (based on the code of content.php in Twenty Eleven):</p>
<pre class="brush: php; title: ; notranslate">&lt;article id=&quot;post-&lt;?php the_ID(); ?&gt;&quot; &lt;?php $extra = ( $wp_query-&gt;current_post == 0 &amp;&amp; !is_paged() ) ? 'specialclass' : ''; post_class($extra); ?&gt;&gt;</pre>
<p>If the goal is to have a totally different output for the first post, then a conditional structure is needed (within the loop, wrapping the post output):</p>
<pre class="brush: php; title: ; notranslate">&lt;?php if( $wp_query-&gt;current_post == 0 &amp;&amp; !is_paged() ) : ?&gt;
/*the output of the first post*?
&lt;?php else : ?&gt;
/*the output of all other posts*/
&lt;?php endif; ?&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/styling-first-post-different/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twenty Eleven &#8211; Sidebar and Other Adaptations for Hand-held Devices</title>
		<link>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-adaptations-for-hand-held-devices</link>
		<comments>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-adaptations-for-hand-held-devices#comments</comments>
		<pubDate>Wed, 03 Aug 2011 12:51:58 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Easy Coding for Wordpress]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[TwentyEleven]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[handheld device]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[responsive css]]></category>
		<category><![CDATA[sidebar]]></category>
		<category><![CDATA[small browser]]></category>
		<category><![CDATA[tablet pc]]></category>
		<category><![CDATA[twenty eleven]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1310</guid>
		<description><![CDATA[As the title says: how can you keep the sidebar on narrow screens such as the iPhone® or iPad® and set a minimum width for your site, using (a child theme of ) Twenty Eleven? The solution lies in the &#8230; <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-adaptations-for-hand-held-devices">Be responsive ... <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>As the title says: how can you keep the sidebar on narrow screens such as the iPhone<sup>®</sup> or iPad<sup>®</sup> and set a minimum width for your site, using (a child theme of ) Twenty Eleven?</p>
<p>The solution lies in the responsive structure of the stylesheet.</p>
<p>This adaptation to the styles needs to be added at the end of style.css of (your child theme of) Twenty Eleven; some example styles, to set a lower limit to the page width, etc:</p>
<pre class="brush: css; title: ; notranslate">/* =Responsive Structure for narrow screens
* to keep min width and sidebar
-------------------------------------------- */
@media (max-width: 800px) {
     #page {
	   min-width: 500px;
         }
/* keep the sidebar - for right sidebar */
	.right-sidebar #main #content {
		margin: 0 29% 0 1%;
		width: 70%;
	}
	.right-sidebar #main #secondary {
		float: right;
		margin: 0 1% 0 1%;
		width: 24%;
	}
/* keep the sidebar - for left sidebar */
	.left-sidebar #main #content {
		margin: 0 1% 0 29%;
		width: 70%;
	}
	.left-sidebar #main #secondary {
		float: right;
		margin: 0 -1% 0 2%;
		width: 24%;
	}
/* correction for 'showcase' template */
	.page-template-showcase-php #main #primary.showcase {
		float: right;
		margin: 0 2% 0 2%;
		width: 96%;
	}
	.page-template-showcase-php #main #primary.showcase #content {
		margin: 0 6% 0 6%;
		width: 88%;
	}
	.page-template-showcase-php section.recent-posts {
		float: right;
		margin-right: 0pt;
		margin-left: 31%;
		width: 69%;
	}
	.page-template-showcase-php #main .widget-area {
		float: left;
		margin-right: -22.15%;
		margin-left: 0pt;
		width: 22.15%;
	}
/* correction for singular posts/pages without sidebar */
	.singular #main #content {
		margin: 0 8% 0 8%;
		width: 84%;
	}
/* keep floating footer widgets side-by-side at this size */
     #colophon #supplementary .widget-area {
          float: left;
          margin-right: 1%;
          width: 32%;
     }
}
</pre>
<p>The whole css got a bit longer than expected to care for the &#8216;showcase&#8217; template, and all possible layout options.<br />
Adjust the &#8216;minimum width&#8217; to fit the screen width of the targeted hand-held device.<br />
If you are using it with an alredy customized child theme of Twenty ten, you may need to adjusts some of the values and/or add more styles.</p>
<p>Not actually widely tested with iPhone<sup>®</sup>, iPad<sup>®</sup> or any other tablet PCs &#8211; all feedback is very welcome.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-adaptations-for-hand-held-devices/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Twenty Eleven &#8211; Overwrite the Dark Color Scheme in a Child Theme</title>
		<link>http://www.transformationpowertools.com/wordpress/twenty-eleven-overwrite-dark-color-scheme-in-child-theme</link>
		<comments>http://www.transformationpowertools.com/wordpress/twenty-eleven-overwrite-dark-color-scheme-in-child-theme#comments</comments>
		<pubDate>Fri, 15 Jul 2011 14:59:09 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[TwentyEleven]]></category>
		<category><![CDATA[child theme]]></category>
		<category><![CDATA[customisation]]></category>
		<category><![CDATA[dark color scheme]]></category>
		<category><![CDATA[enqueue style]]></category>
		<category><![CDATA[options]]></category>
		<category><![CDATA[theme options]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1290</guid>
		<description><![CDATA[Overwriting or customizing the dark color schem in a child theme of Twenty ten is difficult, because the dark stylesheet /colors/dark.css get loaded after the style.css of the child theme. You can duplicate the same stylesheet structure in the child &#8230; <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-overwrite-dark-color-scheme-in-child-theme">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Overwriting or customizing the dark color schem in a child theme of Twenty ten is difficult, because the dark stylesheet /colors/dark.css  get loaded after the style.css of the child theme.<br />
You can duplicate the same stylesheet structure in the child theme, but you need to programm the child theme to link the /colors/dark.css file after the corresponding file of the parent theme.</p>
<p>The stylesheet dark.css of the parent theme gets enqueued in twentyeleven/inc/theme-options.php (line 319):</p>
<pre class="brush: php; title: ; notranslate">
/**
 * Enqueue the styles for the current color scheme.
 *
 * @since Twenty Eleven 1.0
 */
...etc...
</pre>
<p>Therefore, the dark.css of the child theme needs to be enqueued with a different priority; which can be done by adding a corresponding, adapted code into functions.php of your child theme. This code checks if the &#8216;dark&#8217; color scheme is selected, and only then enqueues the /colors/dark.css of the child theme, thus allowing full color control from the theme options in the dashboard:</p>
<pre class="brush: php; title: ; notranslate">
/** Enqueue the stylesheet for the current color scheme into the child theme. */
function twentyelevenchild_enqueue_color_scheme() {
	$options = twentyeleven_get_theme_options();
	$color_scheme = $options['color_scheme'];
	if ( 'dark' == $color_scheme )
		wp_enqueue_style( 'dark_child', get_stylesheet_directory_uri() . '/colors/dark.css', array(), null );
	do_action( 'twentyelevenchild_enqueue_color_scheme', 'dark_child' );
}
add_action( 'wp_enqueue_scripts', 'twentyelevenchild_enqueue_color_scheme', 11);
</pre>
<p>Now you can edit dark.css in your child theme, and add all the customisations to it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/twenty-eleven-overwrite-dark-color-scheme-in-child-theme/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Twenty Eleven &#8211; Sidebar on Single Posts and Pages</title>
		<link>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages</link>
		<comments>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages#comments</comments>
		<pubDate>Sun, 10 Jul 2011 19:46:06 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[TwentyEleven]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[body_class]]></category>
		<category><![CDATA[Filter]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[sidebar]]></category>
		<category><![CDATA[single post]]></category>
		<category><![CDATA[twenty eleven]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1270</guid>
		<description><![CDATA[How to add the sidebar back into the new default theme of WP3.2 - Twenty Eleven.
Twenty Eleven is a very versatile theme, however, the 'missing' sidebar on single posts or pages is quite disturbing for some users, loosing their advertising space or the main navigation.
To get the sidebar back is not that simple - style.css is quite complex, and the layout of a single post or page is done with a clever use of a specially introduced css class in the body tag. <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The new default theme of WP3.2 &#8211; Twenty Eleven &#8211; is a very versatile theme.<br />
However, the &#8216;missing&#8217; sidebar on single posts or pages is quite disturbing for some users, loosing their advertising space or the main navigation.<br />
To get the sidebar back is not that simple &#8211; style.css is quite complex, and the layout of a single post or page is done with a clever use of a specially introduced css class in the body tag.</p>
<h3>First step</h3>
<p>Create a child theme.</p>
<p>- create a new sub-folder under the /wp-content/themes folder, for instance: twentyelevenchild;<br />
- add a style.css file to that folder; content:</p>
<pre class="brush: plain; title: ; notranslate">/*
Theme Name: Twenty Eleven Child
Author: alchymyth
Description: a child theme, based on the 2011 theme for WordPress
Author URI: http://wordpress.org/
Template: twentyeleven
*/

@import url(../twentyeleven/style.css);
</pre>
<p>- add a functions.php file to that folder; to be used later;<br />
- optional: add a screenshot.jpg image to that folder, depicting the design of your child theme.</p>
<h3>Second step</h3>
<p>Add the call of the sidebar back.</p>
<p>Edit single.php and/or page.php and add</p>
<pre class="brush: php; title: ; notranslate">&lt;?php get_sidebar(); ?&gt;</pre>
<p>before the line</p>
<pre class="brush: php; title: ; notranslate">&lt;?php get_footer(); ?&gt;</pre>
<h3>Third step</h3>
<p>Suppress the <strong><em>.singular</em></strong> body_class from the single post or page.</p>
<p>To achieve this, add a filter to your new functions.php in your child theme folder.</p>
<pre class="brush: php; title: ; notranslate">add_filter('body_class', 'blacklist_body_class', 20, 2);
function blacklist_body_class($wp_classes, $extra_classes) {
if( is_single() || is_page() ) :
// List of the classes to remove from the WP generated classes
$blacklist = array('singular');
// Filter the body classes
  foreach( $blacklist as $val ) {
    if (!in_array($val, $wp_classes)) : continue;
    else:
	  foreach($wp_classes as $key =&gt; $value) {
	  if ($value == $val) unset($wp_classes[$key]);
	  }
    endif;
  }
endif;   // Add the extra classes back untouched
return array_merge($wp_classes, (array) $extra_classes);
}
</pre>
<p>(resources:</p>
<p>http://dev-tips.com/featured/remove-an-item-from-an-array-by-value</p>
<p>http://wordpress.stackexchange.com/questions/15850/remove-classes-from-body-class )</p>
<h3>Fourth step</h3>
<p>Fine-tuning of style.css</p>
<p>For instance:</p>
<pre class="brush: plain; title: ; notranslate">.single #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em 0% 0 0%;
	padding: 20px 35.4%;
}
</pre>
<p>There might be some more details which can be changed while customizing the styles of the child theme.</p>
<p>edit: thanks to member<strong> <a href="http://wordpress.org/support/profile/smijos">smijos</a></strong> of the wordpress support forum<strong>:<br />
</strong>some more styles, for the comment section, to make the theme look good:</p>
<pre class="brush: css; title: ; notranslate">#respond {
width: auto;
}
.commentlist {
width: auto;
}
.commentlist &gt; li.comment {
margin: 0px 0px 20px 102px;
width: auto;
}</pre>
<h3>PS: A Few Different Cases</h3>
<p>(updated and expanded)</p>
<p>this all concerns this line of code:</p>
<pre class="brush: php; title: ; notranslate">if( is_single() || is_page() ) :</pre>
<p>1) if you rather use the sidebar-page template that comes with the theme, to control if and when to show a sidebar on a static page, simply don&#8217;t edit page.php, and remove</p>
<pre class="brush: php; title: ; notranslate">|| is_page()</pre>
<p>from that line.</p>
<p>2) <a href="http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages#comment-5698">Zeaks </a>pointed out that the code also effects single attachment pages.</p>
<p>if you want the sidebar in these pages, edit image.php and add</p>
<pre class="brush: php; title: ; notranslate">&lt;?php get_sidebar(); ?&gt;</pre>
<p>before the &#8216;get_footer&#8217; line; also adapt the style of</p>
<pre class="brush: css; title: ; notranslate">.image-attachment div.attachment</pre>
<p>.</p>
<p>if you want your single attachment pages without sidebar, change to:</p>
<pre class="brush: php; title: ; notranslate">if( (is_single() &amp;&amp; !is_attachment()) || is_page() ) :</pre>
<h3>PPS</h3>
<p>If you don&#8217;t like coding, please do still create the child theme; however, for the rest, there is a plugin available:<br />
<strong><a href="http://wordpress.org/extend/plugins/twenty-eleven-theme-extensions/">&#8216;Twenty Eleven Theme Extensions&#8217;</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/twenty-eleven-sidebar-on-single-posts-and-pages/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Posts in Columns &#8211; A New Twist on an Old Problem</title>
		<link>http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem</link>
		<comments>http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem#comments</comments>
		<pubDate>Fri, 10 Jun 2011 14:47:15 +0000</pubDate>
		<dc:creator>alchymyth</dc:creator>
				<category><![CDATA[Easy Coding for Wordpress]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[3 column post]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[easy coding]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[grid style]]></category>
		<category><![CDATA[posts in columns]]></category>

		<guid isPermaLink="false">http://www.transformationpowertools.com/wordpress/?p=1254</guid>
		<description><![CDATA[To organize posts into three columns, you first need to generate a column dependant css class for each post; this will be added to the post div within the loop. The core trick to generate different css classes for posts &#8230; <a href="http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem">Check the whole post <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>To organize posts into three columns, you first need to generate a column dependant css class for each post; this will be added to the post div within the loop.</p>
<p>The core trick to generate different css classes for posts in the first coliumn, the second column, and the last column:</p>
<pre class="brush: php; title: ; notranslate">&lt;?php $column = ($column == '') ? 'first' : (($column == 'first') ? 'middle' : (($column == 'middle') ? 'last' : 'first' )); ?&gt;</pre>
<p>This line of code needs to be within the loop, just before the post div.</p>
<p>To achieve more or less the same, you could obviously also use a counter variable and the modulus operator, as i have elaborated on in my earlier article <a href="http://www.transformationpowertools.com/wordpress/zebra-style-wordpress-loop">&#8216;More-Than-Zebra style WordPress loop&#8217;</a>. However, the above method is simpler and easier to apply within a single line of code.</p>
<p>The second step is to add this as a css class to the post div:</p>
<p>a &#8211;  assume a theme without the use of &#8216;post_class()&#8217;; the typical opening div would look like:</p>
<pre class="brush: php; title: ; notranslate">&lt;div class=&quot;post&quot; id=&quot;post-&lt;?php the_ID(); ?&gt;&quot;&gt;</pre>
<p>This is changed into:</p>
<pre class="brush: php; title: ; notranslate">&lt;div class=&quot;post &lt;?php echo $column; ?&gt;&quot; id=&quot;post-&lt;?php the_ID(); ?&gt;&quot;&gt;</pre>
<p>b &#8211; in a theme using the &#8216;post_class()&#8217;, the new code would look like:</p>
<pre class="brush: php; title: ; notranslate">&lt;div &lt;?php post_class($column); ?&gt; id=&quot;post-&lt;?php the_ID(); ?&gt;&quot;&gt;</pre>
<p>Third and last step: to tell the browser what to do with the new css classes, add some styles to style.css of the theme:</p>
<pre class="brush: css; title: ; notranslate">/* .first, .middle, .last styling of posts on home page for three column */
.first, .middle, .last { width: 32%; float:left; clear:none!important; }
.first { margin-right: 2%; clear:both!important; }
.middle { margin-right: 2%; }</pre>
<p>Final details depend on the existing theme.</p>
<p>edit &#038; ps:<br />
if you just want to mark the first post in each row &#8211; for instance to add the &#8216;clear:both;&#8217; and a different margin there &#8211; try to work with:<br />
(example for 5 columns)</p>
<pre class="brush: php; title: ; notranslate">
&lt;div &lt;?php $column = ($wp_query-&gt;current_post%5 == 0) ? 'first' : ''; post_class($column); ?&gt; id=&quot;post-&lt;?php the_ID(); ?&gt;&quot;&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

