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.
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.