WordPress + Modular Content

Working to modularize the development and content creation process within WordPress.

How to Build a Gutenberg Block with Custom Styles

March 9, 2018 | 3 Comments

In this tutorial, we will learn how to add block-specific styles to a Gutenberg block. We will be loading two separate CSS files. The first (style.css) will be applied to both the frontend and the editor. The second (editor.css) will only be applied within the Gutenberg editor. This tutorial builds off the How to Build […]

How to Build a Gutenberg Block with a Toolbar Control

February 27, 2018 | 6 Comments

In this tutorial, we will learn how to add an alignment control to the toolbar of a Gutenberg block. This tutorial builds off the How to Build Gutenberg Blocks Using JSX tutorial. If you’re not familiar with Gutenberg or JSX, I would suggest starting with that tutorial. The code from this tutorial is available as […]

How to Build Gutenberg Blocks Using JSX

January 29, 2018 | 12 Comments

One of the biggest roadblocks for WordPress developers looking to build custom blocks for Gutenberg is the strange syntax and compilation requirements of React/JSX. This tutorial will cover the steps required to build a custom block using JSX. This tutorial is specific to Gutenberg and is not meant to explain how to use all of […]

Disable Default Toolbar Buttons in the Gutenberg Editable Component

January 25, 2018 | 5 Comments

By default, the Editable component within Gutenberg displays a toolbar with a number of formatting buttons: However, in certain circumstances we may want to hide some of these buttons, or even hide the entire toolbar.

How to Build Custom Gutenberg Blocks: a Beginner’s Guide

January 1, 2018 | 18 Comments

In this tutorial we will learn to build custom blocks for the new Gutenberg editor in WordPress. Gutenberg is built using the React Javascript framework and custom blocks can be built with React’s JSX syntax. However, since this is a beginner’s guide and many developers aren’t familiar with JSX or the tools used to compile […]

How to Set Up Unit Testing for a WordPress Plugin

March 6, 2017 | Comments Off on How to Set Up Unit Testing for a WordPress Plugin

This is a quick rundown of the commands used and resources needed to start unit testing a WordPress plugin. It is a fairly straight forward guide and does not include much explanation for each step. If you want a more detailed description of what is going on under the hood, check out the link to […]

Hello world!

March 29, 2016 | Comments Off on Hello world!

Yep, that’s right. This is the first step of a journey toward modularizing the content creation process for WordPress. Check out the About page for more information.