Modifier l'apparence d'un bloc customisé sur Gutenberg

Réaliser un espaceur responsive sur Gutenberg avec une icône et style personnalisé

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