Since its release in 2003, WordPress has been instrumental in creating and maintaining more than 75 million websites. WordPress is the most popular content management system, powering about 40% of the websites in existence. You can do just about anything with WordPress. That’s why there are hundreds and hundreds of WordPress tutorials out there.

WordPress is an open source platform, so designers and developers around the world are continually adding to the vast pool of templates, plugins and resources to make it even more customizable and powerful.

So whether you are a beginner or expert, we’ve collected 14 WordPress tutorials that will help build and customize your website.

wordpress tutorials
Illustration by OrangeCrush

Why WordPress?

When we say “WordPress,” we’re referring to wordpress.org, the free content management system you can download or access through your chosen hosting provider. If you haven’t chosen a hosting provider yet, or if you’re not 100% sure what web hosting entails, take a look at our quick guide to web hosting.

WordPress.com is a website builder that also makes it possible to create a website for free, but to use your own domain name or access other features, you have to pay. It’s a lot less customizable than using wordpress.org, but offers similar support to other paid website builders like Squarespace and Wix.

Here’s a quick guide to WordPress:

So why WordPress? There are a lot of reasons why it’s the world’s most popular content management system.

A few of its biggest benefits are:

  • It’s free. WordPress is best known for being completely free and open source. That said, lots of add-ons, like themes and plugins for WordPress, cost money. But these are completely optional; WordPress itself will never cost you a thing.
  • There is a mind-boggling number of plugins to choose from to customize your website—as of 2018, the number was over 50,000, and it’s surely higher by now.
  • Tons of integration with other programs and services like Salesforce, Google Drive, Shopify, Mailchimp and many more.
  • It’s easy to use. Though you certainly can get into the coding and build cool stuff with WordPress, you don’t need any coding knowledge to build a great-looking, fully functional website.
  • There are loads of tutorials available online, lots of them for free.

The best WordPress tutorials

Whether you’re looking for WordPress tutorials for beginners, intermediate or advanced users, you’ll find what you’re looking for online. Take a look at some of our favorite WordPress tutorials, neatly organized according to their difficulty level:

We’ve curated a list of tutorials that cover some of the basics for beginners, like setting up your website and integrating WooCommerce for an ecommerce site and adding marketing and customer service features to higher level skills like adding custom javascript, creating plugins, making your own themes and running an efficient, effective WordPress-based business. We’ve also got one that shows you how to make your site invisible to hackers.

WordPress tutorials for beginners

How to Make a Website in 2021 (Step by Step)

By: WPBeginner
Cost: Free
Length: 28 minutes
What it covers: an all-inclusive guide to setting up hosting, getting a domain name, installing WordPress, choosing theme and adding pages and plugins.
Watch tutorial here

In this tutorial, WPBeginner walks you through all the stages of creating a WordPress website. This video is meant for super early beginners—the narrator gets granular and explains every little detail about creating a brand new WordPress account, setting up hosting and fleshing the site out with content and plugins.

How to Add a Request to Call Back Form in WordPress

screenshot showing text, ads and Youtube video ad
Via WPBeginner

By: WPBeginner
Cost: Free
Length: 1,546 words—about 7 minutes
What it covers: The process for adding a button to your website that allows customers to request a callback from you at your earliest convenience
Read tutorial here

This tutorial is much more specific than the previous one. Here, it’s already assumed you have a functional WordPress site up and running and you’re looking to add a button to make callback requests simple.

If you’re offering a product or service through your website and you regularly take calls from customers, this can be a great feature to add. This way, they’re not dealing with email or live chat, sitting around on hold or leaving you voicemails—they’re just clicking a quick button so you know to give them a call back when you’re available.

How to use FTP to Upload Files to WordPress for Beginners

By: WPBeginner
Cost: Free
Length: 6 minutes
What it covers: Uploading files via FTP, a means to access website files through the hosting provider, rather than the WordPress dashboard
Watch tutorial here

There might be times when you’re not able to log into WordPress, but you need to update your website. That can happen if there’s a bug in your site’s code or something goes wrong with a plugin…and the results can be disastrous. In situations like this, FTP is a lifesaver, and this beginner-level tutorial shows you exactly how to use FTP to upload non-corrupted files to your server and save your site!

WordPress Ecommerce: WooCommerce

screenshot showing a man with folded arms and white text
Via Lynda.com

