If you’re going to design a WordPress site, there are a few ways you can start. Many designers start with an HTML template that they then add WordPress code to.
Others start with the basic WordPress code and design around that.
But others begin with a starter theme or framework, which is arguably the most efficient way to create a WP theme.
So you know you need a framework if you want to be more efficient in designing WP themes, but there are dozens of starter themes and frameworks out there. Where do you begin?
The answer to that is with the list below. Check out the free and premium frameworks and starter themes below. Try a few of them out and then decide which one(s) work best for your projects.
PageLines Platform Pro is a drag-and-drop framework for creating custom WordPress themes. One of the best features that Platform Pro includes is a thing called “Sections”. These are pre-designed HTML, JavaScript or other coded modules that you can place anywhere on your site. They’re like widgets, but can be enabled or disabled on any page (without loading code on pages where they aren’t used) and they automatically register hooks for customization.
There are tons of frameworks out there that make creating a WP theme quick and easy. As long as you don’t want to create a theme using Flash. That’s where SWFPress comes in. It uses XML to send your WP data to a Flash theme, making it easy to use a pre-existing theme or to build one from scratch. The advantages to using a framework like this are pretty obvious: you can use WP to update your site, and could use an alternate mobile site that doesn’t use Flash without too much trouble.
Thesis is one of the most popular premium theme frameworks, used on over 37,000 websites. There are two licenses, with the less expensive one only allowing use on a single website (the developer license can be used on an unlimited number of your own sites, with additional license fees for use on client websites).
Elemental is a premium framework that can be used as-is by bloggers or can be fully customized to build client sites for almost any purpose in a variety of styles. The main thing that sets it apart is that it looks good even without a child theme, making it a great choice for non-designers who want a customizable, but good-looking site.
Toolbox is a free HTML5 starter theme that’s completely stripped down and ready for you to build from. It’s licensed to be used for commercial projects or publicly-released themes. It uses semantic HTML5 markup, is extremely minimal, and uses a fluid, em-based CSS layout that can also work for a static design.
Bones is a WP development theme based on HTML5 Boilerplate, the 960.gs Grid, and CSS3. It includes two style sheets (one as a default and one for customization), and is only 246 KB in size. It includes five plugin-like functions to make your life easier, including relates post and page navigation. You can browse all of the code right on the website.
HTML5 WordPress Shell is designed to be a starting point for creating HTML5-based WP themes. It includes a number of WordPress features, as well as a number of HTML5 features and a separate set of base plugins they recommend you download and install. The code is all clearly commented to make it easier for you to customize and build from.
Genesis is a premium theme from StudioPress. It makes it easy to quickly build custom WP sites, whether you’re a novice or an advanced developer. There are forty turn-key designs available for Genesis, or you can use it as the basis for building child themes.
WTF is an inexpensive premium framework that includes a highly-customizable options page, premium theme functions, and more. It’s one of the least expensive premium frameworks out there, available exclusively through CodeCanyon. It’s built to be used with any theme design to extend functionality and add theme options, and all you have to do to use it is put the folder into your theme folder and add a line of code to your functions.php file.
Thematic is one of the more well-known free WP frameworks, created by the Automattic Theme Team. It’s free and open-source, search-engine optimized, and highly-customizable and extensible. There’s a complete guide to using Thematic available on the ThemeShaper website, as well as a number of child themes.
Roots is a basic HTML5 starter theme for developers. It offers the choice between using a number of layout frameworks as the base for the theme layout (including 960.gs, Blueprint CSS, and 1140 CSS Grid). It’s highly customizable, allowing you to create themes with virtually any layout or style you want.
Headway Themes is a drag-and-drop WP framework licensed under the GNU GPLv2 license. It allows for visual design of your site, with a fully customizable look and layout. The Visual Layout Editor can save you time even if you’re comfortable working with HTML, CSS, and PHP.
Whiteboard is built on the Less Framework, meaning it adapts well to different screen sizes and formats. It has a minimalist design right out of the box, and can be used as-is or as the basis for a more complex theme design. It’s a great basis for virtually any kind of WP site.
Starkers is a semantic, bare-bones WordPress starter theme. It includes no styles, no presentational elements, and no non-semantic markup. It’s simply a blank slate for your theme designs, and is a stripped-back version of the default “Twenty Ten” theme. It’s fully-GPL licensed so you can use it for personal or commercial projects.
Carrington is actually a suite of starter themes, including a blog theme, a minimalist theme, a mobile theme, a business theme, and a developer theme that’s just a bare-bones theme skeleton. There’s extensive community support for Carrington, as well as professional support available.
Standard has been used as the basis for countless websites with a huge variety of styles. The premium features built into it make it well worth the price, as does the ongoing support. The layout and style are easy to customize, without any coding necessary.
If all you need is a basic, blank HTML5 starter theme, then the HTML5 Reset Theme might be perfect for you. It’s based entirely on the HTML5 Reset templates.
Buffet is a basic WP theme framework for both end users and developers. It’s built to be redesigned through the use of child themes. It also has support for creating theme extensions by grouping a set of action and filter functions together, making it possible for child theme designers to enable or disable extensions via the options panel.
Ashford is specifically a CMS framework for WordPress, rather than a blog framework (or an all-purpose framework). It’s been downloaded more than 20,000 times and has been featured in a number of blog posts since its release in 2008.
Catalyst is a premium theme framework with tons of built-in features and options. It includes excellent support, unlimited layout possibilities, and more than 800 design options. It’s a blank canvas WP theme that’s flexible and easy to customize.
Simon is a framework and blank theme that lets you quickly build and deploy WP websites. It can be built on and used however you please, and has some great features built-in.
Which WP theme frameworks do you use? Which one is your favorite? Let us know in the comments!
Others start with the basic WordPress code and design around that.
But others begin with a starter theme or framework, which is arguably the most efficient way to create a WP theme.
So you know you need a framework if you want to be more efficient in designing WP themes, but there are dozens of starter themes and frameworks out there. Where do you begin?
The answer to that is with the list below. Check out the free and premium frameworks and starter themes below. Try a few of them out and then decide which one(s) work best for your projects.
PageLines Platform Pro
Price: $95 – $175 | DetailsPageLines Platform Pro is a drag-and-drop framework for creating custom WordPress themes. One of the best features that Platform Pro includes is a thing called “Sections”. These are pre-designed HTML, JavaScript or other coded modules that you can place anywhere on your site. They’re like widgets, but can be enabled or disabled on any page (without loading code on pages where they aren’t used) and they automatically register hooks for customization.
Main Features
- Includes a number of design modes to get you started, including magazine and blog layouts, full-width layouts, and more.
- A layout builder with drag-and-drop functionality.
- Works with BuddyPress and bbPress
- Uses HTML5 and works with WordPress 3.0, including custom post types and menus, and custom taxonomies.
- Includes support for Google Fonts API and Cufon.
SWFPress
Price: Free – $150+ | DetailsThere are tons of frameworks out there that make creating a WP theme quick and easy. As long as you don’t want to create a theme using Flash. That’s where SWFPress comes in. It uses XML to send your WP data to a Flash theme, making it easy to use a pre-existing theme or to build one from scratch. The advantages to using a framework like this are pretty obvious: you can use WP to update your site, and could use an alternate mobile site that doesn’t use Flash without too much trouble.
Main Features
- Full WordPress integration.
- Built-in menu management features.
- Theme settings including color pickers, drop-down menus, form and table uploads, and more.
- The ability to format your XML files however you want.
- Works like any other theme, and can be fully customized by developers.
Thesis
Price: $87 – $164 | DetailsThesis is one of the most popular premium theme frameworks, used on over 37,000 websites. There are two licenses, with the less expensive one only allowing use on a single website (the developer license can be used on an unlimited number of your own sites, with additional license fees for use on client websites).
Main Features
- Layout generator with 1, 2, and 3 column design options.
- A full options panel for customization with coding.
- Future-proof customization system.
- Full support.
- A focus on typography.
Elemental
Price: $59.99 – $149.99Elemental is a premium framework that can be used as-is by bloggers or can be fully customized to build client sites for almost any purpose in a variety of styles. The main thing that sets it apart is that it looks good even without a child theme, making it a great choice for non-designers who want a customizable, but good-looking site.
Main Features
- Control panel that lets you customize column size, typography, and navigation, among other things.
- Four widgetized areas.
- Custom controls for masthead image and logo.
- Twelve custom page templates for things like contact forms, sitemaps, blogrolls, image galleries, and more.
- Custom widgets for social networking, Twitter updates, related posts, popular posts, and more.
Toolbox
Price: Free | DetailsToolbox is a free HTML5 starter theme that’s completely stripped down and ready for you to build from. It’s licensed to be used for commercial projects or publicly-released themes. It uses semantic HTML5 markup, is extremely minimal, and uses a fluid, em-based CSS layout that can also work for a static design.
Main Features
- Suitable for fluid or fixed layouts.
- Uses HTML5.
- Free for personal or commercial use, and public themes.
Bones
Price: Free | DetailsBones is a WP development theme based on HTML5 Boilerplate, the 960.gs Grid, and CSS3. It includes two style sheets (one as a default and one for customization), and is only 246 KB in size. It includes five plugin-like functions to make your life easier, including relates post and page navigation. You can browse all of the code right on the website.
Main Features
- Based on leading frameworks like HTML5 Boilerplate and 960.gs Grid.
- Built-in functions for features usually handled by plugins.
- Includes post type and post format features.
- Detailed documentation.
- Lightweight.
HTML5 WordPress Shell
Price: Free | DetailsHTML5 WordPress Shell is designed to be a starting point for creating HTML5-based WP themes. It includes a number of WordPress features, as well as a number of HTML5 features and a separate set of base plugins they recommend you download and install. The code is all clearly commented to make it easier for you to customize and build from.
Main Features
- Dynamic sidebar and custom template examples are included.
- Smart sidebar disabling.
- Modernizr for HTML5 feature detection.
- iPhone detection.
@font-face
examples.
Genesis Framework
Price: $59.95 | DetailsGenesis is a premium theme from StudioPress. It makes it easy to quickly build custom WP sites, whether you’re a novice or an advanced developer. There are forty turn-key designs available for Genesis, or you can use it as the basis for building child themes.
Main Features
- Optimized, secure code.
- Unlimited support, updates, and websites.
- Integrated, single-click updates to both Genesis and WordPress that are fully tested and supported.
- Theme options include font size and choice, default layout, custom fields, header settings, navigation settings, and much more.
- Threaded comments support.
WordPress Theme Framework
Price: $8WTF is an inexpensive premium framework that includes a highly-customizable options page, premium theme functions, and more. It’s one of the least expensive premium frameworks out there, available exclusively through CodeCanyon. It’s built to be used with any theme design to extend functionality and add theme options, and all you have to do to use it is put the folder into your theme folder and add a line of code to your functions.php file.
Main Features
- Built-in theme options page.
- Includes breadcrumb functions.
- Includes a number of additional post functions, including popular posts, related posts, and future posts.
- Latest tweet function included.
- Full and thorough documentation.
Thematic
Price: Free | DetailsThematic is one of the more well-known free WP frameworks, created by the Automattic Theme Team. It’s free and open-source, search-engine optimized, and highly-customizable and extensible. There’s a complete guide to using Thematic available on the ThemeShaper website, as well as a number of child themes.
Main Features
- Thirteen widget-ready areas.
- Includes a sample child theme for rapid development.
- Can by used as-is or as the basis for a child theme.
- Multiple layout options for 2 and 3 column designs.
- Options for multi-author blogs.
- Editable footer text (the theme credit can be removed without damaging the rest of the theme’s code).
Roots
Price: Free | DetailsRoots is a basic HTML5 starter theme for developers. It offers the choice between using a number of layout frameworks as the base for the theme layout (including 960.gs, Blueprint CSS, and 1140 CSS Grid). It’s highly customizable, allowing you to create themes with virtually any layout or style you want.
Main Features
- hNews microformat ready.
- Built on HTML5 Boilerplate.
- Rewrites URLs so they’re clean and free of the usual WP file structure.
- When activated from a fresh install, you’ll get a number of features upon activation, including a custom home page and permalink structure changes.
- WPML compatible.
Headway Themes
Price: $87 – $164 | DetailsHeadway Themes is a drag-and-drop WP framework licensed under the GNU GPLv2 license. It allows for visual design of your site, with a fully customizable look and layout. The Visual Layout Editor can save you time even if you’re comfortable working with HTML, CSS, and PHP.
Main Features
- Headway Configuration Panel makes it easy to customize just about everything.
- The “Easy Hooks” feature makes it simple to insert custom content where you want on a page.
- Built-in search engine optimization.
- Drag-and-drop layout design.
- Complete visual design control.
Whiteboard Framework 3.1.5
Price: Free | DetailsWhiteboard is built on the Less Framework, meaning it adapts well to different screen sizes and formats. It has a minimalist design right out of the box, and can be used as-is or as the basis for a more complex theme design. It’s a great basis for virtually any kind of WP site.
Main Features
- Built on the Less Framework so it includes a mobile version automatically.
- Can be used as-is or built on.
- HTML5 with graceful degradation built in.
- More dynamic classes and IDs than any other WP framework.
- Lightweight and well commented for easier development.
- Follows the Web Accessibility Initiative.
Starkers
Price: Free | DetailsStarkers is a semantic, bare-bones WordPress starter theme. It includes no styles, no presentational elements, and no non-semantic markup. It’s simply a blank slate for your theme designs, and is a stripped-back version of the default “Twenty Ten” theme. It’s fully-GPL licensed so you can use it for personal or commercial projects.
Main Features
- Fully semantic code.
- Completely bare-bones with no presentational elements.
- Based on the Twenty Ten theme.
Carrington
Price: Free – $149+ | DetailsCarrington is actually a suite of starter themes, including a blog theme, a minimalist theme, a mobile theme, a business theme, and a developer theme that’s just a bare-bones theme skeleton. There’s extensive community support for Carrington, as well as professional support available.
Main Features
- A number of starter themes to choose from based on your needs.
- A reactive templating engine is available that makes it easy to create different visual styles for different areas of your sites.
- An advanced drag-and-drop page layout system, Carrington Build, is also available.
Standard Theme
Price: $49 – $99Standard has been used as the basis for countless websites with a huge variety of styles. The premium features built into it make it well worth the price, as does the ongoing support. The layout and style are easy to customize, without any coding necessary.
Main Features
- Support for WP 3.1 post formats.
- A powerful admin panel that includes general settings, framework options, navigation options, ads, comment and sharing options, and much more.
- Author preferences that includes a sidebar widget and a customizable “Author Box” at the end of each post.
- Custom menu support.
- Page templates.
- Easy Analytics integration.
HTML5 Reset WordPress Theme
Price: Free | Details | DemoIf all you need is a basic, blank HTML5 starter theme, then the HTML5 Reset Theme might be perfect for you. It’s based entirely on the HTML5 Reset templates.
Main Features
- Semantic HTML5 markup.
- jQuery, Modernizr, and Analytics support is built in.
- Compatible with hNew Microformat.
- Starter CSS declarations for basic WordPress elements.
- A widget-ready sidebar.
The Buffet Framework
Price: Free | DetailsBuffet is a basic WP theme framework for both end users and developers. It’s built to be redesigned through the use of child themes. It also has support for creating theme extensions by grouping a set of action and filter functions together, making it possible for child theme designers to enable or disable extensions via the options panel.
Main Features
- Support for microformats.
- A number of features powered by jQuery.
- Theme options panel with tabbed organization.
- Action and filter hooks with inline documentation.
- Search engine optimization that includes breadcrumbs, headings, and canonical URLs.
Ashford
Price: Free – $49Ashford is specifically a CMS framework for WordPress, rather than a blog framework (or an all-purpose framework). It’s been downloaded more than 20,000 times and has been featured in a number of blog posts since its release in 2008.
Main Features
- Page templates, including 250 variations in the Pro version.
- Built-in mega menus in Pro.
- Interactive hero elements, including sliders, carousels, rotating banners, and more.
- Complete customization of headers, backgrounds, color styles, and web fonts.
- Built-in mobile site in the Pro version.
Catalyst
Price: $97 – $174 | DetailsCatalyst is a premium theme framework with tons of built-in features and options. It includes excellent support, unlimited layout possibilities, and more than 800 design options. It’s a blank canvas WP theme that’s flexible and easy to customize.
Main Features
- Unlimited custom layouts, widgets, and hook boxes.
- Dynamik child theme provides 800+ no-coding design options.
- Built-in child theme creator (with ability to download your child themes).
- Custom CSS building tool that writes your code for you.
- Uses HTML5 and CSS3 code.
Simon WP Framework
Price: Free | DetailsSimon is a framework and blank theme that lets you quickly build and deploy WP websites. It can be built on and used however you please, and has some great features built-in.
Main Features
- Built on the 960.gs Grid.
- Uses the Blueprint Typography Framework.
- Two-column design.
- Featured post capability.
Which WP theme frameworks do you use? Which one is your favorite? Let us know in the comments!
I use thematic. I have heard its heavy and takes too much time to load. Is that true?
ReplyDeleteI was looking for some light, sematic, html5, device compatible, hooks and widget ready framework that i can use for theme development.