Designing for WordPress - Using a Design System

Master the art of WordPress theme design using a design system approach in this comprehensive 3-hour course. Learn to define key parameters like colors, typography, spacing, and sizing before creating basic and advanced patterns. Design buttons, forms, menus, icons, tables, and WordPress-specific elements while documenting the process. Apply the design system to create a full index page, gaining skills to design consistent and efficient WordPress themes. Explore resources for inspiration, including WordPress themes, plugins, fonts, and icons from Envato Elements. Dive into color theory, typography, and layout techniques to elevate your WordPress design skills.

00:00:00 1.1 - Welcome to the Course
00:01:55 1.2 - Design Considerations for WordPress Themes
00:08:32 2.1 - A Design System Approach
00:16:15 2.2 - Defining Colors
00:31:13 2.3 - Defining Typography
00:52:28 2.4 - Defining Spacing and Sizing
01:00:36 3.1 - Buttons
01:16:18 3.2 - Forms
01:32:41 3.3 - Menus
01:41:03 3.4 - Icons and Images
01:53:27 3.5 - Tables
02:00:02 3. - Separators and Spacers
02:06:11 13 - Grid System
02:12:35 4.1 - WordPress Widgets
02:19:25 4.2 - WordPress Posts
02:38:43 4.3 - Headers and Footers
02:48:10 5.1 - Creating Page Layouts
02:54:25 5.2 - Designing a Full Page: The Index
03:02:40 6.1 - Conclusion