WordPress Styling with Blocks, Patterns, Templates, and Themes : Explore WordPress Styling with Step-By-step Guidance, Practical Examples, and Tips / Tammie Lister.

Format:

Book

Author/Creator:

Lister, Tammie, author.

Language:

English

Subjects (All):

WordPress (Electronic resource).

Blogs--Design.

Blogs.

Blogs--Computer programs.

Web sites--Authoring programs.

Web sites.

Physical Description:

1 online resource (271 pages)

Edition:

First edition.

Place of Publication:

Birmingham : Packt Publishing, [2024]

Biography/History:

Lister Tammie: Tammie Lister is a designer with nearly two decades of experience and a hybrid background between psychology, coding, design and art. She has been involved in the WordPress project for many years and is a core committer, having contributed to many default themes, contributed to many teams from themes to core, and been a design lead for phase one of the new editor called Gutenberg. She has worked across various industries, focusing on open source and startups. She has spoken, taught and educated worldwide on empowering yourself using these tools, regardless of your background.

Summary:

Embrace WordPress to unlock creative possibilities, discovering new design tools and patterns that will elevate your website's aesthetic Key Features Explore WordPress pattern directory for free patterns and create captivating designs with less coding Learn to use design tools effectively, stay updated on their evolution, and find tools for third-party blocks Master block styles by understanding their concepts, applications, and seamless theme integration Purchase of the print or Kindle book includes a free PDF eBook Book Description 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. What you will learn Acquire skills in block recognition, CSS-free customization, and identifying supported block design tools Recognize the significance of global styles in modern WordPress themes Locate sources for block themes and kickstart personal creations Discover, create, and share editor patterns and integrate them into themes Comprehend the WordPress Pattern Directory, locating and adding patterns Master the effective use, availability, and implementation of website design tools Who this book is for This book is your go-to resource for exploring and unleashing your creative potential using the latest styling features available in WordPress. Whether you're a non-coder, a hobbyist, or a seasoned WordPress user, this guide will help you discover the full range of new options. With no prior knowledge assumed, each step is carefully explained to ensure that you make the most of the latest version. Starting with a no-code approach, the book progressively introduces some coding for those interested in taking their learning further.

Contents:

Cover

Title Page

Copyright and Credits

Contributors

Table of Contents

Preface

Part 1: Styling and Design Tools

Chapter 1: Introducing Blocks

A new way of creating

Discovering WordPress

What is a block?

What are design tools?

Key concepts

Block first

Intrinsic web design

Interface not code

Summary

Answers

Further reading

Chapter 2: Block Design Tools

Stepping into design tools

Variations in design tools

Resetting design tools

Typography

Dimensions and spacing

Color

Layout

Borders

Shadows

Leveling up design tools

Example 1 - a cover block

Example 2 - styling a Gallery block

Copy and pasting styles

Questions

Chapter 3: Block Styles

Technical requirements

What is a block style?

Block variations

Adding a block style using PHP or JavaScript

Adding a block style from a theme

Removing a default block style

Using PHP

Approaches to creating a block style

Custom block style using PHP with inline CSS

Custom block style using PHP with a stylesheet

JavaScript approaches

Chapter 4: Blocks and Styles Wrap-Up

Unleashing creativity - combining design tools

Effects on groups to create shadows

Design tools are evolving

Sidebar controls and component system

Growing the blocks and tools

Adding options

Tips and tricks

block.json and block styles

Part 2: Block Patterns

Chapter 5: Understanding Block Patterns

What is a block pattern?

The power of block patterns

Discovering patterns in the editor

Chapter 6: Discovering and Creating Block Patterns

Creating your own patterns

Sharing your patterns.

Creating your own patterns and sharing in a theme

Reusable blocks and synced patterns

Detaching a pattern

Using the reusable blocks section for patterns

Chapter 7: Discovering the WordPress Pattern Directory

What is the WordPress Pattern Directory?

Finding and using a pattern

Using the Pattern Directory itself

Finding patterns within the editor

Adding your own pattern

Chapter 8: Wrapping Up Patterns

Let's get creative - inspiring patterns

Finding inspiration

Openverse

Pattern Directory

Community search

Default theme inspiration

Combining beyond core blocks

Part 3: Template Parts and Templates

Chapter 9: An Introduction to Site Editing

What is site editing?

Exploring template parts and templates

A quick guide to the interface

Site blocks

Spacer block

Navigation block

Query loop block

Design tools in site editing

Sticky position

Dimensions - Fit, Fill, Fixed

Chapter 10: Discovering and Creating Template Parts

Creating a template part

Using a template part

Editing a template part

Deleting a template part

Detaching a template part

Reference

Chapter 11: Discovering and Creating Templates

Managing templates

Creating a template

Editing a template

Using a template

Deleting a template

Chapter 12: Templates Wrap-Up

The possibilities of templates

Template hierarchy

Setting a front page

Query Loop block

Getting inspiration

Part 4: Themes

Chapter 13: Understanding How Themes Have Changed

A brief history of themes.

The changing nature of themes

The new possibilities - no more code

Chapter 14: Discovering Styles

What are Styles?

Why do we need Styles?

A walkthrough of the Styles interface

Revisions

Adjusting block by block

Additional CSS

Style variations

Discovering the Style Book

Question

Chapter 15: Discovering WordPress Block Themes

What is a block theme?

How do you use a block theme?

Where can you find block themes?

Community initiative themes

Chapter 16: Wrapping Up Themes

How block themes spark inspiration

Themes that have additional functionality

The Create Block Theme plugin

Theme resources

Index

A Book That You May Enjoy.

Notes:

Includes index.

Description based on publisher supplied metadata and other sources.

Description based on print version record.

ISBN:

9781804614501

1804614505

OCLC:

1424750704