By: Patrick Rauland via Lynda.com
Cost: $25/mo for a Lynda.com membership, which gets you access to all its courses for free
Length: 2 hours, 39 minutes
What it covers: Everything a WooCommerce beginner needs to know, from installing WooCommerce and setting up a store to connecting Mailchimp and Google Analytics
Watch tutorial here

If you’re planning on creating an ecommerce site, this tutorial is for you. WordPress+WooCommerce is one of the most popular setups for ecommerce because, like WordPress as a whole, it’s extremely customizable and allows you to build exactly what you want. If you’re still shopping for the right ecommerce platform for your store, check out our guide to the 10 best ecommerce platforms for selling online.

In this tutorial, you get a beginner’s look at getting started with WooCommerce. It starts you at the very first step: choosing WooCommerce versus other ecommerce platforms. Then, Patrick Rauland walks you through every step of creating your first store, including working with the WooCommerce mobile app.

How to Properly Add Google Adsense to your WordPress Site

By: WPBeginner
Cost: Free
Length: 5 minutes
What it covers: Adding Google Adsense to your website
Watch tutorial here

With Google Adsense, you can earn money from your website by allowing Google to run ads on it. Like other WordPress tutorials for beginners, this one starts you off at the very beginning of working with Google Adsense and walks you through the process of setting up your very first ads. The narrator discusses different ad sizes and how to choose the best one for your website and illustrates the process for creating and customizing Google ads.

WordPress tutorials for intermediate users

WordPress Cheat Sheet

screenshot showing code fragments and ads
Via Start Blogging Online

By: Start Blogging Online
Cost: Free
Length: approximately 650 words—about 3 minutes
What it covers: Lots of pieces of code a developer needs to make pages and templates work
Read tutorial here

This one isn’t a tutorial in the traditional sense, but we thought it was too useful to not include in this roundup. It’s a quick, easy cheat sheet of all the basic template files, php snippets for templates and headers, navigation code snippets and a few more advanced sections like the loop, query posts and styling different categories. There isn’t a whole lot of explanation here, just a bunch of code pieces ready to copy and paste into a theme.

Learn How to Add Custom Javascript to WordPress the Right Way

screenshot showing text and an upright finger
Via wpmudev

By: Brenda Barron via wpmudev
Cost: Free
Length: approximately 1,500 words—about 6 minutes
What it covers: Why you’d want to use Javascript on your site and rules on how to (and how not to) add Javascript to your site
Read tutorial here

HTML and CSS give your website its look. Javascript gives your website its feel by adding interactive elements like the ability to zoom in and out, changing a button’s color when you hover your mouse over it, displaying animations, showing drop-down menus and much more.

Brenda Barron explains how to add custom Javascript to your WordPress files to alter your site’s behavior safely and properly (in other words, in a way that won’t crash your site) in four succinct headers. These headers hit on a few important bad habits you might see others doing and why you shouldn’t be doing them. In the end, she introduces you to a few useful plugins that make working with custom Javascript a breeze.

Getting Started with WordPress Plugin Development

screenshot showing text and a hand gripping a cord and plug
Via Wpmudev

By: Daniel Pataki via Wpmudev
Cost: Free
Length: approximately 3,800 words—about 17 minutes
What it covers: Creating plugins to alter your site’s functionality without changing its core code
Read tutorial here

Plugins are a must-have for pretty much any WordPress website. And although you’ll likely find multiple plugin options for whatever you’re looking for (seriously, there are a ton out there), you might find yourself wanting to build your own custom plugin.

In this tutorial, Daniel Pataki shows you how by walking you through the process of creating a plugin that integrates Facebook Open Graph with WordPress. Facebook Open Graph is the API that makes it possible to integrate Facebook with your website in ways like adding a “Like” button to your pages, embedding Facebook Live streams and making it possible for users to log into your site using Facebook. The tutorial covers everything you need to know to build your own plugin, from using hooks and filters to adding scripts and styles.

WordPress: Developing Secure Sites

screenshot showing a gray title card with white, black and yellow text
Via Lynda.com

By: Jeff Starr via Lynda.com
Cost: $25/mo for a Lynda.com membership, which gets you access to all its courses for free
Length: 2 hours, 34 minutes
What it covers: Web security basics as well as more advanced security like monitoring user activity, scanning for exploits, creating firewalls and stopping hotlinking
Watch tutorial here

There are a lot of great things about being the most popular content management system on the web, but there are a few downsides too…like being a popular target for exploits and attacks. You’re the one responsible for your website’s security.

