Tips & Resources for WordPress Designers

Designing for WordPress involves more than just themes. These articles share collections of tools, design tips, layout ideas, and UX suggestions for building beautiful and functional WordPress websites.

Whether you’re designing with Figma, using block themes, or customizing layouts, these articles focus on design decisions that will work well in WordPress.

How to Style Wide & Full-Width Gutenberg Blocks in WordPress

How to Style Wide & Full-Width Gutenberg Blocks in WordPress

A quick WordPress tutorial that will show you how to add wide alignment support to Gutenberg Blocks and how to style them via CSS.

How No-Code Tools Disrupt the Design Process

How No-Code Tools Disrupt the Design Process

Like many web designers, I’m a fan of routine. I like having a set process for getting things done. And crafting a design can greatly benefit from this practice. For…

The Line Between Custom Websites and DIY is Becoming Blurred

The Line Between Custom Websites and DIY is Becoming Blurred

The line between custom and DIY is becoming increasingly blurred. What does “custom” even mean these days?

Exploring the WordPress Block Pattern Directory

Exploring the WordPress Block Pattern Directory

We take you on a tour of the new Block Pattern Directory for WordPress and show you how to take advantage of it.

Scenarios Where the WordPress Gutenberg Block Editor Replaces Custom Code

Scenarios Where the WordPress Gutenberg Block Editor Replaces Custom Code

A look at some of the scenarios where WordPress Gutenberg blocks can replace custom coding and speed up the development process.

How WordPress Full Site Editing Could Impact the Design Process

How WordPress Full Site Editing Could Impact the Design Process

The way we design and build WordPress themes is evolving. With the introduction of Full Site Editing (FSE), it is now possible to change every aspect of a site’s look…

An Early Look at Full Site Editing in WordPress

An Early Look at Full Site Editing in WordPress

WordPress has traditionally stayed away from a full-blown site editor, but that is all about to change as you will soon be able to edit an entire website – theme and all.

The Challenge of Switching from a Page Builder to the WordPress Gutenberg Block Editor

The Challenge of Switching from a Page Builder to the WordPress Gutenberg Block Editor

The WordPress Gutenberg block editor has become reliable enough to power your existing website. You can now eschew that aged page builder plugin in favor of a native content editor.

How to Create a Simple Gutenberg Block Pattern in WordPress

How to Create a Simple Gutenberg Block Pattern in WordPress

We introduce you to the concept of Gutenberg block patterns and demonstrate how to create one of your own in WordPress.

Tips for Converting an Existing WordPress Website to Use the Gutenberg Block Editor

Tips for Converting an Existing WordPress Website to Use the Gutenberg Block Editor

For new projects, going with Gutenberg is a great option. But what about existing websites? We take you through the conversion process and potential risks.

The 5 Biggest Issues Modern Web Designers Have to Face

The 5 Biggest Issues Modern Web Designers Have to Face

As the importance of the web has grown over the past couple of decades, so have the responsibilities of web designers. It used to be that we had relatively little…

Thoughts on Building a WordPress Website from Scratch (Without Code)

Thoughts on Building a WordPress Website from Scratch (Without Code)

Over the past decade, I’ve worked with WordPress on a (pretty much) daily basis. It’s my go-to solution for building websites for clients of all sizes. And, as I’ve gained…

Tutor LMS Turns Your WordPress Site into an Educational Powerhouse Sponsored

Tutor LMS Turns Your WordPress Site into an Educational Powerhouse

The popularity of online education seems to be growing on a daily basis – and it’s easy to see why. For educational providers, there is both a significant cost savings…

Why Gutenberg Has Changed My Opinion of Page Builders

Why Gutenberg Has Changed My Opinion of Page Builders

Ever since page building tools hit the market (particularly the WordPress market), I’ve been rather dismissive of them. A big reason why is that they made a bad first impression….

How to Add Mobile Navigation to Your WordPress Theme

How to Add Mobile Navigation to Your WordPress Theme

Let’s look at one method for adding an attractive and functional mobile navigation system to your WordPress theme.

Supercharge the WordPress Gutenberg Editor with Custom Blocks

Supercharge the WordPress Gutenberg Editor with Custom Blocks

In a default installation, the WordPress Gutenberg editor contains a number of useful blocks. All of your basic text and image formatting, along with multicolumn layouts are included. But that’s…

MasterStudy – Revolutionary LMS WordPress Theme on Vue.js Sponsored

MasterStudy – Revolutionary LMS WordPress Theme on Vue.js

Online education is bigger than ever, with more people opting for the convenience it brings. Students can learn from anywhere and at their own pace. For educators, they have the…

Building a WordPress Website with Gutenberg: Initial Observations

Building a WordPress Website with Gutenberg: Initial Observations