Creating Block Patterns in WordPress

Offered By: LinkedIn Learning

Tags

Computer Science Courses Web Development Courses Web Design Courses WordPress Courses JSON Courses Content Management Systems Courses

Course Description

Overview

Learn how to add custom block patterns to your own WordPress site.

Syllabus

Introduction

What are block patterns and why are they important?
What you should know
How this course works

1. How to Make Block Patterns

Block patterns vs. reusable blocks
Adding block patterns to WordPress sites
Making block patterns without code
Coding block patterns overview
What is a JSON encoder?
How to style block patterns with CSS
Block pattern categories
Setting up the block pattern plugin

2. The Block Patterns Cookbook

Call to action
Pricing table
Styling the pricing table
Author bio box
Contact info card
Posts listing with Query block
Website masthead
Currently Listening To widget
Hero section
Content upgrade

3. Refactoring

Adding your own block pattern category
A slightly clever refactor

Conclusion

Next steps

Taught by

Joe Casabona

Related Courses

Software as a Service
University of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX