Create an account to use AI

Create a free account to unlock all features:

Ask questions about videos with AI
Use smart search (AI)
Save your favorite videos
Bookmark your favorite categories
Organize your favorite subcategories
Access your personalized favorites page
Access your conversation history
Personalize your homepage with your favorites

Create an account

Already have an account? Log in

Add custom CSS and JavaScript to any WordPress block in Gutenberg

Brian Coords

We're adding custom CSS and JavaScript files to WordPress core blocks. Modify any block.json with simple PHP to load your own custom CSS and JavaScript in Gutenberg.

🚨 Free Series: https://www.briancoords.com/7tools

👉 Full Code: https://github.com/bacoords/example-block-assets

00:00:00 Introduction

00:01:28 Registering custom JavaScript for a block

00:02:50 How to filter Block.json

00:06:44 Registering custom CSS for a block

00:09:53 Using Query Monitor to debug assets

00:10:41 Other uses for custom block assets

Add custom CSS and JavaScript to any WordPress block in Gutenberg | Knoovi