Maxime BJ présente

La formation

Créer des blocs avec Gutenberg

33 cours

Niveau : Technique

Pourquoi vous former à Gutenberg ?

Gutenberg, le nouvel éditeur de WordPress, est la grande nouveauté pour 2018. Destiné à apporter un vent de fraicheur sur l’éditeur visuel, à savoir le vieillissant Tiny MCE, il va révolutionner notre utilisation de WordPress.

Ne perdez pas de temps et formez-vous dès maintenant à la création de blocs sur mesure affichés en temps réel grâce à ReactJS (blocs éditables en direct, contenu dynamique via l’API Rest…).

Les préventes sont ouvertes, les premiers cours et vidéos seront disponibles courant mars 2018.

Prévente • 59€ 99€

Partie

Introduction

Un nouvel éditeur visuel

Gutenberg, de son nom de code, est le nouvel éditeur visuel de WordPress qui remplace Tiny MCE. Découvrons ce nouvel éditeur et quel rôle il va jouer dans l'écosystème face aux pages builders. Nous allons voir aussi l'impact de Javascript sur notre CMS favori

1.1 Et Gutenberg révolutionna WordPress

Qui est Gutenberg, quel est son objectif et pourquoi la communauté a soudainement basculé vers le Javascript, en délaissant un peu le PHP ?

1.2 Avant de se lancer

Les outils et logiciels nécessaires au bon déroulement de cette formation

Partie

Partie 2

Développer avec Gutenberg

Dans cette partie nous allons apprendre à créer notre premier bloc, avec des zones éditables, en personnalisant la toolbar ainsi que l'inspecteur (la barre latérale) en utilisant des composants fournis par WordPress

2.1 La structure du code de Gutenberg

Comprendre l'approche par composants, la méthodologie pour créer des blocs en Javascript en utilisant les fonctions proposées par WordPress

2.2 Créer son premier bloc

On se lance dans le développement en utilisant du javascript, du ReactJS et bien sûr la surcouche amenée par WordPress qui va grandement nous simplifier la vie

Partie

Partie 3

Exemples concrets et utiles

Dans cette partie nous allons créer de vrais blocs qui pourront facilement trouver utilité dans votre prochain site, comme le bloc CPT qui va chercher le contenu d'un article, le bloc extension qui se connecte à l'API de wordpress.org pour récupérer un plugin...

Partie

Partie 4

Bonus

Des fonctions supplémentaires, des astuces utiles pour pousser Gutenberg encore plus loin

a13e968dc4f0c1ba4b3e9a727360d6d4+++++++++++++++++++++++++++++