Learn WordPress

Beginner WordPress Designer

This learning pathway equips designers new to WordPress with the skills to create professional WordPress websites. You’ll learn to build a style guide, understand block themes, and design with a block-first approach. Explore best practices in web design, customize themes, master layout composition, and work with media blocks.

Some lessons in this learning pathway are duplicates of those in the user learning pathway.

Introduction to designing with WordPress

Lessons

WordPress showcase for designers Preview Using the Style Book as a design guide Preview Overview of WordPress block theme terms and hierarchy Preview Designing with a block-first mindset Preview

Getting to know WordPress

Lessons

Finding a block theme for your design needs Preview Choosing and installing a plugin Preview Getting started with the WordPress dashboard Preview Understanding the difference between WordPress posts and pages Preview

Web design best practices

Lessons

Why design in the Site Editor and use it for prototyping? Preview Web accessibility guidelines to create inclusive websites Preview Testing your content for accessibility Preview

Customizing themes and templates

Lessons

Intro to the Site Editor Preview Differentiating between homepage display settings and various templates Preview Using page templates Preview Using template parts Preview Customizing theme settings: Colors, fonts, typography and layout Preview

Layout composition

Lessons

Designing with the Group block Preview Designing with Row and Stack blocks Preview Designing with the Columns block Preview Dimensions: Padding, margin and block spacing Preview

Working with media blocks

Lessons

Utilize the Gallery block Preview Using the WordPress Media and Text block Preview Uncovering the Cover block Preview Using a plugin to create a carousel slider Preview

Practice on a private demo site

Suggestions

Found a typo, grammar error or outdated screenshot? Contact us.

License

More helpful resources