WordPress Styling with Blocks, Patterns, Templates, and Themes: Explore WordPress styling with step-by-step guidance

Contributors
   About the author
   About the reviewer
Preface
   Who this book is for
   What this book covers
   To get the most out of this book
   Download the example code files
   Download the color images
   Conventions used
   Get in touch
   Share Your Thoughts
   Download a free PDF copy of this book
Part 1: Styling and Design Tools
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
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
   Summary
   Questions
      Answers
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
   Summary
   Questions
      Answers
   Further reading
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
   Summary
   Questions
      Answers
Part 2: Block Patterns
5
Understanding Block Patterns
   What is a block pattern?
   The power of block patterns
      Discovering patterns in the editor
   Summary
   Questions
      Answers
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
   Summary
   Questions
      Answers
   Further reading
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
   Questions
      Answers
   Further reading
8
Wrapping Up Patterns
   Let’s get creative – inspiring patterns
   Finding inspiration
      Openverse
      Pattern Directory
      Community search
      Default theme inspiration
   Combining beyond core blocks
   Summary
   Questions
      Answers
Part 3: Template Parts and Templates
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
      Layout
      Sticky position
      Dimensions – Fit, Fill, Fixed
   Summary
   Questions
   Answers
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
   Summary
   Questions
      Answers
   Reference
11
Discovering and Creating Templates
   Managing templates
      Creating a template
      Editing a template
      Using a template
      Deleting a template
      Summary
   Questions
      Answers
12
Templates Wrap-Up
   The possibilities of templates
      Template hierarchy
   Setting a front page
      Query Loop block
   Getting inspiration
      Summary
   Questions
      Answers
Part 4: Themes
13
Understanding How Themes Have Changed
   A brief history of themes
      The changing nature of themes
      The new possibilities – no more code
      Summary
   Questions
      Answers
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
   Summary
   Question
      Answers
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
   Summary
   Questions
      Answers
16
Wrapping Up Themes
   How block themes spark inspiration
      Themes that have additional functionality
      The Create Block Theme plugin
      Theme resources
      Summary
   Questions
      Answers
Index
   Why subscribe?
A Book That You May Enjoy
   Packt is searching for authors like you
   Share Your Thoughts
   Download a free PDF copy of this book