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

Site blocks

When you use the Site Editor, there are specific blocks that are really useful when creating templates and template parts and thinking about sites. Let’s look at just a few and, later on, we can go into more of them.

Spacer block

A key block when creating sites is the spacer block. This handy little block allows you to literally create just that – space between things. Let’s look at how that might appear in a template. See Figure 9.9.

Figure 9.9 – The spacer block showing design tools

Figure 9.9 – The spacer block showing design tools

In the preceding screenshot, you can see the spacer block has a handy dot to move it and some simple interface tools in case you wish to change the size. Depending on the theme, you can set it to different values.

It’s a good idea to be cautious about how many spacer blocks you add to a template as too many can become unmanageable at scale, but a few can really help with the layout and enable you to get just what you...