40 brilliant WordPress tutorials

Customise Admin Columns in WordPress
Want to get insight into all of your content at a glance? The WordPress admin area is a bit lacking on that score, so in this tutorial you'll learn some simple custom solutions using a ready-to-deploy plugin.

Implement a Service Worker for single-page app WP sites
Service workers are a popular way of speeding up meaningful renderings of and interactions with any browser. In this tutorial, learn how to implement service workers for a website that runs on WordPress, with the goal of speeding up loading time and providing offline-first capabilities.

Power a blog using the WordPress API
In this WordPress tutorial, Luke Harrison explores how to implement the WordPress REST API into a simple blog app, which is currently using a local JSON file as its data source, and is built as a single-page application (SPA) using the popular JavaScript framework Vue.js. 

Build a skin for your web app with React and WordPress
This WordPress tutorial by Muhammad Muhsin, the co-founder and lead developer at Laccadive IO, explains how you can build a SPA WordPress theme with React, and why this is a good choice for your web app's back-end technology.

Add code-splitting capability to WordPress sites with PoP
It's not easy for WordPress websites to implement code-splitting through WebPack. So in this tutorial Leonardo Losoviz implements his own version of code-splitting for the open-source PoP framework.

Make a dynamic site static using a content CDN
Wouldn't it be great to have a WordPress website whose dynamic content can be exported as static files? In this tutorial, Leonardo Losoviz explains how you can combine both worlds – switching to a static site generator without having to abandon WordPress.

Override styles in WordPress
Occasionally you might find that a new plugin conflicts with your installed theme or with another plugin, and the results can ruin your site's looks. Fixing such conflicts can be quite a challenge; this tutorial talks you through some techniques for overriding conflicting CSS.

Responsive images in WordPress with art direction
Support for responsive images has been in WordPress for a while, in the form of viewport-based image selection. But there's another, more versatile way to do responsive images on WordPress: using art direction. This tutorial show you how to design with images whose crop or composition changes at certain breakpoints. 

Free SSL for any WordPress website
Even if you don't process sensitive information, serving your site via SSL makes you look more credible, protects passwords and improves SEO. And if you have an ecommerce site and want to process credit cards, it's mandatory. Here's how to set up your site to serve via HTTPS, for free.

Hide your login page from hackers and brute force
Even WordPress sites that don't get much traffic attract huge numbers of malicious login attempts. There are a number of different strategies you can use to help protect your site. This WordPress tutorial runs through one simple way to make yourself less visible to hackers.

How to make WordPress hard for clients to mess up
WordPress can confuse your clients and put them at risk of breaking their site, so it's a good idea to turn off anything that isn't needed. In this article, seasoned developer Emerson Loustau outlines which features can do the most damage and explains how to remove them to create a simpler, safer interface for your clients.

Use WordPress functions to reduce HTML in your posts
Keeping HTML classes out of your content is a good idea, because they can make a real mess when it's time to redesign the site. It's possible to generate the HTML you need and insert it into the right place in the post, and then update this function when you redesign the site, thus removing the need to update posts manually. This tutorial shows you how.

A look at the modern WordPress server stack
Troubleshooting is always easier when you've got a sound mental picture of how something works. This fascinating article demystifies the WordPress stack, so you can make wise choices about your site and keep it performing well.

The ultimate guide to WordPress caching
If your website doesn't load quickly, a good proportion of your visitors won't hang around to use it. This article explains how to use caching plugins to help you get your site into people's screens as fast as possible.

Timber and Twig reignited my love for WordPress
Once you get properly stuck in with WordPress, the intermingling of PHP and HTML can become confusing. Twig is a template that keeps them separate, making your codebase easier to work with.

Related articles: