How to Work with WordPress Theme Frameworks

WordPress Design Wordle graphicA framework is literally a frame upon which a web designer adds the design elements. A WordPress Theme frameworks is a skeletal frame set with HTML and CSS with all the WordPress code embedded within it, upon which a designer can paint the website walls.

Most WordPress designers and developers either create their own WordPress Theme frameworks or use one already created for every WordPress site they develop. It’s important for them to be familiar with all the HTML and CSS design elements so they can quickly apply the design elements, whether from scratch, wireframe, or from a Photoshop to WordPress conversion. The more you understand how a Theme framework functions, the faster the design work can be applied.

Basic information on frameworks for WordPress Themes is found in the WordPress Codex article on Theme Frameworks, but it does little more than link to free WordPress Theme frameworks and a few articles and references. While the volunteer documentation team on the WordPress Codex works to improve the article, here are some resources that might help you understand how WordPress Theme frameworks work, how to build one yourself, or how to choose one upon which to build your WordPress site. Below that is a list of free WordPress Theme frameworks for you to experiment with.

The following are free WordPress Theme frameworks available for downloading and designing with. Each one offers a variety of features so explore their feature sets thoroughly. Some of the articles above offer comparisons between the different Theme frameworks and tips for working with each one. Some of these are especially designed for HTML5 and/or CSS3. Most typically are cross-browser and mobile friendly.

5 thoughts on “How to Work with WordPress Theme Frameworks

  1. WOW there are a lot of frames here. Picking one seems to take more time than I want to give it right at the beginning, but I’ll need to set time aside and really look at each one of these to make a good decision for me.

  2. Which to choose? Responsive vs. non responsive frameworks…

    I’ve been looking for a HTML5 / CSS3 framework to build my first WP theme and have discovering responsive layout frameworks like Skeleton, Reverie, Foundation and Yoko, These all appeal to me, particularly Skeleton.

    However, I’m not sure what I’m getting into with these frameworks regarding their ‘Responsive’ nature. Because this is my first WP theme and because I prefer fixed layouts over fluid layouts … should I look for a non-Responsive framework instead or I go for Skeleton or Reverie? I prefer not to fixed designs over fluid designs but it would be nice to support other media devices better.

    What additional work / skills / time are required to work with these responsive layouts?
    Am I limited by these types of frameworks?


    • Wow, the only answer I can give you is “it depends.” I wish I could be more specific but you are asking for a wide spectrum of advice when you aren’t sure yourself what you want. Experiment. Try different ones. Test them out. This is just an article with a list not a comprehensive technique to support my WordPress and blogging classes. Poke them and see how they work for you.

  3. Pingback: WordPress School: HTML and CSS References and Resources « Lorelle on WordPress

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s