In this course, Jeff Starr teaches you the basics of website security as well as more advanced security measures like creating firewalls and blocking malicious bots and proxy servers. If you don’t outsource your IT, learning how to keep your website safe is absolutely crucial for not just your own safety, but your website’s visitors.

WordPress Theme Development with Bootstrap in 2021 

screenshot showing a black header and white page beneath, text boxes and a red button
Via Udemy

By: Brad Hussey and Code College via Udemy
Cost: $94.99
Length: 12 hours
What it covers: Building your own website from scratch with Bootstrap
Watch tutorial here

When the free and paid WordPress themes you find just won’t do, what can you do? Build your own theme, of course! And in this tutorial, you’ll learn exactly how to create your own WordPress theme using Bootstrap, an open source CSS framework for front-end web development. You’ll learn how to turn static websites dynamic, how to create a one-of-a-kind website with Bootstrap, how to use custom post types and advanced custom fields and more, all skills you can use to start your own career as a WordPress theme developer.

WordPress tutorials for advanced users

WordPress Workflows

screenshot showing a man against a background of gold triangles against a blue backdrop
Via Lynda.com

By: Joe Casabona via Lynda.com
Cost: $25/mo for a Lynda.com membership, which gets you access to all its courses for free
Length: 1 hour, 22 min
What it covers: The workflow of building a custom WordPress website for a client
Watch tutorial here

This tutorial is all about creating a streamlined workflow for your WordPress development jobs. As you can infer from that, it’s meant for people who are already working in WordPress development and looking for ways to make their workdays more efficient while developing websites for clients. It includes a look at advanced tools that can completely upgrade your workflow.

Build a client portal with WordPress

screenshot showing a computer monitor, text, logos and an ad
Via Creative Bloq

By: Joseph Ford via Creative Bloq
Cost: Free
Length: Approximately 1,380 words—about 6 minutes
What it covers: Building a portal where clients can share and download documents
Read tutorial here

If you work with clients, a client portal can be extremely valuable. In this tutorial, you’ll learn how to build one step-by-step. Joseph Ford breaks down the process of building one into short steps, many of which have screenshots to accompany them to show you exactly where you should be at each given point in the tutorial. Certain additional files are necessary for this build, which Joseph provides at the beginning of the tutorial.

Gutenberg Blocks for WordPress and React Developers

screenshot with black header, white below, text and red button
Via Udemy

By: Ali Alaa via Udemy
Cost: $109.99
Length: 11 hours, 15 minutes
What it covers: How to create Gutenberg blocks and plugins from scratch
Watch tutorial here

In this tutorial, you’ll learn the ins and outs of working with Gutenberg blocks in WordPress and React. Within the course, Ali Alaa introduces you to the Gutenberg editor in WordPress, which was initially a separate plugin but has been WordPress’ core editor since 2018. Gutenberg blocks are the individual blocks of content that allow users to create custom website layouts. Basic blocks are for pieces of content like paragraphs and images.

Over the 11 hours, you’ll learn how to create complex blocks using ReactJS and Redux and how to add new features to the Gutenberg UI. You’ll also get a behind-the-scenes look at how Gutenberg blocks work, learn how to save them to the database, create a dynamic block, get design tips for making your blocks look great and build a Gutenberg plugin.

How to Easily Hide your WordPress Login Page from Hackers 

screenshot of black text on white background
Via Wpmudev

By: Martin Aranovitch
Cost: Free
Length: Approximately 2,800 words—about 12 minutes
What it covers: Hiding your WordPress login page to prevent brute force attacks
Read tutorial here

Like we said earlier, security is crucial when you’re operating a website. And while you can (and should) take security measures like regularly changing your (long, complex, hard-to-figure-out) password and monitoring user activity, one way to keep hackers from getting into your website’s back end is to literally hide your login page.

This tutorial shows you how to do that with and without plugins. This strategy can protect your website against brute force attacks and should be used in conjunction with other security measures so you’re protected from all sides.

Word’s out: WordPress is the way to go

Ready to start building your WordPress website or upgrading a WordPress site you’ve already got? You’re in luck—we’ve got plenty more WordPress resources and a huge community of WordPress designers who can give your site the perfect look and feel.

Take a look at a few previous blog posts we’ve published about working with WordPress:

Then when you’re ready to start working with a designer, check out our vast platform of visionaries who specialized in WordPress themes and templates.

Want to get the perfect website for your business?
Work with our talented designers to make it happen.