How Thirty Ten converts Twenty Ten to Three Columns

One of the biggest differences you’ll notice between Twenty Ten and Thirty Ten is that Thirty Ten has three columns.  This is incredibly easy to do by using some css that is already available in the Thematic theme along with a few quick fixes.  It enables us to take this:

And turn it into this:

The guide to creating Thirty Ten has a full explanation of how to do this along with all the other changes you see here.  You can also download Thirty Ten and take a look at the code yourself.

About Aaron Jorbin

Developer and teacher, Aaron speaks around the country on Open Source Software Development. Aaron is currently the Senior Interactivity Engineer for Privia Health where he is focused on building great user experiences. Formerly at AddThis where Aaron worked on publisher products used by fourteen million domains and one point three billion users every month. Aaron has contributed to WordPress and other open source projects including leading development of Phetric and slidedown.js. A graduate of Northern Michigan University, Aaron continues to be involved in higher education by serving as a simulation director for an international education conference. When not in front of his computer, Aaron can often be found with a glass of whisky or beer in his hand discussing international politics, sports and open source software.
This entry was posted in Thirty Ten and tagged , . Bookmark the permalink.

3 Responses to How Thirty Ten converts Twenty Ten to Three Columns

  1. Can thirty ten also be utilised on wordpress.com? Assuming the blog is upgraded to editable css.

    Amy x

  2. Chris says:

    How do you remove the sidebars from the twentyten child theme?

    I’ve tried
    unregister_sidebar( __( 'Second Footer Widget Area', 'twentyten' ) );

    but no luck.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>