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

Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “ If you want to do this via JavaScript you can use a similar path using the unregister_block_style function.”

A block of code is set as follows:

function prefix_remove_core_block_styles() {
wp_dequeue_style( 'wp-block-quote' );
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_core_block_styles' );
[default]

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “ This editor can be found under Appearance by selecting Editor, as you can see in Figure 9.1.”

Tips or important notes

Appear like this.