Lessons: 19Length: 3.1 hours

Next lesson playing in 5 seconds


Designing for WordPress

Welcome to the Course


In this course, you’ll learn the basics of WordPress theme design, but with a twist. We’ll approach the process from a “design system” perspective. Instead of designing the theme page by page and button by button, we’ll start by defining a few key parameters: colors, typography, spacing, and sizing. Based on these, we’ll design basic and advanced patterns and document them along the way.

As a demonstration of how to use the design system, we’ll then design a full page: the index. By following this process, you’ll then be able to design your own pages in a consistent and efficient way.

Get inspired by the WordPress themes and plugins, fonts, and icons available on Envato Elements.

Learn How to Use WordPress

If you're just getting started, learn how to use WordPress in our complete guide or check out our free WordPress tutorial for beginners.

Unlock The Power Of Design Systems

Learn everything you need to get up and running with design systems in our complete guide with design system examples.