https://github.com/teamkomuhn/wordpress-block

A simple WordPress Plugin to create a simple custom Gutenberg Block.
https://github.com/teamkomuhn/wordpress-block

block blocks guttenberg javascript js jsx php react wordpress wordpress-block wordpress-blocks wordpress-plugin wordpress-site wp wp-block wp-plugin wp-site

Last synced: about 1 month ago
JSON representation

A simple WordPress Plugin to create a simple custom Gutenberg Block.

• Host: GitHub
• URL: https://github.com/teamkomuhn/wordpress-block
• Owner: teamkomuhn
• Created: 2021-08-29T15:56:27.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-07T17:16:31.000Z (about 3 years ago)
• Last Synced: 2024-11-09T15:56:48.470Z (3 months ago)
• Topics: block, blocks, guttenberg, javascript, js, jsx, php, react, wordpress, wordpress-block, wordpress-blocks, wordpress-plugin, wordpress-site, wp, wp-block, wp-plugin, wp-site
• Language: JavaScript
• Homepage:
• Size: 935 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🧱 WordPress Blocks.

A simple WordPress Plugin to create a simple Gutenberg Block.

---

## 📖 Tutorials I watched

1. https://youtu.be/Mv68Sa-iHyo.

2. https://youtube.com/playlist?list=PLriKzYyLb28lHhftzU7Z_DJ32mvLy4KKH.

### 🐈‍⬛ GitHub Repositories of the tutorials

1. https://github.com/LearnWebCode/simple-block-boilerplate

1. https://github.com/Alecaddd/gutenberg-tutorial

**⚠️ Note:** The main Branch of the Repositories only contains the template files! See the other Branches for the right code.

---

## 🧑‍💻 Setup

- ⏬ Install [Node.js](https://nodejs.org/)

- In the terminal `cd` into the plugin directory.

- Install the necessary `npm packages` with `npm install` or `npm i`

- Finally run the compiler with `npm start`, to end it press `Ctrl` + `C`.

- You could also use [Babel](https://babeljs.io/), I am not using it because I had trouble setting it up.