/wp-learn-javascript

Building WordPress blocks using plain ol' JavaScript

Primary LanguageJavaScript

wp-learn-javascript

Building WordPress blocks using plain ol' JavaScript

This code repository is based on the Block Editor Handbook How-to Guide on building Blocks for WordPress, but with a focus on using plain JavaScript.

No requirement to install Node.js/npm, no build steps, no node_modules folder to wrangle.

If you find a bug in the code or the documentation, please open an issue

Part 1: The Basics

https://github.com/jonathanbossenger/wp-learn-javascript/tree/main/01-basic-block

Part 2: Implementing Stylesheets

https://github.com/jonathanbossenger/wp-learn-javascript/tree/main/02-adding-stylesheets

Part 3: Attributes and Editable Content with RichText

https://github.com/jonathanbossenger/wp-learn-javascript/tree/main/03-adding-attributes-and-richtext

Part 4: Introducing BlockControls and InspectorControls

https://github.com/jonathanbossenger/wp-learn-javascript/tree/main/04-block-controls