https://github.com/robson16/master-title-with-border-block
The Master Title with Border Block is a plugin for WordPress that add a new custom title block to the Gutenberg editor.
https://github.com/robson16/master-title-with-border-block
gutenberg learning-by-doing nodejs plugin react reactjs sass wordpress wordpress-plugin wp-scripts
Last synced: about 1 month ago
JSON representation
The Master Title with Border Block is a plugin for WordPress that add a new custom title block to the Gutenberg editor.
- Host: GitHub
- URL: https://github.com/robson16/master-title-with-border-block
- Owner: Robson16
- Created: 2021-09-16T13:49:09.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-13T20:55:16.000Z (almost 4 years ago)
- Last Synced: 2025-07-24T22:54:49.062Z (6 months ago)
- Topics: gutenberg, learning-by-doing, nodejs, plugin, react, reactjs, sass, wordpress, wordpress-plugin, wp-scripts
- Language: JavaScript
- Homepage:
- Size: 427 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Master Title with Border Block
The Master Title with Border Block is a plugin for WordPress that add a new custom title block to the Gutenberg editor.
## 🛠 Technologies
This project was developed with the following technologies
- [WordPress](https://br.wordpress.org/)
- [Node.js](https://nodejs.org/)
- [React.js](https://pt-br.reactjs.org/)
- [SASS](https://sass-lang.com/)
## :closed_book: Getting Started
You need to have [Node.js](https://nodejs.org/) installed, then you can clone and run this project on your WordPress installation with the instructions below:
Below you will find some information on how to run scripts.
## 👉 `npm start`
- Use to compile and run the block in development mode.
- Watches for any changes and reports back any errors in your code.
## 👉 `npm run build`
- Use to build production code for your block inside `build` folder.
- Runs once and reports back the gzip file sizes of the produced code.
## 👉 `npm format`
- It helps to enforce coding style guidelines for your files (JavaScript, YAML) by formatting source code in a consistent way.
## 👉 `npm lint:css`
- Helps enforce coding style guidelines for your style files.
## 👉 `npm lint:js`
- Helps enforce coding style guidelines for your JavaScript files.
---
### ☕❤
This is a project to learn how to use the new features of WordPress and is under constant development and improvement, feel free to contribute in any way.