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 WordPress Theme
Tanzaku
960 Grid System Base Theme
The Columnist
Shaken and Stirred
FolioGrid
Newspress – Magazine Theme
Swiss for WordPress
ASCII One
Bueno
ThemeMeme Aperio Prototype
Simplicious
Monokrome
AutoFocus
Oulipo
Miniml Press
The Daily Grind
The Standard
Un.complicated
New York, New York
960bc (Blank Theme)
Modern Clix
Gridblog
Grid Focus
Neoclassical
Thunderbolt
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.
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.
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 →
16 Comments › Leave yours
Leave a Comment
15 Trackbacks
- Wordpress Belarus » Blog Archive » 30 Grid-Based Wordpress Themes :Speckyboy Design Magazine
- Webfavorites
- 30 Grid-Based WordPress Themes | Lively Design Tuts
- 30 Grid-Based WordPress Themes | Design Newz
- MIGI PLANNING » Blog Archive » グリッドをベースにしたWordPressテーマ集「30 Grid-Based WordPress Themes」
- risorse&link | Art&Me
- [Wordpress] 30 Grid-Based WordPress Themes – グリッドレイアウトされたワードプレス用テーマ - mBlog
- Services Offered By A Denver SEO Firm | developersbiz.com
- links for 2010-07-23 « Giri’s Blogmarks
- grid system for building website structured | Horizon
- 30 Fresh WordPress Resources of July 2010 | DynamicWP
- links for 2010-08-03 » 4exp.net
- ワードプレスのグリッドデザインテーマ集30 | am-design
- Minimalist WordPress Temaları | KaiseRCrazY.CoM, Serkan Algur
- 30 Grid-Based Wordpress Themes :Speckyboy Design Magazine | Website Conversions
RSS via Email
We are a proud member of the...
Are you one of our Facebook fans?
We are optimized by...
21 Jul, 2010
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.
22 Jul, 2010
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
22 Jul, 2010
Ooppss…i was just creating a post similar to this but just gave up:)
Anyway thanks for the collection
22 Jul, 2010
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.
22 Jul, 2010
great collection
22 Jul, 2010
thanks for this listing
23 Jul, 2010
Nice list *bookmarked* I like “monokrome” in particular. Thanks for sharing.
23 Jul, 2010
Trying to use the grid in theme design, thanks…looking for this as an example
25 Jul, 2010
This is the best collection i have seen in a while. Some really great examples.
26 Jul, 2010
Nice collection, this theme is pretty damn cool aswell – http://themeforest.net/item/dynamix-premium-wordpress-theme/113901?ref=cwz000
2 Aug, 2010
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!
3 Aug, 2010
This was exactly what I was looking for guys! EXCELLENT! Thanks!
11 Aug, 2010
Thanks for mentioning my 960bc theme for WordPress. Appreciated.
11 Aug, 2010
Most of these are horrible examples of grid based websites, they aren’t all confusing and drab.
24 Aug, 2010
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
24 Aug, 2010
Very cool themes – I’m just getting started on a new site and am glad to have these options. Thanks!