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

Summary

This chapter has taken us on an adventure to discover the capabilities of block styles. We have seen how to add already existing styles, how to create styles using code, and some different methods to this. Not only did we walk through some step-by-step examples, but we also dived right in by adding some code to the theme itself.

Let’s recap the great expanse of things we have tackled together:

  • We used a block style that is already present in a default theme.
  • We customized that block style by adding a color to the style.
  • We explored some code together for the first time and looked at the various approaches of adding a block style, learning how to do this using PHP and JavaScript.
  • We created code and applied it to remove a single block style.
  • We learned how to add a block style using PHP and two different approaches for styling.

Now that you have all of this under your belt, you can create your own block styles and customize existing themes...