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.

[smoothie_button url=”https://capitainewp.io/formations/wordpress-creer-blocs-gutenberg/” label=”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 2221 jours - Il n'est peut être plus à jour !

Article écrit par Maxime BJ

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

Co-fondateur de WPChef, la formation WordPress pour les débutants. Vous pouvez me rencontrer lors d’événements tels que les WordCamp. Traducteur Français de l’extension Advanced Custom Fields. Je m’occupe un site pour apprendre l’informatique aux débutants gratuitement.

10 Commentaires

  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.

    • Bonjour !
      Aucun changement concernant les page Builders, Gutenberg n’influencera en rien et ça continuera de fonctionner donc pas de souci à se faire :)

  3. Une vraie usine à gaz ce truc. testé et détesté. Imprécis, anti-ergonomique pour une utilisation poussée. L’idée est pompée sur tous les éditeurs de page déjà existants en empirant l’utilisation.

    Totalement non flexible, buggé de partout et incompatible avec les divers outils pré-existants “pagebuilder” sans compter qu’il fait sauter divers shortcodes qui deviennent incompatibles.

    J’ai l’impression de leur annonce du “super et incontournable” forum bbpress. Totalement à coté de la plaque et dans lequel il manque des fonctions baisques.

    • je pense qu’il faudrait que tu y donnes un peu plus de ton temps avant de donner un avis aussi tranché.

      Pour une utilisation poussée au contraire, un rédacteur pourra écrire plus vite, plus proprement, et avec un retour visuel direct.

      Côté flexibilité, les développeurs peuvent créer leurs propres blocs.

      Les shortcodes sont restés compatibles

      Quant à bbpress, je ne vois pas de quoi tu parles.

      Certes Gutenberg bouscule des habitudes, mais WordPress avait besoin d’un éditeur moderne. 15 ans de Tiny MCE, ça suffit.

  4. Bonjour,
    Gutenberg est sorti avec WordPress 5.0 comme prévu, et je me demandais ce que vous en pensiez ? En ce qui me concerne, je suis très mitigé. Trop tôt pour se prononcer… Quelques nouvelles intégrations (dont celles de Yoast) sont plutôt bien pensées et intéressantes mais encore trop de bugs sur l’ensemble de l’éditeur pour vraiment se faire un avis solide. Le déploiement de Gutemberg est sans doute arrivé trop vite…
    Merci d’avance :)

    • Si tu suis mes tweets depuis quelques mois tu verras que je suis un grand fan de Gutenberg, et j’y vois des possibilités pour WordPress assez dingues. Bien sûr il y a un temps d’adaptation. Mais pour ceux qui rédigent des gros articles / cours comme moi, j’ai énormément gagné en productivité et possibilités de mise en page.

      Le seul défaut, à mon avis, c’est qu’ils n’ont pas laissé le temps aux développeurs d’extensions de se mettre en conformité. Mais ça va vite se tasser !