Menu

Wordpress

My WordPress Comments Wishlist

November 11th, 2020

A built-in commenting system is one of the reasons people reach for WordPress (and often stay there long-term). While I do think having a comment system is compelling (and as big of a fan of building on WordPress as I am), I find the comments system on WordPress quite crusty. It needs some love! There…

Getting the WordPress Block Editor to Look Like the Front End Design

November 4th, 2020

I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end. It’s no surprise that a…

WordPress and Jamstack

October 26th, 2020

I recently moderated a panel at Netlify’s virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg. The whole thing was built up — at least to some — as a “Jamstack vs. WordPress” showdown. I have lots of thoughts of my own on this and think I’m more useful as…

Using Markdown and Localization in the WordPress Block Editor

September 23rd, 2020

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it? Since the block editor is based on React, we may be tempted to use React components and HTML code for the documentation. That is the approach I followed in my previous article, which…

My Long Journey to a Decoupled WordPress Gatsby Site

July 13th, 2020

As a professional research biologist, my playground used to be science laboratories filled with microscopes, Petri dishes, and biology tools. Curiosity leads many scientists on their journey to discoveries. Mine led me to web design. I used to try learning HTML on my lab desktop while centrifuging extraction samples or waiting for my samples to…

Adding a Custom Welcome Guide to the WordPress Block Editor

June 15th, 2020

I am creating a WordPress plugin and there is a slight learning curve when it comes to using it. I’d like to give users a primer on how to use the plugin, but I want to avoid diverting users to documentation on the plugin’s website since that takes them out of the experience. What would…

How to Use Block Variations in WordPress

May 6th, 2020

WordPress 5.4 was released not so long ago and, along with other improvements and bug fixes, it introduced a feature called Block Variations. I had a chance to use it on one of my recent projects and am so pleasantly surprised by how smart this feature is. I actually think it hasn’t received the attention…

Continuous Deployments for WordPress Using GitHub Actions

April 6th, 2020

Continuous Integration (CI) workflows are considered a best practice these days. As in, you work with your version control system (Git), and as you do, CI is doing work for you like running tests, sending notifications, and deploying code. That last part is called Continuous Deployment (CD). But shipping code to a production server often…

How to Customize the WooCommerce Cart Page on a WordPress Site

February 28th, 2020

A standard e-commerce site has a few common pages. There are product pages, shop pages that list products, and let’s not forget pages for the user account, checkout flow and cart. WooCommerce makes it a trivial task to set these up on a WordPress site because it provides templates for them and create the pages…

Digging Into the Preview Loading Animation in WordPress

October 22nd, 2019

WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing itself while the preview loads. That’s what you get when saving a post draft and clicking the “Preview” button in the editor. How’d they make it? I had…