Best Tutorials for Customizing WordPress Themes

ori

After researching this topic, I have learned that there are two ways of creating a custom WordPress theme:

 

 

– writing a custom theme from scratch
– creating a child theme

I have yet to try these methods, but I have found that there are great tutorials that teach both styles. Here are the five best tutorials for customizing WordPress themes.

1.) How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

The first tutorial that I found was written by Ian Stewart in 2009. The tutorial walks you through a 12-step process using thorough descriptions and explanations for each step. Stewart, for example, will give you the code for the HTML structure and then explain the various classes for each tag / how they create your desired structure. Rather than just copying and pasting the code into your text editor without really knowing why, you’re given a good explanation for each step throughout this tutorial.

If there’s any drawback to this tutorial, it’s that it was written nearly 7 years ago, so it’s hard to know if all of this code is still valid, considering how fast things change in website design.

2.) How To Create and Customize a WordPress Child Theme

This tutorial begins by saying:

“When trying to make changes to a website, a staggering number of people opt to edit their theme directly. This means that they are changing or adding files in their current theme’s folder, which creates a number of problems.”

The greatest of these problems is that any modification made to the theme via direct edit will be lost once the theme is updated by the developer. If the user is not able to keep their theme up to date, then their security can become at risk.

A better option is to create a child theme, which allows you to make a number of changes to a website without touching the original theme files.

The tutorial goes on to explain more about child themes, such as how they relate to a parent theme and how they have the ability to change its style, function, layout, and template. You can customize a parent theme beyond recognition just by using a parent / child theme relationship.

Another advantage to using child themes is its simplicity – you only need a folder, style sheet, and a functions.php file.

But using a child theme isn’t always the best option. If you only want to change something minor on your website, such as a color or font, it’s probably better to use a CSS plug-in. Child themes are better for large changes like design overhaul and multiple template changes.

Like in the previous article, the author provides you with the code and then give a thorough explanation for each step. However, since this article was written in January 2016, you can rest assured that everything is current and up-to-date.

3.) WordPress Theme Tutorial – Youtube Playlist by LearnWebCode

One of the most important things when looking for a Youtube tutorial is how well the instructor communicates. Since none of the information is written down, poor communication becomes a problem with a video series.

This tutorial by LearnCodeWeb does a good job of providing thorough explanations in plain English. The tutorial currently has 286,882 views and  2212 / 2252 likes (98% likes), and based on the reviews in the comment section, it seems to be doing a good job.

LearnWebCode is said to have “awesome language skill” and is a “gifted teacher.” Obviously there is no guaranteed response for your questions on his tutorial series, but some of the questions have been answered by other users.

4.) WordPress 101: Create a Theme From Scratch – Youtube Playlist by Alessandro Castellani

This tutorial by Alessandro Castellani also has a very high rating with 809/821 likes (99%) and over 65,000 views on the first video in the playlist.

There are 22 videos in total, which cover everything you will need to create a custom WordPress theme. However, you will need to have a basic understanding of HTML, CSS, Javascript, and PHP to begin.

Also, as you may have noticed by his name, Alessandro is from Italy, so his accent can be a bit distracting. But his knowledge is excellent and he has been described as “an amazing teacher” by viewers.

5.) How to Create a Child WordPress Theme

In this article for WPmudev by Daniel Pataki, you are provided with reasoning for child theme usage and a step by step process with explanations.

There are also explanations on child theme mechanics (how child themes actually work), notes/instructions from theme makers, and a bit on modifiable functions.

This is a fairly short article but it’s direct and to the point, and it’s nice to have something directly from a WordPress developer with years of experience.

 

5 Articles On The Best Free WordPress Themes

It’s easy to find a list of free WordPress themes on the internet, but finding an article that objectively ranks their features and functionality is a bit more difficult. In order to spare you some time searching for these articles, I have done a bit of research myself and have provided a summary of the best five articles about the best free WordPress themes on the Internet.

colorlib-logo-top

1.) 50+ Beautiful & Free Responsive WordPress Themes to Build Awesome Websites 2016 by Colorlib

This article starts out by explaining how users love WordPress themes because they’re easy to set up and can be readily used for blog, personal, corporate, and portfolio purposes. Of course, because of their increased popularity, high quality WordPress themes have become harder and harder to find. That’s why Colorlib has created their top 50 free WordPress themes and has included their reasoning for why these themes are on the list, for example because of their style, plug-ins, and other included features.

codeinwp_post.d0dl8of84w840wooow804ow4o.26qeyncemmo0w4w4sgokogcgw.th

2.) 40+ Best Free WordPress Themes for 2016 by Adelina Tuca

Adelina Tuca explains how bootstrap has become the most popular framework for front-end web development, as it provides a free collection of tools for creating websites and web applications. Bootstrap lets you utilize HTML, CSS, and Javascript to develop a responsive website that can fit mobile / smartphone sizes.

In the past year, however, this framework has been expanded to include smart watches and TV screens, which means that WordPress themes now need to take these sizes into consideration. The list provided in this article includes the themes that include these changes, and provides a description of each of their unique styles and features.

Screen Shot 2016-02-29 at 10.21.41 PM

3.) 96+ Best Free Responsive WordPress Themes 2016 by Fresh Design Web

FreshDesignWeb suggests searching for the best responsive WordPress themes available on the internet when looking to create your website. It states that you will most likely be inspired by a website for a corporation/business/blog in your line of competition.

It goes on to describe each theme in detail, explaining what the style says about you and your product or business, and what features and plug-ins are included with each theme. Some of the descriptions are shorter than others, but this is still an incredibly thorough list and is well worth your time to read.

dzcrazed-logo

4.) 47 Best Free Responsive WordPress Themes 2016 by Designs Crazed

Designs Crazed observes that WordPress is the most popluar CMS of this generation, with most frameworks enabling browsing on tablets, smartphones, laptops, and more. This article by Designs Crazed includes frameworks that support these platforms and also includes those that support browsing on androids and IOS.

The list also takes readability and well documented website code into consideration. Themes built specifically for magazines, portfolios, eCommerce, fashion, travel, corporate, and bbpress forums are all exemplified throughout this article.

athemes-logo

5.) 53 Best Free WordPress Themes 2016 by Brenda Barron

In this article for AThemes, Brenda Barron points out that free themes can be risky because they aren’t always well supported, and they might be created by inexperienced developers.

Therefore, this article focuses on high quality designs that also offer tangible support. Like in the previous articles, Barron also provides an explanation for each theme’s unique style and features, and what that says about the owner of the site.


While these articles all contain links and descriptions to high-quality, free WordPress themes, there are other places that contain just lists without any description. Here are two more sites that contain lists only:

WPExplorer
ThemeIsle

Personally, my favorite theme for an eCommerce business site is Storefront because of its visual simplicity and direct incorporation of the WooCommerce plug-in. Storefront was developed by WooThemes, which makes it specially designed for eCommerce purposes. It has a lean and extensible codebase, which also makes it easy for developers to customize and extend.

That ends my collection of articles on free WordPress themes. In total, my collection includes over 300 free WordPress themes, many that are described in detail in each of their respective articles!