Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Creating Block Patterns in WordPress

Creating Block Patterns in WordPress

1h 34mBeginner2021-10-22

Authors

Joe Casabona

Joe Casabona

Course Developer, Founder of Creator Courses

Course details

WordPress theme development is changing, and block patterns are at the heart of it. With the block editor and full site editing, there will be less reliance on coded templates and more focus on flexible layouts. That's where block patterns come in. In this course, experienced course developer Joe Casabona shows you how to take advantage of block patterns to create more flexible WordPress without needing to know code. Joe explains what block patterns are and why they are important. He steps through the full process of making block patterns, then presents a block patterns cookbook of different features you can add to your site. He also covers how to use refactoring to add your own block pattern category and reduce the wall of repetitive text you may have.

Skills covered

WordPressContent Management Systems (CMS)Web DevelopmentOpen SourceOne-Off

Concepts

0. Introduction

  • 01 - What are block patterns and why are they important
  • 02 - What you should know
  • 03 - How this course works

1. How to Make Block Patterns

  • 04 - Block patterns vs. reusable blocks
  • 05 - Adding block patterns to WordPress sites
  • 06 - Making block patterns without code
  • 07 - Coding block patterns overview
  • 08 - What is a JSON encoder
  • 09 - How to style block patterns with CSS
  • 10 - Block pattern categories
  • 11 - Setting up the block pattern plugin

2. The Block Patterns Cookbook

  • 12 - Call to action
  • 13 - Pricing table
  • 14 - Styling the pricing table
  • 15 - Author bio box
  • 16 - Contact info card
  • 17 - Posts listing with Query block
  • 18 - Website masthead
  • 19 - Currently Listening To widget
  • 20 - Hero section
  • 21 - Content upgrade

3. Refactoring

  • 22 - Adding your own block pattern category
  • 23 - A slightly clever refactor

Conclusion

  • 24 - Next steps

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal