7 Best WordPress Starter Themes And Frameworks For New WP Developers
If you find the best WordPress starter theme for you, you can jump way way ahead in the learning curve of WP development. When getting into WordPress development with little or no dev experience beforehand, everything can seem a little overwhelming. The right theme or framework helps solve that problem.
If you want a head start on theme development, using a starter theme can be a good way to go early. Not only will you get a lot of basic code out of the way that would take many hours to set up as a beginner, you also have access to a clean theme that can show you exactly how you could go about building your own from scratch.
(If you are a complete beginner, you might have questions about some of the terms/technologies mentioned in this post, so I’ve included a section at the bottom of this post that explains what they are.)
01. Underscores (_s)
Underscores is the starter theme developed and maintained by the folks at Automattic. It is designed to be a clean starting point for theme development, and aims to give developers a 1000 hour head start.
- Actively Maintained
- Easy To Understand Well Commended HTML/CSS
- Custom Header
- Dropdown menu on phones/tables
- 2 CSS layouts (left/right sidebar)
Underscores is not the most feature heavy starter theme, because it doesn’t try to. The goal is to be a blank slate that speeds along the development of your specific theme, and it does that perfectly well.
Sage, formerly known as roots, is a a more feature heavy starter theme, that focuses on offering a few different capabilities from the get go. It ships with Gulp/Bower supporting a ‘modern development workflow’.
What this means is that you can quickly compile Sass and into normal CSS, and test compatibility across multiple as you make changes.
This means that you are able to spot any possible bugs or mistakes as you make them, instead of writing a ton of code, then compiling and testing later, only to struggle finding out what breaks your site when everything is put together the way it will be when it goes live. (With the CSS compiled and JS minified into single file etc.)
It also comes with theme wrappers, Sage’s way of doing template pathing all in one file.
- Active community
These features come together and basically force you to get familiar with a few staples of front-end development. This can be great for people that are familiar with WordPress development fundamentals, that love challenges, but not ideal for complete beginners.
The roots team themselves admit that ‘Sage should not be your first WordPress theme‘.
If you’re ready to get started with Sage, there’s even a roots community that includes many people that develop with it.
JointsWP is another starter theme based on the Foundation framework. It has many of the same features as foundationpress, but it’s base design is different.
If you’re unfamiliar with Sass and don’t want to add another challenge to your learning process, you can choose to download the theme with only normal CSS.
- Translation support
- Actively maintained
Is a bare bones (no pun intended) starter theme that is perfect for a starting developer. The well documented CSS makes it easy for beginners to go in and make significant changes to mold the theme into their own design.
It also comes with all the page templates you would want.
- Responsive out of the box
- Custom Post Types included
- Well Documented
Bones is a great choice if you’re a beginner to WordPress, but already know some CSS/HTML and can’t wait to get your hands dirty.
05. HTML5 Blank
HTML5 Blank is a complete blank slate starter theme with 0 unnecessary styled elements. It’s completely focused on simplicity and speed.
- Completely blank slate
HTML5 Blank is a good choice for you if you are already adept at CSS, and want complete control over every single element, and you want absolute 0 wasted lines of code in your site.
Frameworks are different from starter themes in that you’re not meant to change the core files and make it into your own theme, you’re meant to build child themes that makes use of the functionality and styles of the framework.
For example, if you only need/want to work with the CSS of a theme, a child theme is the right way to go. But child themes can go much further than that. You can have your own custom page templates, your own header/footer files, etc, that will override the files of the parent theme.
A long time staple of the WordPress general user, and more importantly, developer community, Genesis is a premium framework made for working with child themes.
It has a big community of developers working with it, which means that not only are there lots of people you can connect with and learn from, and lots of tutorials available online, there are also a ton of genesis specific plugins.
- Responsive out of the box
- Schema.Org micro data
- Easily customizable
- Different layout options
- Lots of specific functionality plugins
- Active community
- Actively maintained
If you’re looking to work with a trusted framework (that prospective clients might even request in the future), genesis is the choice for you.
While Genesis is not free, there is no developer option, the basic price (59.99$) includes unlimited domains, even if you’re developing sites for clients.
08. Hybrid Core
Hybrid core is an open source framework, made for designers/developers that like to maintain complete control of the design of their site, while offering them a lot of useful out-of-the-box functionality.
It has an active community of developers that work with it as well, making it easy to get help.
- Custom Gallery
- Schema.Org Microdata
- Support for multiple theme layouts
- Active Community
If you like complete control of the design of your site, you want to join an active community of developers, and get a head start on any new theme you want to develop, all for free, then theme hybrid is the choice for you.
The framework itself is completely free, but if you want premium support on developing with the framework, you need to join the ‘club’ for as little as 35$/year.
If there were some terms/technology mentioned in the post above that you did not understand, refer here for answers.
Sass is an extension of tradional CSS that adds extra functionality to it. The sass files will be compiled into normal CSS, so it is supported by all browsers. In it you can use things like functions, variables and mixins, things that are not available in CSS, but are very useful for development.
You can also create separate files for styling separate sections/page templates. This makes your CSS a lot easier to stay on top of, without it affecting performance. (Because you compile it into one CSS file.)
Gulp is a task runner, a system that helps you automate tasks like compiling Sass into CSS, minify JS files, refresh browser windows upon changes and even automatically optimize images.
To install gulp you need to have NodeJS installed.
npm is node.js’s package manager. It makes adding JS or CSS libraries super easy and super fast for example.
To install npm you need to have NodeJS installed.
An element is basically a part of a HTML webpage. If you look at the source code for this page, you will see elements like <header> <article> and <aside>, these house the header, blog posts and widgets respectively. These elements are then styled(designed) with CSS.
Bower is a package manager, which does more or less the same things as npm.
To install Bower you need to have NodeJS installed.
Schema.org Microdata is basically a way to give search engines like google extra information about a piece of content to display in their results. For example, you can add a google maps location and reviews for your business page to show up with your results, or prices for items if you are running a shop.
What Is THE Best WordPress Starter Theme?
There is no one theme that is universally the best choice for everyone. There are a lot of great starter themes and frameworks out there, but these stand out from the pack in many ways. If you’ve picked a starter theme or framework to work with, please let us know in the comments. We would also love to hear about your progress as a WP developer as you go along.