WordPress Styling with Blocks, Patterns, Templates, and Themes Explore WordPress Styling with Step-By-step Guidance, Practical Examples, and Tips
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...
| Main Author: | |
|---|---|
| Format: | eBook |
| Language: | English |
| Published: |
Birmingham
Packt Publishing, Limited
2024
|
| Edition: | 1st edition |
| Subjects: | |
| Online Access: | |
| Collection: | O'Reilly - Collection details see MPG.ReNa |
Table of Contents:
- 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
- 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
- Layout
- Sticky position
- Dimensions
- Fit, Fill, Fixed
- Summary
- Questions
- Answers
- 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
- 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
- Summary
- Questions
- Answers
- Part 2: Block Patterns
- Chapter 5: Understanding Block Patterns
- What is a block pattern?
- The power of block patterns
- Discovering patterns in the editor
- Summary
- Questions
- Answers
- 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
- Summary
- Questions
- Answers
- Further reading
- 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
- Questions
- Answers
- Further reading
- Chapter 8: Wrapping Up Patterns
- Leveling up design tools
- Example 1
- a cover block
- Example 2
- styling a Gallery block
- Copy and pasting styles
- Summary
- Questions
- Answers
- 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
- Summary
- Questions
- Answers
- Further reading