Tout savoir sur WordPress

Formez-vous à Gutenberg avant sa sortie !

Le nouvel éditeur de WordPress, le fameux Gutenberg, fait parler de lui depuis quelques mois. Il arrivera en standard dans WordPress dans la version 5.0, prévue pour l’été, et remplacera Tiny MCE ! Je vous propose une petite formation sur Capitaine WP pour tout savoir avant tout le monde !

Note : La formation est en prévente et en promo pendant une durée limitée ! Profitez du prix de lancement à 59€ au lieu de 99€ ! Réserver la formation Gutenberg.

Qu’est-ce que Gutenberg ?

Gutenberg est le nom de code du nouvel éditeur visuel de WordPress, qui va remplacer en version 5.0 vers l’été l’éditeur actuel Tiny MCE, qui se fait aujourd’hui bien vieux.

Tiny MCE ne nous permet pas de faire des mises en pages avancées, sans utiliser de shortcode, qui est tout sauf sexy. Gutenberg est un vrai éditeur WYSIWYG (what you see is what you get).

Gutenberg a une approche par »blocs » : lorsque l’on écrit on peut ajouter des blocs.

Le plus beau dans tout ça ? Vous pouvez créer vos propres blocs assez facilement, à base de JS et de React. 

J’ai passé ces 2 dernières semaines à tester en profondeur, créer des blocs. Et j’ai vraiment adoré ! Vous ne le savez pas encore mais les gens vont l’adorer ! (même si certains sont réfractaires au changement, ils finiront aussi par l’adopter je vous le garantie).

Alors c’est pour ça que j’ai décidé de lancer une petite formation sur le sujet pour vous aider à monter rapidement en compétences et à être prêt le moment venu !

Voici un exemple de blocs que j’ai crée pour Gutenberg avec quelques lignes de JS :

Alors il faut savoir que Gutenberg n’est pas un page builder. Il n’a pas la prétention de remplacer Elementor ou Beaver Builder. Le but de Gutenberg est de permettre d’écrire des articles plus riches mais ne s’occupe pas de la structure générale de la page : il n’est pas possible par exemple de faire des sections et des colonnes avancées.

Essayez-le ! Vous pouvez installer l’extension Gutenberg depuis le répertoire officiel WordPress pour l’essayer : wordpress.org/plugins/gutenberg

Formez-vous à Gutenberg !

Pourquoi se former ?

Vous êtes freelance, agence, développeur ? Gutenberg est très extensible et vous permet de créer vos propres blocs personnalisables qui ont la particularité d’être rendus en temps réel dans l’éditeur. Adieu les shortcodes WordPress !

Selon moi c’est un atout majeur et cela peut apporter une grosse différence pour vos clients : vous pourrez créer des blocs qui répondent entièrement à leurs besoins, avec la possibilité d’administrer seulement ce qui est nécessaire.

Gutenberg deviendra le nouveau standard de WordPress, il faudra y passer tôt ou tard. Prenez les devants et soyez prêts pour accompagner vos clients sur le changement. Vous serez opérationnel dès la sortie pour proposer une expérience utilisateur améliorée avec un vrai WYSIWYG !

Vous savez que laisser un accès client au page builder (Elementor, Beaver Builder) peut-être dangereux car vous leur offrez trop de possibilités. Gutenberg permettra de s’en passer (en partie bien sûr) et vos clients auront moins de risque d’erreur.

Gutenberg est principalement codé en Javascript avec ReactJS, et non pas en PHP comme la majeure partie du coeur de WordPress. Du coup, même si l’approche est simplifiée par une surcouche WordPress, l’apprentissage en autodidacte se révelerait plus long à quelqu’un qui ne serait pas trop habitué au JS.

La formation Capitaine WP en vidéo et en français !

Plus de 40 cours sont prévus, pour voir en détail Gutenberg sur le point technique : comment il est conçu, comment créer vos propres blocs, réutiliser les composants existants, personnaliser le tout, et aussi une approche sur le javascript moderne avec ReactJS.

Bref un programme exhaustif pour être prêt le jour de sa sortie !

Voici un aperçu en vidéo de ce que vous apprendrez :

Gutenberg arrive à grands pas, son développement est déjà très abouti, alors n’attendez pas le dernier moment pour vous former ! La formation Gutenberg est disponible en prévente sur ma plateforme Capitaine WP et elle est en promotion au prix de 59€ au lieu de 99€ 

