Redesign Lists in WordPress with Register Block Style

Register a custom block style in Gutenberg with simple PHP and CSS- no JavaScript or build process required.

👉 Full Code https://github.com/bacoords/example-b...
👉 Full Tutorial https://www.briancoords.com/custom-li...
👉 Register Block Style https://developer.wordpress.org/refer...
👉 WP Helpers https://wphelpers.dev/icons
👉 SVG URL Encoder https://yoksel.github.io/url-encoder/
👉 Superlist Block https://wordpress.org/plugins/superli...

00:00:00 Introduction
00:00:50 What is a block style?
00:01:59 The register_block_style function
00:02:37 Our plugin scaffold
00:03:02 Registering our block style
00:04:43 Enqueueing block assets
00:07:31 Writing our custom CSS
00:08:57 Grabbing an SVG icon
00:10:41 Styling with pseudo elements
00:12:14 Making sure our editor styles work
00:13:50 Conclusion and overview