Créer un espaceur responsive sur Gutenberg

Créer et définir des variables pour nos blocs customisés Gutenberg

Un exemple basic de bloc customisé pour l'éditeur Gutenberg de Wordpress.

Cette exemple à été rédiger pour les biens de l'article "Modifier l'apparence d'un bloc customisé sur Gutenberg"

Pré-requis

Terminal Windows ou Mac

WordPress  ^v4.9

Gutenberg ^v4.0

PHP ^5.4

Node ^8+

Installation

Cloner ou télécharger le repository dans votre fichier de plugins Wordpress, ouvrez un terminal et rendez-vous à la racine de l'extension fraichement clonée.

Lancer les commandes suivantes:

npm install

npm run build

Si vous modifier le code de l'extension régulièrement, vous pouvez utiliser la commande suivante qui vous permet de compiler votre extension à chaque modification de fichier :

npm run start