30 Grid-Based WordPress Themes

In: Design|web design

22 Jul 2010

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

Tanzaku

Tanzaku

960 Grid System Base Theme

960 Grid System Base Theme

The Columnist

The Columnist

Shaken and Stirred

Shaken and Stirred

FolioGrid

FolioGrid

Newspress – Magazine Theme

Newspress - Magazine Theme

Swiss for WordPress

Swiss for WordPress

ASCII One

ASCII One

Bueno

Bueno

ThemeMeme Aperio Prototype

ThemeMeme Aperio Prototype

Simplicious

Simplicious

Monokrome

Monokrome

AutoFocus

AutoFocus

Oulipo

Oulipo

Miniml Press

Miniml Press

The Daily Grind

The Daily Grind

The Standard

The Standard

Un.complicated

Un.complicated

New York, New York

New York, New York

960bc (Blank Theme)

960bc (Blank Theme)

Modern Clix

Modern Clix

Gridblog

Gridblog

Grid Focus

Grid Focus

Neoclassical

Neoclassical

Thunderbolt

Thunderbolt

WPESP

WPESP

Thematic, A WordPress Theme Framework

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

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 →



Go to Source

3 Responses to 30 Grid-Based WordPress Themes

Avatar

Javanoob

August 1st, 2010 at 8:31 am

Your problem doesn't show on the code given I'm guessing your code was too long. I would think about creating an array of buttons that you could iterate through and create using Loops. I didn't here but if I had a 100 I would just for int i=0 i<100; i++ b[i]=new JButton("-") b[i].addAct….. and so on and so forth. As to the logic again I can't help because I can't see your code. I will say though everytime I see a Tic tac toe program in java they use bitwise operators. I am still unable to understand bitwise operators so I can't help there but if you can then that's the way I would go in figuring out wins and loses.
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class Ship extends JPanel{
myActionListener mal=new myActionListener();
Ship(){
JButton[] bt=new JButton[3];
bt[0]=new JButton("-");
bt[1]=new JButton("-");
bt[2]=new JButton("-");
bt[0].addActionListener(mal);
bt[1].addActionListener(mal);
bt[2].addActionListener(mal);

setLayout(new FlowLayout());
add(bt[0]);
add(bt[1]);
add(bt[2]);

}
public static void main(String[] args){
JFrame jf=new JFrame();
jf.setDefaultCloseOperation
(JFrame.EXIT_ON_CLOSE);
Ship s=new Ship();
jf.add(s);
jf.pack();
jf.setVisible(true);

}
class myActionListener implements ActionListener{
public void actionPerformed(ActionEvent ae){
JButton jbs=(JButton)ae.getSource();
if (jbs.getText().equals("-"))
jbs.setText("X");
else if(jbs.getText().equals("X"))
jbs.setText("Y");
else
jbs.setText("X");

}
}
}

Avatar

RAWR™[♥]

August 11th, 2010 at 9:17 pm

uh…well can yo give an example….like give a link to a page maybe

Avatar

me

August 17th, 2010 at 9:03 am

all I got to say about that is: WOW

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.