Gutenberg Colour Settings: The Ultimate Guide

The Gutenberg Block Editor allows users to customise text and background colours for different blocks.

In this article, we’ll first look at what these colour settings are, and how they work. We’ll then see how to disable the custom colour picker and the default colour palette. Finally we’ll learn how to add our own custom colour palette in a theme.

Read More

Shortcut to Gutenberg: How To Learn Gutenberg Development in 6 Days

So I published How To Learn Gutenberg Development, which outlines a roadmap for learning ES6, React, Redux, and Gutenberg. This is a proven, and sure way to master Gutenberg.

But this approach also takes time. In fact several readers have reached out to me expressing that they don’t have time for a long learning process.

With Gutenberg in Core, developers need to be productive with Gutenberg right now.

As a consequence I’ve reworked my initial learning approach, to fit with this short timeframe. The learning process outlined below takes 6 days, or 3 weekends, or 48 hours.

At the end of it, you’ll be able to:

  • Adapt existing WordPress themes to work with Gutenberg content.
  • Add Gutenberg specific features to themes.
  • Understand the basics of React.
  • Feel comfortable exploring Gutenberg’s user interface component library.
  • Develop custom Gutenberg blocks.
Read More

How To Learn Gutenberg Development

If you are looking for the best way to learn Gutenberg development, then you have found it. In this article I outline the 7 steps to really master Gutenberg development.

Because not only will you learn to develop custom blocks. You will also get an in-depth understanding of modern JavaScript, as well as the React and Redux libraries that Gutenberg uses.

This approach is a battle tested: I’ve been using Gutenberg on high stakes client projects since version 2.5.0, or April 2018. To prepare for my first Gutenberg project, I’ve used the exact steps outlined below. Other colleagues at Human Made have followed a similar path, proving that this is a rock-solid approach for learning to develop Gutenberg blocks

This process will take a while. I understand that some of you don’t have that time, and need to skill up fast. If you are one of these people, you can use the shorter approach for learning Gutenberg development in 6 days.

But enough with the introduction, you’re here to learn! So let’s get started.

Read More

Common Unit Test Issues in WordPress

Unit testing PHP code in WordPress is not a straightforward task. Automated tests in WordPress use PHPUnit as a base. But there is lots of additional code added on top to adapt the framework to work with WordPress.

In this article we’ll look at the most common unit test issues in WordPress. For each issue, we’ll try and provide a fix, or a workaround.

Read More