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/ tech nologies 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 WordPress starter theme

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.

Features:

  • Lightweight
  • 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.

Get underscores here.

02. Sage

Sage WordPress starter theme

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.

Features:

  • Bootstrap
  • Sass
  • Gulp
  • Bower
  • 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.

Get Sage here.

03. FoundationPress

FoundationPress WordPress starter theme

FoundationPress is a WordPress starter theme that is based on the front-end CSS/HTMl/JS framework Foundation. This is an obvious choice for someone who is new to WordPress, but has previously enjoyed working with the Foundation framework for front end development.

You can also choose to not include the elements from Foundation that you don’t plan on using.

Features:

  • Responsive out of the box
  • Actively maintained
  • Foundation
  • Sass
  • Gulp
  • npm

Whether or not this is the right starter theme for you depends on one thing. Do you prefer designing your own site from scratch, styling every element? If so, this is probably not for you.

But if you’re looking for something that gives you a good looking set of building blocks to pick and choose from, this is a great choice.

Get FoundationPress here.

04. JointsWP

JointsWP WordPress starter theme

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.

Features:

  • Translation support
  • Actively maintained
  • Foundation
  • Sass
  • Gulp
  • Bower

Get JointsWP here.

05. Bones

bones theme

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.
Features:

  • Responsive out of the box
  • Sass
  • 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.

Get Bones here.

06. HTML5 Blank

html5blank theme

HTML5 Blank is a complete blank slate starter theme with 0 unnecessary styled elements. It’s completely focused on simplicity and speed.

Features:

  • Completely blank slate
  • Simplistic
  • Fast

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.

Get HTML5 here.

Frameworks

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.

Read more about how to work with child themes here.

07. Genesis

Genesis WordPress Framework

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.

Features:

  • 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.

Get Genesis here.

08. Hybrid Core

Hybrid Core WordPress Framework

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.
Features:

  • Breadcrumbs
  • 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.

Get Hybrid Core here.

Terms/Technology Explained

If there were some terms/technology mentioned in the post above that you did not understand, refer here for answers.

Sass

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.)

You can read about sass basics here.

Gulp

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

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.

Element

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

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

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.

To show main source of content:
https://www.designbombs.com/8-best-wordpress-starter-themes-frameworks-new-wp-developers/