Book Image

WordPress Styling with Blocks, Patterns, Templates, and Themes

By : Tammie Lister
Book Image

WordPress Styling with Blocks, Patterns, Templates, and Themes

By: Tammie Lister

Overview of this book

Experience a revolutionary WordPress styling transformation with WordPress Styling with Blocks, Patterns, Templates, and Themes by uncovering a wealth of features that redefine the future of WordPress. This guide introduces you to full-site editing and block design tools that enable you to shape the overall aesthetics and layout of your dream website with unprecedented ease. Get ready to harness the power of diverse cutting-edge features as you delve into this WordPress book, focusing on the Gutenberg editing experience. Guided by examples that demonstrate effortless customization entirely suited to your preferences, you’ll master the design tools, patterns, and full site editing capabilities to shape impactful websites that mirror your distinct vision and creativity. As you immerse yourself in the core of WordPress styling, you’ll understand the rationale and terminology underpinning each element and how to use it to its full potential. By the end of this book, you'll be equipped to build your dream website, reflecting your distinctive style.
Table of Contents (23 chapters)
1
Part 1: Styling and Design Tools
6
Part 2: Block Patterns
11
Part 3: Template Parts and Templates
14
Chapter 11: Discovering and Creating Templates
16
Part 4: Themes
17
Chapter 13: Understanding How Themes Have Changed

Tips and tricks

Applying styles and tools is fun, but what if you need to take a step back and review the structure of your design, for troubleshooting purposes or just clarity? Let’s look at some tips and tricks as we close this chapter on block styling.

Copying to unpick

If you find a stacked style or combination has an issue, but you’re unsure which piece to remove, rather than deleting everything, you can copy the block and unpick it style by style to work out what the issue is. This way, you can reduce the active styles to the specific problematic ones and then fix them.

Note

Remember that when things get complex, you can copy blocks using List View or use the contextual menu on the block toolbar to easily find the block.

In the following example, we are selecting the block and copying it using List View. This allows you to then unpick each style and work out where the problem lies – all without impacting the original block.

Figure 4.16 – Finding a block in List View and selecting Copy ...