30 Grid-Based WordPress Themes

July 21, 2010 by Paul Andrew CMS, Templates, Web Design, Wordpress

Grid based layout designs can be very useful for building structured, usable and content rich (not limited to) websites. Grid design certainly has some major benefits for developers (its really easy to to plan where things should go), but its real power lies in what it can do for your readers and users. With a structured grid layout, an everyday user visiting your site can quickly understand and locate the content they want making it very obvious for users to navigate.

In this article we have 30 WordPress themes have been developed with a grid framework. All of the themes have been built using popular CSS Grid Frameworks such as the 960.gs, Blueprint, YUI2 and The Golden Grid. We have also included a couple of WordPress grid frameworks at the bottom of the post which you may find useful.

Grid-A-Licious

Grid-A-Licious →

GRID WordPress Theme

GRID WordPress Theme →

View the Demo →

Tanzaku

Tanzaku →

View the Demo →

960 Grid System Base Theme

- 960 Grid System Base Theme →

The Columnist

The Columnist →

View the Demo → →

Shaken and Stirred

Shaken and Stirred →

View the Demo →

FolioGrid

FolioGrid →

View the Demo →

Newspress – Magazine Theme

Newspress →

View the Demo →

Swiss for WordPress

Swiss for WordPress →

View the Demo →

ASCII One

ASCII One →

View the Demo →

Bueno

Bueno →

View the Demo →

ThemeMeme Aperio Prototype

ThemeMeme Aperio Prototype →

View the Demo →

Simplicious

Simplicious →

View the Demo →

Monokrome

Monokrome →

View the Demo →

AutoFocus

AutoFocus →

View the Demo →

Oulipo

Oulipo →

View the Demo →

Miniml Press

Miniml Press →

View the Demo →

The Daily Grind

The Daily Grind →

View the Demo →

The Standard

The Standard →

View the Demo →

Un.complicated

Un.complicated →

View the Demo →

New York, New York

New York, New York →

View the Demo →

960bc (Blank Theme)

960bc (Blank Theme) →

Modern Clix

Modern Clix →

View the Demo →

Gridblog

Gridblog →

View the Demo →

Grid Focus

Grid Focus →

View the Demo →

Neoclassical

Neoclassical →

Thunderbolt

Thunderbolt →

WPESP

WPESP →

Thematic, A WordPress Theme Framework

Thematic is a free, open-source, highly extensible, search-engine optimized WordPress Theme Framework featuring 13 widget-ready areas, grid-based layout samples and styling for popular plugins. It also offers a comprehensive range of free child themes, which you can view by clicking the link below.

Thematic Home →

Thematic Demo →

A Guide To Thematic →

Thematic Child Themes →

Simon WordPress Framework & Blank Theme

The purpose of this theme/framework is to allow you to rapidly build and deploy grid based WordPress driven web sites. Simon flexible and basic two-column layout uses Blueprint Typography Framework and the 960.gs.

Simon WordPress Framework & Blank Theme →

You might also like…

40 More Stylish, Minimal and Clean Free WordPress Themes →
30 Brand New Quality WordPress Themes →
45+ Fresh WordPress Tutorials, Techniques and Hacks →
10 Blank/Naked WordPress Themes Perfect for Development →
25 Fresh, Clean and Unique WordPress Themes →
40 Awesome and Fresh WordPress Themes →
Essential WordPress Plugin Development Resources, Tutorials and Guides →
20+ Powerful WordPress Security Plugins and Some Tips and Tricks →
20+ Free and Stylish Typography WordPress Themes →
30 Tutorials Combining Both WordPress and jQuery →
14 Essential WordPress Development and Design Cheat Sheets →
40 Stylish, Minimal and Clean Free WordPress Themes →
100+ WordPress Video Tutorials, from Basic to Advanced →
10 WordPress Plugins to Add Ratings and Polls to your blog →

http://www.liveanime.org helium

Apart from Folio, i dislike most of these, not because there bad. I just think most users would find them confusing in a practical sense.

Depends on target audience I agree, but as a developer, by nature am web literate to a high degree, I find myself struggling to follow the flow of the pages and am unsure where i’m meant to be looking.
http://www.der-prinz.com Michael Oeser

Very nice wrapup. May I mention that my PRiNZ Pro Themes are also build on the 960 Grid system.

Have a look: http://www.der-prinz.com/category/themes
http://www.designbeep.com Arshad Cini

Ooppss…i was just creating a post similar to this but just gave up:)

Anyway thanks for the collection
Pingback: Wordpress Belarus » Blog Archive » 30 Grid-Based Wordpress Themes :Speckyboy Design Magazine
http://www.jacksonvillewebmedia.com/ Jacksonville Web Design

All the themas posted here are really nice and new i am looking to develop my blog so i think i must select one for the above thanks for posting.
http://www.hypesol.com Hypesol