La formation sera disponible à partir de début mars en version textes + image puis très rapidement en version vidéo les semaines suivantes.

Découvrir la formation Gutenberg

La promo de lancement prendra fin le 1er mars.

Quelques informations supplémentaires :

  • C’est pas mal d’avoir des bases en JS avant de commencer, mais pas besoin d’avoir forcément appris React
  • Une fois la formation achetée, vous aurez accès aux mises à jour et nouveautés et ce à vie
  • Je vous fournis les fichiers et codes sources pour vous aider à démarrer plus vite vos projets et décortiquer les examples du cours

Si vous avez d’autres questions, n’hésitez pas à me joindre !

Cet article a été mis à jour il y a 33 jours

Article écrit par Maxime BJ

Développeur, bloggeur et formateur Web spécialisé WordPress. 31 ans. Grenoblois. Co-fondateur de WPChef, l’organisme de formation WordPress.

Organisateur de WPInAlps, le meetup WordPress Grenoblois. Vous pouvez me rencontrer lors d’événements tels que WordCamp Paris et Europe. Traducteur Français de l’extension Advanced Custom Fields. Également développeur d’applications web avec MeteorJs. Je m’occupe un site pour apprendre l’informatique aux débutants gratuitement.

J’aime les jeux vidéo, la rando, la bouffe bien grasse et les voyages.

4 Commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  1. Définitivement Gutenberg va vraiment faire faire un bon en avant à wordpress et c’est tant mieux !
    Je pense qu’un jour Gutenberg finira par se métamorphoser en véritable pagebuilder, mais plus souple et simple que ceux présents sur le marché.

  2. Du coup ça s’intègre comment avec un page builder ? Parce que d’après la vidéo, les sections, boutons, etc. font doublon avec les fonctions du page-builder.

    Après, je ne partage pas ton enthousiasme pour la suppression des shortcodes. À la base, ils héritent de l’approche Markdown qui offre la possibilité de taper au kilomètre sans bouger du clavier dans un éditeur léger, sans pour autant s’embêter avec du HTML complet et inutile. C’est très efficace, quand on maîtrise.

    Là, Gutenberg va faire rentrer l’horreur de MS Word dans WordPress. Surtout que j’ai déjà des gros soucis de lenteur dans l’éditeur TinyMCE sur les articles de plus de 8000 mots, à la limite je préfèrerais carrément un éditeur léger en Markdown avec une prévisualisation à la demande qu’un truc soit-disant grand public où j’ai 2 s de latence entre la saisie des mots et l’appariton des caractères dans l’éditeur…

    • En fait ça ne s’intègre pas au page builder, c’est soit l’un, soit l’autre. Le page Builder a pour rôle de construire des pages avec une mise en page évoluée, alors que Gutenberg reste un éditeur de contenu (pour les articles plutôt)

      Le markdown est un langage simple (d’ailleurs compatible WP), les shortcodes sont pleins de paramètres qui différent pour chacun, et j’ai jamais vu quelqu’un en taper de main. Leur élimination est donc selon moi plus que nécessaire

      Gutenberg est fait en react, donc niveau performances ça ira bien mieux que Tiny MCE, l’ergonomie va largement aider aussi. D’ailleurs l’enregistrement de l’article et des brouillons passe tout par l’API, pas de rechargement de page, c’est un gain de temps énorme.

      Tu comprends qu’on peut pas rester sur tinyMCE qui a plus de 15 ans éternellement, il faut une approche plus moderne, plus rapide et plus ergonomique.
      Aujourd’hui la plupart des agences ou développeurs doivent utiliser ACF + le champ Flexible pour donner un peu de possibilités à l’éditeur (créer des blocs) ce qui n’est pas wysiwyg et en 2018, face à la concurrence, c’est tout juste inacceptable.

      Le fait par exemple de pouvoir créer un block testimonial pour le client, ou il voit en temps réel comment ça va s’afficher, c’est juste génial. J’ai fait un plugin (pour l’instant proof of concept) qui ajoute des blocks : https://www.youtube.com/watch?v=PBVHKo172mU&t=3s j’espère que ça te montrera la puissance et les possibilités.

2ec360dac980a92635f8a3cc9acd43ccAAAAAAAAAAAAAAAAAAAAAAAA