Category: Tutorial

Debugging WordPress with Local by Flywheel, (neo)vim, and xdebug

Introduction Local by Flywheel is a popular tool for getting quick and reliable WordPress installations running on your computer. One of its lesser-known features is the inclusion of xdebug support. xdebug is a PHP extension that allows for real-time debugging of PHP code. Today,...

Compile JavaScript with Webpack in a WordPress Plugin

The goal of this article is to show you how to configure webpack to watch and compile the JavaScript files in a WordPress plugin. What this article will not cover is how to configure webpack to work with every file type known...

Filtering ACF Content Blocks with WordPress Hooks & Filters

Here at WebDevStudios, we do quite a bit with Flexible Content Blocks in Advanced Custom Fields (ACF). If you aren’t familiar with the plugin, ACF allows for the creation of a multitude of custom meta field types using a graphical user interface (GUI)...

Creating a Global Options Component in Gutenberg

At WebDevStudios (WDS), we’ve seen many iterations of page builders and page builder-esque tools over the years. I think it’s safe to say that the experimentation began with CMB2 and led us down an exciting path that included a handful of full-fledged page...

A Jenkins Pipeline for WordPress Projects

If you’ve wanted to dive into Jenkins, chances are that the first thing on your mind is deployments. And if you’re like me and have absolutely no idea what you’re doing, it’s even more likely that you will be completely confused on...

What Is WordPress Multisite and How Can It Help You? (Part 1)

Editor’s Note: The following is Part 1 in a three-part series titled, “What Is WordPress Multisite and How Can It Help You?” Read Part 2 here. Read Part 3 here. Introduction to WordPress Multisite There is a good deal of information on...

Lint Code Like A Boss

Do you like saving time (and money)? Are you exhausted by constant interruptions and barriers when trying to ship, because of internal feuds about code syntax? Are you 100% confident that your app will work across different PHP versions and devices? If...

Animations for the Web

There is no shortage of animations on the webernetz™ these days, and libraries to support them. Some web animations are good, and some gratuitous. Recently, I was fortunate to work on a few projects that required animations; therefore, I got a refresher...

Get Loopy with Sass

Whether you use Sass/SCSS, Less, or Stylus to compile your CSS, one thing’s for certain; it just makes life much easier. These preprocessors give us access to variables, necessary calculations, and powerful mixins that allow us to take our front-end workflow to...

A New Year and New Learning

If you can already believe it, we’re a month into 2017! The start of each new year is filled with new goals, things we’ll change, and things we’ll continue to improve upon from the previous year – be it personal or professional....