great collection
http://www.designdazzling.com Design Dazzling

thanks for this listing
Pingback: Webfavorites
Pingback: 30 Grid-Based WordPress Themes | Lively Design Tuts
Pingback: 30 Grid-Based WordPress Themes | Design Newz
Pingback: MIGI PLANNING » Blog Archive » グリッドをベースにしたWordPressテーマ集「30 Grid-Based WordPress Themes」
Pingback: risorse&link | Art&Me
Pingback: [Wordpress] 30 Grid-Based WordPress Themes – グリッドレイアウトされたワードプレス用テーマ - mBlog
http://dinothemes.com WordPress Themes

Nice list *bookmarked* I like “monokrome” in particular. Thanks for sharing.
Pingback: Services Offered By A Denver SEO Firm | developersbiz.com
Pingback: links for 2010-07-23 « Giri’s Blogmarks
http://www.dynamicwp.net Eko Setiawan

Trying to use the grid in theme design, thanks…looking for this as an example
http://www.studiokarlescritt.co.uk karl escritt

This is the best collection i have seen in a while. Some really great examples.
Pingback: grid system for building website structured | Horizon
Andy

Nice collection, this theme is pretty damn cool aswell – http://themeforest.net/item/dynamix-premium-wordpress-theme/113901?ref=cwz000
Pingback: 30 Fresh WordPress Resources of July 2010 | DynamicWP
est

is there a way to do circle grids? in stead of squares? please i would like to know.
can’t find any resources. thanks! love your site!
Ricardo

This was exactly what I was looking for guys! EXCELLENT! Thanks!
Pingback: links for 2010-08-03 » 4exp.net
Pingback: ワードプレスのグリッドデザインテーマ集30 | am-design
http://guardianwebdesign.com.au/960bc Troy Dean

Thanks for mentioning my 960bc theme for WordPress. Appreciated.
Jason

Most of these are horrible examples of grid based websites, they aren’t all confusing and drab.
- Monolith
  
  You forgot to provide links to examples of free grid-based WP themes that aren’t “horrible examples of grid based websites.”
Pingback: Minimalist WordPress Temaları | KaiseRCrazY.CoM, Serkan Algur
Chris Scelza

Oh boy. I can only vouch for the 960 bc (blank theme), and even then, I would recommend that you start from scratch in an effort to learn both the grid system and WP. Then you’ll have your own starting point, and a great foundation in your mind to work from.

If you do want to use a grid-based theme, the only one I feel comfortable recommending would be Ashford (free), and Ashford Pro (currently $49). Check it out for yourself at http://ashford.turtleinteractive.com to see what it’s got.

I have no affiliation to this, although I have bought Ashford Pro and spent some time talking with Tim Bednar, the developer.

That’s my $0.02
- Tim Bednar
  
  I stumbled across this post, just want to let readers know that Ashford v2.2 is released and still uses the 960 Grid System.
Pingback: 30 Grid-Based Wordpress Themes :Speckyboy Design Magazine | Website Conversions
http://www.website-conversions.com WC

Very cool themes – I’m just getting started on a new site and am glad to have these options. Thanks!
Pingback: infomisa.net» Blog Archive » 10 Useful WordPress Search Code Snippets
http://www.senseforweb.com web design bangladesh

I already use 960 Grid System Base Theme. That was nice. Thank you for nice article
Pingback: WordPressのテーマもろもろ - BlackFlag – Web Development Technical
http://neuethemes.com NeueThemes

If you like grid-based wordpress themes, you might like to check out NeueThemes. We only make minimalist grid-based portfolio themes!
http://flaviopaiva.com/ Flavio

Thanks for the compilation. I use the Thematic Framework for client’s website.
Pingback: Zoektocht naar een platform voor onderzoek en ontwerp « Bij Deze:
http://www.facebook.com/wordpressapi Sony Kumari

I found the Best 978 grid based wordpress free theme framework. Thorough framework we can create the 978 grid based wordpress theme. check following article.
http://wordpressapi.com/2011/04/17/how-to-develop-wordpress-theme-with-978-grid-system/
http://www.weandthecolor.com WE AND THE COLOR

we love grids. check it out: http://weandthecolor.com/
http://www.xinz.org Ashish

nice themes buddy
http://www.winedinedaily.com/ Wine Dine

Nice collection of grids!
Marthero

My favorite is Folio… http://www.stylez.dk/
http://salvatorecapolupo.it/ Salvatore Capolupo

Really, really great design! I think could try to adapt some of these ideas to my personal weblog :)
http://www.totokuponu.com/ spor toto

Thanks for sharing.. Good Work!
http://zoominta.com/ Mike

Hi Paul,

Thanks for putting these grid themes together. Should be a great help for me putting together a games arcade using wordpress. This is a useful page, nice work.

You might also like…

Subscribe & Follow

RSS in your Inbox

Our iOS App by Mobiloud