 Normalement c'est bon, on est en live, donc merci à tous d'être là pour ce nouveau meet-up WordPress non-pellier. Je suis en ferme présence de Fabrice Ducard, boule formation et de Jean-Baptiste Audras, Woudunit. Je vous laisse vous présenter tous les deux. Allez, vas-y, j'y vais à tout l'honneur, c'est pour l'invité d'honneur. Merci pour l'invitation déjà. Je suis J.B. Audras, Jean-Baptiste Audras. Je travaille chez à l'agence Woudunit où je suis directeur technique. Parallèlement, j'ai une activité sur le corps WordPress où je suis représentant de l'équipe de développement de WordPress depuis maintenant un an. Parallèlement à ça, depuis quelques années, je suis l'un des responsables des correspondables de WordPress en français, à savoir la traduction, mais aussi le site fr.wordpress.org. Merci J.B., on est ravis de t'avoir. Moi, c'est Fabrice Ducard, organisateur des meet-ups Montpellier avec notre ami Nico, WEP formation, pour ceux qui ne connaissent pas, et anciennement WEP server. Grosso modo, pas plus. Et Nicolas, t'écoute cette présentation. Nicolas Mercativi, je suis plutôt orienté dans le SEO, et pas mal dans la communauté WordPress également. J'ai deux casquettes aujourd'hui principalement, c'est juste pour la vente de stratégies de lien pour accompagner les sites, à gagner en visibilité sur Google. Et un thème double référent qui permet d'avoir un thème optimisé pour le référencement et WordPress au commerce. Alors, petite parenthèse, là, on est sur la chaîne web to win, qui est une chaîne du naso que je compte mettre en place prochainement sur Montpellier, afin de regrouper tout ce que j'organise. On est nombreux à se retrouver régulièrement pour tout ce qui est meet-up PrestaShop, les meet-ups également WordPress, mais aussi tout ce qui est associé au SEO. Et à terme, tout ça sera regroupé sur un signal. Donc, j'ai déjà mis la chaleur dans les bœufs, la chaîne est déjà en place. Le reste arrivera par la suite. Voilà, on va démarrer. Jb, je te laisse partager ton écran et je me... Allô, allô ? Est-ce que vous m'entendez ? Oui, c'est bon, j'y vais normalement, c'est bon. Ah, d'accord, c'est juste que ça a coupé tant micro, mais c'est bon. Voilà, on te laisse dérouler. Ça marche, donc Fabrice et Nicolas m'ont proposé de venir intervenir à Montpellier, donc je suis parmi vous à Montpellier. Non, pour de vrai, je suis de mon Ardèche natal et je suis ravi d'être parmi vous. Donc, ils m'ont sollicité pour venir parler de Gutenberg. Effectivement, je vais essayer que cette présentation parle un petit peu à tout le monde au profil plutôt webmaster, au profil un peu technicien, même si on ne va pas aller très fort dans la technique, on va en parler un petit peu. Voilà, c'est intéressant. Je vais essayer de vous montrer pas mal d'exemples, d'extensions, de thèmes, etc. Et puis, j'espère que ça vous intéressera et que ça vous donnera envie d'essayer l'éditeur de WordPress. OK, la présentation, du coup, je vais passer très rapidement, puisqu'on l'a déjà faite, voilà. Et puis, du coup, j'attaque directement avec un peu d'histoire. Avec un peu d'histoire et puis déjà, pourquoi le projet Gutenberg ? C'est une bonne question puisque derrière Gutenberg, on le connaît en tant qu'éditeur. Effectivement, c'est comme ça qu'il est apparu. Mais c'est un projet qui date d'il y a quelques années déjà et on pourrait se demander mais pourquoi finalement avoir besoin d'un éditeur, celui d'avant, il marchait très bien. Ça, c'est un discours qu'on a beaucoup entendu en 2018 ou en 2019. Et puis qu'on continue à entendre aussi, voilà. Il y a des pagebuilders, donc des constructeurs de pages qui sont disponibles sur le marché, etc. Donc pourquoi avoir besoin d'un éditeur tel que Gutenberg au sein du projet WordPress ? Déjà, Gutenberg, c'est pas qu'un éditeur, on parle vraiment du projet Gutenberg. Pourquoi ? Parce que ça va beaucoup plus loin que l'éditeur. Et en fait, la principale raison d'être, c'était d'avoir une unification de l'interface et vraiment d'apporter de la cohérence dans les concepts éditoriaux que chacun et chacune doit manipuler lorsqu'il est question d'administrer un site WordPress. C'est-à-dire que avant Gutenberg, et puis toujours aujourd'hui, pour ceux qui n'utilisent pas le nouvel éditeur, enfin l'éditeur tout court, on va dire, il était nécessaire de manipuler plein de concepts éditoriaux qui étaient tous très, très différents, à savoir l'éditeur classique, donc TinyMCE qui reposait sur la technologie TinyMCE, les short-codes, donc les codes entre-crochés, les codes courts en français, les widgets, les menus, le customiser, donc l'outil de personnalisation, l'échange personnalisé, et puis tous les page-builders, voilà les page-builders antiques tels que Visual Composer, etc. mais aussi les page-builders plus récents comme Biver Builder qui est plus à destination des techs, et puis d'élémenteurs qui aujourd'hui cartonnent évidemment, voilà. Tout ça en fait, ça représente plein de concepts éditoriaux qu'il faut manipuler, c'est-à-dire qu'il faut apprendre tout ça finalement pour pouvoir gérer son site WordPress. L'idée en fait derrière Gutenberg, c'est d'avoir un concept clé, celui du bloc, et finalement de tout manipuler l'ensemble de son site potentiellement en quelques années, c'est-à-dire que ça ne se fait pas tout de suite à partir de ces blocs-là, donc voilà. Un petit historique sur le projet, donc en 2017, le projet Gutenberg a été lancé, et du coup le lancement de la première phase, de la phase 1 du projet Gutenberg a été lancé, c'est le développement d'une nouvelle éditeur. Ça a pris un an et demi de l'été 2017 à décembre 2018. Décembre 2018, WordPress 5.0 est sorti, et il y a eu le lancement, j'ai rajouté le délicat, parce que pour ceux qui ont suivi, du coup, c'était délicat, effectivement de l'éditeur. Donc décembre 2018, on a un éditeur qui se lance avec une communauté WordPress qui représentait déjà un tiers du web, voilà, aujourd'hui c'est 40%, un tiers du web, c'était beaucoup, et ça faisait beaucoup de changements. Effectivement, alors je ne vais pas avoir un discours du genre, voilà, les gens refusent le changement, c'est de leur faute, etc. C'est pas ça, parce que c'est compréhensible finalement, on a des technologies qu'on utilise et qui fonctionnent depuis des années, et puis là, d'un seul coup, on a un concept complètement différent, où on nous promet finalement quelque chose de génial, sauf que quand ça sort, un logiciel, voilà, ça reste un logiciel, et quand ça sort et que c'est nouveau, ben c'est pas forcément si génial. Il faut que ça ait une période de maturation, alors bien sûr, un an et demi de développement, ça peut paraître beaucoup, surtout pour une centaine de personnes, à peu près, même plus d'ailleurs plutôt 200 personnes qui étaient impliquées, mais finalement, ça a pris du temps, et quand c'est sorti, il y avait encore des choses à peaufiner. Donc entre janvier 2019 et fin 2019, toute l'année a été passée à peaufiner l'expérience éditoriale, toutes les fonctionnalités apportées par Glutenberg pour pouvoir aboutir en un an à quelque chose qui soit stable, etc., tout en permettant de l'utiliser et de commencer à l'utiliser et de commencer à permettre aux professionnels comme aux amateurs d'ailleurs de pouvoir utiliser cet éditeur pour leurs différents besoins, tout en le peaufiner. 2020, l'écosystème, alors, c'est des dates qui sont un peu arbitraires, c'est pour donner des années derrière les premières extensions qui ont commencé à utiliser l'éditeur, elles sont sorties au moment où l'éditeur est sorti, évidemment. Mais on peut considérer qu'à partir de 2020, donc l'année dernière, surtout l'année, l'écosystème s'est mis en route, on a vu un florilège d'extensions qui sont sorties qui permettent d'étendre les fonctionnalités de l'éditeur et du coup, c'est là, finalement, que l'éditeur a vraiment connu une grosse ascension en termes de taux d'usage au sein de la communauté WordPress. Et en 2021, donc c'est là où on arrive maintenant, avec une nouvelle petite révolution, qui est le FSE, le Full Site Editing, on en parlera dans la deuxième partie de la présentation. Donc 2021, donc tout ça pour dire que Gutenberg n'est pas qu'un éditeur, c'est un projet d'ensemble visant à améliorer l'expérience éditoriale de WordPress, autour de WordPress et d'administration autour de WordPress. Et c'est pas fini, c'est-à-dire que l'éditeur, en fait, c'était que la phase 1 du projet. Et il y a 4 phases qui sont déjà prévues. Du coup, qu'est-ce que c'est Gutenberg ? C'est une boîte à outils éditorial. J'ai déjà parlé, l'idée c'est d'avoir une unification de l'expérience éditoriale. C'est vraiment ça l'objectif. Et en fait, finalement, Gutenberg a en lui-même tout seul, alors il apporte un éditeur, aujourd'hui, qui peut être utilisé pour éditer ses articles, par exemple, alors que, par exemple, on peut choisir de garder son page builder pour éditer les pages. Voilà, c'est quelque chose qui est couramment fait. Mais l'éditeur en lui-même, en fait, il n'est rien sans la communauté et sans un élément qui a fait la force de WordPress à travers les années, qu'on appelle l'extensibilité. On parle toujours, alors, côté anglophone, on a l'habitude de dire plug-in, même en France, d'ailleurs, on utilise un petit peu trop plug-in, à mon sens. En fait, je préfère le terme d'extension, parce que vraiment, c'est ce qui représente cette extensibilité et c'est ce qui a fait la force de WordPress. C'est-à-dire qu'aujourd'hui, si on a des dizaines de milliers d'extensions pour correspondre à à peu près tous les besoins, c'est ça qui explique majoritairement pour moi le fait qu'aujourd'hui, pour sang du web, c'est grâce à cet écosystème. Et donc, revenons à l'éditeur. L'éditeur, en fait, finalement, en lui-même, il apporte beaucoup de choses, mais il repose aussi sur le répertoire d'extension, WordPress.org, sur le répertoire de thème, WordPress.org, sur le répertoire de bloc que vous connaissez peut-être un petit peu moins, parce qu'il est intégré à l'intérieur du répertoire d'extension, sur le répertoire de composition qui, là, vous connaissez, vous parle peut-être un petit peu moins, mais voir qu'il progresse, c'est quelque chose qui est en cours de développement, mais sur le répertoire de composition, vous pouvez déjà y accéder aujourd'hui. J'irai faire un tour dessus, puis on vous mettra les liens, si possible, quelque part. Sans oublier, évidemment, quelque chose qui a vraiment aussi participé à l'essor de WordPress, c'est l'écosystème premium, donc à savoir tous les thèmes et les extensions qui sont payantes que vous pouvez télécharger sur des répertoires payants, etc. Finalement, à la force de WordPress, mais aussi à la force de Gutenberg. Et c'est pour ça qu'aujourd'hui, Gutenberg est devenu de plus en plus incontournable, de plus en plus utilisé, en tout cas, c'est à partir du moment où la communauté a commencé à s'en emparer, donc à partir de 2020, vraiment. Donc, je vous propose de vous montrer, alors mon objectif, c'est pas de convaincre, c'est plutôt de faire une démonstration de la force de l'écosystème avec quelques exemples. Donc voilà, on va directement aller sur un tableau de bord, voilà, d'un site WordPress. Un site WordPress tout simple, voilà. J'ai utilisé, j'ai installé un thème compatible avec Gutenberg, qui n'est pas très joli d'ailleurs. Je ne sais pas ce que j'ai fait, mais bon, c'est pas grave. J'ai dû me planter dans les paramétrages, mais c'est pas grave pour la démo, ça ira très bien. Ok. Et je vous propose de commencer, en fait, directement en allant dans une page. Voilà, je vais aller créer une petite page pour faire mon petit test. Et donc, l'idée, comme je disais, c'était de montrer un petit peu la force de la communauté. Et donc, on va commencer par créer, par exemple, une page de FAQ. Et alors, j'ai Yoast qui m'embête un peu. Voilà, modèle par défaut, très bien. Donc, je vais écrire un petit peu de texte, un peu de texte et du coup, sur ma page de FAQ, je vais vouloir avoir un bloc FAQ. Alors, comment on fait pour faire un bloc FAQ ? Je peux écrire, par exemple, un titre, par exemple, plutôt une question. Et puis, ensuite, écrire la réponse. Donc voilà, une FAQ, c'est un ensemble de questions-réponses. Mais du coup, en fait, on peut aller un peu plus loin grâce à des extensions, notamment Yoast, pour le coup, c'est l'exemple que j'ai pris, mais je pourrai en prendre d'autres évidemment. En utilisant un bloc qui va s'appeler FAQ, de Yoast, voilà. Et ici, je vais pouvoir faire mes questions-réponses. Une question, voilà. Vous allez voir que là, on va rentrer un peu dans le SEO, Nicolas va se réveiller un peu parce qu'il commence à s'endormir. Donc, je vais écrire ma réponse, voilà. Et puis, je vais en ajouter autant que je veux. Une autre question. Une autre réponse. Jusque là, rien d'extraordinaire. J'aurais pu faire des titres et des des paragrapes pour faire ma FAQ. Sauf que là, où ça va être quelque chose d'intéressant, c'est que Yoast, c'est une extension fait pour le SEO. Pourquoi elle ferait de l'éditorial comme ça ? Eh bien parce qu'une FAQ, ça a un intérêt pour le SEO. Donc je vais aller voir ma page. Voilà. Bon, c'est pas très joli, mais en forme, on va dire basique, voilà. Noir sur blanc. Et donc, effectivement, du coup, j'ai ma FAQ qui va se présenter ici. Voilà. Ça va être un bloc avec des questions et des réponses. Mais ce qui va être intéressant, finalement, dans ce bloc, donc qui étend finalement les fonctionnalités de Gutenberg, c'est que je vais avoir accès à des schémas. Je vais y aller ici. Je vais aller un peu plus loin. Donc, là, j'ai affiché le code source de la page. Je vais faire une recherche sur FAQ pour vous montrer à quoi ça ressemble. Je vais faire une recherche sur questions. Ça sera plus simple. Voilà. Donc ici, il y a mon schéma. Alors, ça va être un petit peu pas forcément très simple à lire parce que c'est du code. Mais ici, en fait, on voit qu'on a une balise script qui est dans l'antenne du site, donc entre l'ouverture et la fermeture de la balise et à l'intérieur, du coup, on va avoir un schéma, donc un micro format, un micro donné, finalement, ce qu'on appelle un rich snippet et qui va permettre de déclarer un code donc dans le Header mes différentes questions et réponses, en fait, finalement pour que des outils externes, ce qu'on appelle les agents utilisateurs, donc typiquement, ça va être le bot de Google, puisse le réutiliser. Et ce que ça va permettre de donner, par exemple, alors là, je vais faire une petite recherche sur un schéma sur lequel voilà, sur un bloc FAQ on a utilisé le bloc FAQ que je viens de vous montrer, le bloc FAQ Yoast. Et du coup, sur la requête usine alors, le problème qu'on avait à l'agence, c'était qu'il y avait pas mal de boîtes qui étaient plus fortes que nous sur cette requête-là, alors là, je vois avec voilà, c'est plutôt cool parce qu'on avait passé devant, du coup, mais avant, c'était pas le cas et l'intérêt de ce rich snippet, donc ce bloc FAQ c'est que ça permettait de remonter un rich snippet, c'est-à-dire donc avec cet FAQ qui s'appiche directement dans les résultats de recherche, ce qui faisait que même en étant dans les 3 ou 4e finalement sur la requête, ça nous permettait, en fait, d'apporter de la visibilité à nos éléments. Donc voilà, ça c'est vraiment en fait un exemple de extensibilité en fait du de Gutenberg, c'est-à-dire que des éditeurs d'extension qui sont spécialisés non pas forcément dans l'éditorial et donc dans l'utilisation de l'éditeur peuvent aussi créer des blocs pour des besoins spécifiques. Ici, c'est un besoin de SEO par exemple. Donc voilà, c'était un premier exemple que je voulais vous montrer. Voilà, je vais quitter ma page. Ensuite, un deuxième exemple d'implémentation, finalement, des concepts de l'éditeur au sein d'une extension. Cet exemple, il est assez récent. Et là, je vais parler en fait d'une extension de formuleurs. Il y a plein d'extensions de formuleurs qui existent, mais on va avoir notamment, en fait, une extension qui s'est un peu démarquée ces dernières semaines, c'est l'extension Gravity Forms. Cette extension Gravity Forms en fait non seulement, donc c'est un éditeur de formuleurs qui ensuite permet de mettre des formuleurs dans sa page. Aujourd'hui, tous les éditeurs de formuleurs, sauf peut-être Contact Form 7 et encore je ne suis pas sûr. Mais ici, je pense qu'il doit en avoir un. Tous les éditeurs de formuleurs disais-je ont un bloc Gutenberg qui permet d'insérer le formuleur au sein de l'éditeur. Mais Gravity Forms, ils sont allés un petit peu plus loin et ça montre un peu de quoi sont capables quand même les éditeurs d'extensions. Ils sont allés un petit peu plus loin. C'est qu'ils sont allés jusqu'à singer, c'est-à-dire récupérer finalement l'interface de l'éditeur Gutenberg au sein de leur interface. Donc je vais créer un nouveau formuleur. Voilà, je vais créer le formuleur. Voilà, voilà. Et du coup, on se retrouve dans un éditeur qui ressemble quand même, voilà, à s'y méprendre à l'éditeur Gutenberg. Je vais mettre quelques champs, voilà. Ce que je vais faire, c'est qu'avec les mêmes boutons, la même interface que Gutenberg, donc vraiment que l'éditeur, je vais pouvoir dupliquer. C'est exactement le même bouton. On n'est pas perdu. Et encore une fois, en fait, on revient dans cette idée d'uniformisation de l'expérience éditoriale, ce dont je vous parlais tout à l'heure. C'est-à-dire qu'à partir d'aujourd'hui, à partir de 2018 finalement, mais à partir d'aujourd'hui, bien finalement, quelqu'un va apprendre finalement à utiliser un concept éditorial qui est celui du bloc et ensuite pourra le réutiliser finalement pour administrer l'ensemble de son site. C'est vraiment l'objectif du projet et c'est ça qui fait tout son intérêt. Donc voilà, je fais mes deux champs. Je vais pouvoir un petit peu, comme dans Gutenberg, utiliser ce genre de choses pour pouvoir bien finalement, par exemple, glisser déposer mes éléments pour pouvoir faire des mises en pages avancées finalement comme dans l'éditeur. Donc voilà, vraiment quelque chose qui a tout son intérêt, donc je vais mettre à jour mon petit formulaire qui demande juste son nom et son prénom. Je vais aller dans une page. Je vais aller dans ma page d'exemple par exemple et puis je vais insérer mon formulaire. Voilà, on va le mettre en plein milieu par exemple ici. Ici plutôt. Voilà, je vais aller chercher un Gravitiforme, le nom de l'extension. Ah bah ça marche pas. Formulaire plutôt. Non, super, merci. Alors je vais aller le chercher directement ici parce que je ne sais pas comment il s'appelle, j'ai oublié. Donc dans la liste de mes petits blocs je vais avoir quelque part un bloc Gravitiforme mais je ne sais pas où il est. J'ai mon bloc FAQ de Yoast. Où qu'il est mon petit formulaire. Ah bah ça commence bien. Je ne trouve pas mon formulaire. Alors je vais retourner voir si je l'ai bien enregistré parce que des fois ça peut m'arriver vu que je ne suis pas très malin. Ouais, j'ai bien mon formulaire. Ok. Je retourne sur ma page. Et là c'est le petit effet des mots évidemment. Je vais ajouter une nouvelle page. Je vais aller chercher mon formulaire. Yoast, tu es bien gentil mais voilà. Si quelqu'un voit un truc Gravitiforme ah mais il n'y a que moi qui peux parler bon bah tant pis, je vais essayer de me débrouiller tout seul. Eh ben je ne le trouve pas. Voilà, c'était l'effet des mots. Gravitiforme c'est super mais ça ne marche pas. Donc on ne peut pas insérer son formulaire. Je vais essayer une dernière fois en faisant une recherche mais je ne le trouve pas. Écoutez, je ne sais pas ce qui s'est passé. Peut-être qu'il me manque un paramétrage. Et puis c'est pas bien grave. Je trouverai du coup, j'essaierai de trouver pendant qu'on répondra aux questions ce qui s'est passé. Et puis si je ne trouve pas, c'est pas grave, vous aurez le droit de taper sur les doigts en disant que cette présentation était vraiment... On a dans le chat Patrick qui dit que tu te décès avec la recherche. Il dit en haut avec la recherche, tu ne veux pas le retrouver ? En haut avec la recherche. Merci Patrick. Non non parce que si tu fais juste slash et que tu commences à taper ça revient même, c'est ce que je faisais une recherche en fait. C'est pas très grave, on ne va pas trop perdre de temps là-dessus. Donc normalement c'est censé marcher. Ici j'ai peut-être, parce que j'ai pas mis de bouton sous maître au formulaire, j'en sais rien. En tout cas, il y a une raison qui fait que je ne peux pas y accéder. Mais c'est pas grave. Je vous propose de directement basculer du coup sur la troisième extension que je voulais vous montrer. Je vais aller dans extension, je ne l'ai pas activé pour l'instant parce que c'est une extension qui finalement ajoute beaucoup de choses, pour le coup, c'est une extension qui s'appelle Ultimate Addons for Gutenberg et c'est ce qu'on appelle une bibliothèque de blocs, un catalogue de blocs. Moi personnellement, je ne suis pas forcément hyper fan de ce type d'extension, parce que qu'est-ce qu'elle va faire ? Elle va ajouter en fait tout un catalogue de blocs qui sont pour certains super utiles et qui sont pour beaucoup complètement inutiles. Donc moi je n'aime pas beaucoup avoir des choses inutiles sur mon site. Cependant c'est quelque chose de super utile, si on a des besoins qui sont très divers, etc. Donc bon, des catalogue de blocs il y en a pas mal. Celui-là il présente un intérêt de plutôt bien s'intégrer, c'est-à-dire qu'il va avoir en fait un réglage huagé où il va stocker toute sa pub et encore franchement ça reste plutôt léger en termes de pub. Voilà, il va stocker son réglage et finalement à part ça c'est tout, il ne va pas vous embêter avec je ne voulais pas vous présenter quelque chose de trop intrusif. L'autre intérêt aussi c'est que cette extension elle est complètement gratuite, c'est-à-dire qu'il n'y a pas de version premium pour l'instant, j'imagine qu'elle va bientôt sortir. L'autre élément aussi qui peut être intéressant, c'est que c'est une extension que certains ou certaines d'entre vous peuvent connaître dans la mesure où Ultimate Item for Gutenberg existe aussi pour d'autres pagebuilders comme Ultimate Item pour élémentaires et ainsi de suite. C'est-à-dire qu'ils ont fait des versions pour différents pagebuilders et ils en ont fait une pour Gutenberg. J'ai activé mon extension donc je vais retourner sur ma page contact avec mon ma démo de formulaire Gravity Form ce qui n'a pas marché et je vais recharger ma page et je vais avoir dans ma collection de blocs tout un tas de blocs supplémentaires qui seront disponibles. On va attendre que ça charge. C'est le problème qui est en habite en Ardèche c'est que la connexion n'est pas toujours un sac Gravity Form ne fonctionnait pas à cause de la connexion Ardèche Oise mais on dérit. On va attendre que la page se charge, elle est chargée je vais fermer mon petit ami Yost je vais aller ouvrir avec ce petit plus ma collection de blocs ici on est sur tous les blocs natifs vous avez remarqué que sur le côté droit quand je survole on a une prévisualisation des différents types de blocs je vais descendre un peu les blocs widget ce sont les contenus embarqués, Twitter etc et puis ici on va avoir une catégorie Ultimate Add-on Block avec plein de possibilités par exemple une grille de publication qui va permettre de remonter les publications en mode maçonnerie ou pas un bloc section, un bloc multi bouton un bloc témoignage etc tout un tas de choses finalement plus ou moins avancées et un stylisé Gravity Form il faudrait déjà que ça fonctionne mais bon remarquez on va l'essayer pourquoi pas, ça fonctionne encore mieux que Gravity Form il me permet de sélectionner mon formulaire si c'est pas beau ça écoutez si vous voulez faire fonctionner Gravity Forms utilisez ça on peut stylé du coup qu'est-ce qui nous permet de faire stylé le couleur de la bordure le rayon, la largeur etc et finalement c'est tout un tas de blocs donc là j'ai installé un bloc un bloc formulaire Gravity Form ce qui m'a permis du coup de faire la démo de Gravity Form c'est plutôt cool on voit que lui-même propose d'ailleurs son bloc FAQ qui est finalement similaire à celui proposé par Iost et puis on va avoir des citations je vais essayer d'en insérer une par exemple en dessous de mon formulaire alors mon identifiant Twitter il me demande mon identifiant Twitter pour pouvoir permettre de quitter cette citation donc c'est un click-to-tweet grosso modo donc voilà coucou de mon bon je l'ai bien écrit de mon pelier hauteur voilà moi et voilà donc on va avoir tout un tas de blocs comme ça qui seront disponibles et c'est ce que permet cette extension généralement les extensions du coup sur le marché du coup voilà les blocs en fait de garder les styles de votre thème c'est à dire que les styles qui vont être appliqués ne seront que les styles finalement de votre thème donc tout dépendra de votre thème, ici j'ai pris un thème très basique pour la démo les extensions de catalogues de blocs comme cette extension là en fait permettent d'aller beaucoup plus loin c'est à dire que là par exemple je vais mettre un paragraph paragraph de text si je vais en fait dans les options de mon bloc, bah voilà par défaut j'ai la couleur etc et ces extensions là en fait vont permettre de rajouter en fait vraiment beaucoup plus de possibilités avec des styles de bordure, pointier etc etc en fait pour celles et ceux qui sont déjà familiers avec les extensions donc là je vais aller voir ma page elle doit pas ressembler à grand chose je suis sur un thème assez basique voilà super j'aime mon truc tout tweet etc etc par rapport à ceux qui sont familiers évidemment ce n'est pas très affriolant ce que je suis en train de présenter puisque c'est déjà des fonctionnalités que vous connaissez mais finalement vous allez voir enfin voilà sur un thème qui est déjà lui même plutôt graphique, bah finalement vous pouvez aller beaucoup plus loin alors bon ici pour l'instant j'ai plutôt parlé aux personnes qui sont plutôt de profils webmasters je voulais aussi parler aux personnes qui sont techniques et qui peuvent être rebutés par un aspect de Gutenberg qui pourtant étant des aspects les plus intéressants c'est qu'il est il est très intéressant il y a un aspect très très intéressant de Gutenberg c'est qu'on peut créer ses propres blocs comme tous les éditeurs de ces extensions en fait finalement font, vous avez la possibilité de développer vos propres blocs, de les habiller comme vous voulez, de mettre le CSS que vous voulez dessus etc etc pour les développeurs PHP qui ont peut-être essayé de créer leurs propres blocs le problème c'est que Gutenberg fonctionne sur une technologie complètement nouvelle dans l'écosystème presque en tout cas qu'en sorti c'est la technologie réacte et cette technologie donc repose sur du JavaScript moderne qui peut représenter une barrière finalement à l'implémentation de Gutenberg dans vos projets si vous êtes développeur et vous faites du sur mesure pour cela du coup on peut aller voir une extension que tous les développeurs et développeurs connaissent forcément c'est l'extension Advanced Custom Field Pro qui elle-même aussi a tiré partie de l'extensibilité de Gutenberg pour proposer carrément en fait finalement un outil complet donc un framework PHP complet permettant de créer des blocs non pas en utilisant la technologie réacte mais en utilisant la technologie PHP qui est quand même beaucoup plus connu des développeurs WordPress historiquement et cette technologie PHP du coup en fait ce framework PHP va finalement convertir ce que vous déclarer en PHP en réacte pour que ça puisse fonctionner avec Gutenberg donc je vous ai fait un petit exemple que j'ai commencé un petit peu à préparer c'est que je suis allé dans mon Advanced Custom Field Pro j'ai créé un groupe de champs blocs, citations et images voilà dans ce groupe de champs j'ai créé en fait finalement 4 champs un champs citations, un champ hauteur un champ image, un champ couleur de fond et ce que j'ai fait en fait c'est que ce groupe de champs je l'ai rattaché à un bloc que j'ai créé et que j'ai appelé citations et images pour montrer un petit peu de code qu'on n'aura pas beaucoup ça va être très rapide donc ce code en fait, ce que j'ai fait c'est qu'en parallèle une fois qu'on a créé son groupe de champs, ce qu'il va falloir faire c'est que dans le code en PHP donc sans réacte, sans javascript vous allez devoir déclarer en fait un nouveau bloc donc on va utiliser pour cela en fait une petite fonction PHP vraiment toute simple et très bien documenté sur le site d'ACF sur la documentation d'ACF register block type et qui va permettre donc de donner un nom à son bloc, lui donner un titre tel qu'il s'affiche, une description de donner et ça c'est intéressant en fait l'adresse donc le chemin vers un template que j'ai ici appelé render.php donc ça peut être au sein de votre thème moi je l'ai fait dans une extension dans une mini extension je pourrais partager d'ailleurs le zip de cette mini extension pour ceux qui veulent essayer finalement apprendre un petit peu avec ça donc j'ai un fichier render.php qui va maintenir en fait le rendu HTML de mon bloc on va lui donner une catégorie par exemple formatting, une icône, des mots clés donc ça c'est mon premier fichier où je vais déclarer l'existence de mon bloc et puis ensuite je vais créer un deuxième fichier où on va alors là pour les développeurs et développeuses qui utilisent déjà ACF normalement ça devrait vous parler à 100% on va au début de mon fichier render.php récupérer en fait en utilisant la fonction getfield les champs en fait le compu de mon échant que j'ai créé que je vous ai montré tout à l'heure donc j'ai un champ texte, un champ hauteur, un champ image et un champ couleur de fond je vais afficher directement mon template HTML donc voilà j'ai une div qui porte un identifiant qui génère automatiquement j'ai ensuite à l'intérieur un paragraph qui contient le texte de ma citation un paragraph qui contient donc un PHP j'affiche juste l'échant que j'ai récupéré avant qui contient l'auteur et j'utilise du coup une fonction WordPress native WP get attachment image qui me permet d'afficher mon image ensuite en dessous j'affiche quelques styles CSS pour donner un petit peu de mise en forme à tout ça voilà une fois que j'ai fait ça en fait du coup je vais aller dans n'importe quelle page alors on va aller plutôt dans un article tiens voilà je vais aller dans cet article et c'est d'article où j'ai mis normalement un petit peu de texte en prévision voilà et c'est d'article super je vais aller me positionner n'importe tout dans mon article je vais commencer du coup à taper alors là j'utilise le raccourci slash qui permet en fait de faire une recherche rapide d'accord donc du coup on voit qu'il y a mon blog citation et image généralement c'est parce que moi j'aime bien utiliser le clavier en fait j'utilise beaucoup de clavier la navigation clavier mais vous pouvez aussi en fait tout simplement aller chercher manuellement votre blog en utilisant la recherche je vais retourner sur mon slash citation et image voilà je vais insérer mon blog donc il va avoir le rendu par défaut que je vais donner dans les styles je vais tout simplement cliquer sur mon blog afficher sur le côté du coup les réglages du blog voici une citation on est bien à mon pelier on est très bien là bas voilà il y a bien deux ailes si j'enlève un elle ça donne quoi non c'est pas beau il y a deux ailes ok l'auteur ça va être moi tout simplement je vais ajouter une petite image voilà hop on va mettre ma tête on va prendre une couleur de fond par exemple voilà je sais pas moi je vais aller dans du verre et on va mettre du verre un peu plus clair voilà comme ça par exemple je suis plus turquoise allez très bien c'est un peu kitsch mais du coup ça le fait donc on voit directement finalement les styles de mise en forme qui s'appliquent je vais mettre à jour du coup mon contenu hop et voilà donc sans avoir appris réacte donc uniquement utilisant du bon vieux PHP je suis capable de créer des blocs et donc pour ça en fait on dit merci à qui on dit merci à ACF évidemment mais on dit aussi merci à WordPress avec le principe de l'extensibilité et finalement ces quatre petites extensions c'était pour vous montrer ce principe d'extensibilité qui est très précieux pour l'écosystème parce que c'est vraiment en fait grâce à ce principe que aujourd'hui WordPress représente ce qui représente voilà ok donc ça c'était des extensions maintenant je vous propose d'aller un petit peu faire le tour de thème alors du coup je vais changer de site parce que si j'active un thème un petit peu avancé sur ce site ben je vais pas pouvoir faire la démo suivante donc la démo finale de cette présentation et je vous propose alors d'aller pardon voilà on va y arriver d'aller sur un autre site où j'ai activé un thème vous pouvez le noter si vous le souhaitez enfin je vous le conseille qui s'appelle Bloxy qui est un thème du coup qui est édité par et alors là je regarde l'Antisèche par CreativeThames parce que j'avais complètement zappé que c'était eux à côté d'ailleurs il y a le thème Go qui est édité par GoDaddy que j'aime beaucoup personnellement mais le thème Bloxy en fait ce qui est intéressant c'est que là pour le coup vous allez retrouver si vous avez l'habitude du page builder vous allez retrouver vraiment en fait tous les principes du page builder donc là je suis sur l'éditeur d'une page la page about alors ici j'ai chargé en fait le contenu de démo mais on va se retrouver du coup dans l'éditeur avec la possibilité la possibilité pardon d'éditer en fait tous nos éléments indépendamment nos titres etc et on va avoir une mise en page un petit peu avancée avec vraiment en fait des choses qui ressemblent à du page builder à s'y méprendre ici on a un petit shortcode apparemment qui est utilisé donc voilà et puis pour vous donner du coup le rendu ah j'arrive je me suis trompé voilà je vais mettre à jour et puis on va aller voir le rendu et vous allez voir que c'est un petit peu plus sympa que mon petit thème tout blanc que je vous ai montré tout à l'heure alors par contre c'est un peu long mais ça c'est surtout lié à ma connexion voilà c'est bon donc on va attendre le chargement de la page et puis on va avoir voilà une page avec une mise en forme un petit peu mieux enfin en tout cas plus plus léché même si j'ai l'impression qu'il y a des images qui ne se charge pas c'est l'effet des mots vous amène du coup sur la page d'accueil voilà mais tout ça en fait c'est vraiment fait uniquement avec des blocs donc vraiment en fait quelque chose qui ressemble à ce qu'on peut avoir au niveau des page builder donc là en fait j'ai pris ce que j'ai fait c'est que j'ai installé le thème block C et il propose en fait des styles par défauts donc des feuilles de style par défaut c'est un thème qui nous a un peu à l'agence du coup un peu sauté aux yeux nous on fait que du sur mesure c'est à dire que tous les thèmes qu'on fait sont fait sur mesure via des maquettes etc et on part de zéro on crée un thème de zéro, on crée les blocs du timberg de zéro etc en revanche et là du coup je vais dire quelque chose qui parlera sûrement beaucoup aux freelance, aux indépendants et aux agences qui peut être sont un peu plus élevées en fait c'est ça aux agences qui peut être sont présents et écoute ce podcast ce meetup c'est que le gros problème qu'on a généralement quand on est indépendant et agence, c'est pas forcément alors ça peut être d'aller chercher des clients mais c'est pas forcément d'aller chercher des clients c'est de faire son propre site et c'est un problème qu'on a chez Woodenit aujourd'hui on a un site internet voilà qu'on a fait faire sur mesure mais qui nous convient plus en termes de besoin etc vous pouvez aller voir ça fait des mois et des mois environ un an qu'on veut refaire ce site internet main de peau en fait les développeurs les développeurs sont constamment du coup sur les projets des clients et on n'a jamais le temps de pouvoir faire ce thème donc ce qu'on a fait c'est donc ça commençait à faire enragé Émilie notre boss Émilie Lebrun donc pour ceux qui sont dans la communauté depuis longtemps la connaissent sûrement Émilie Lebrun notre boss qui du coup je peux dire ce que je veux parce qu'elle n'est pas là elle est à Lyon en ce moment et elle n'est pas au meet up donc qui a enragé finalement de ne pas pouvoir avoir du temps de développement de la part de notre équipe pour pouvoir créer un nouveau thème et créer un nouveau site finalement ce qu'on a fait c'est qu'on lui a installé elle s'est installée d'ailleurs toute seule Bloxy elle n'a aucune connaissance technique ou alors très peu généralement quand elle fait des choses techniquement elle peut faire pas mal de gaffe enfin voilà il faut repasser derrière on lui a installé Bloxy je ne vous dis rien parce que ce site il n'est pas encore sorti elle a composé en fait son thème directement depuis l'éditeur donc voilà ce que ça donne il y a encore un peu de finilage à faire mais on est sur un site qui est tout propre qui est joli, qui s'affiche très rapidement c'est vraiment en fait quelque chose d'assez intéressant sur l'éditeur c'est qu'on a quelque chose qui s'affiche assez rapidement voilà donc c'était donc c'était le thème Bloxy on a installé quelques extensions je crois qu'il y en a moins de 10 vraiment quelques extensions pour avoir des blocs supplémentaires mais on a quelque chose qui est plutôt propre en fait pour quelque chose qui n'a pas été fait sur mesure et fait entièrement avec Gutenberg voilà je vais enchaîner un petit peu parce que ça fait déjà pas mal de temps que je parle il faut que j'avance un petit peu je voulais parler en plus de vous montrer ces petits exemples, quelques fonctionnalités avancées de Gutenberg que vous ne connaissez peut-être pas la première fonctionnalité avancée c'est les blocs réutilisables les blocs réutilisables, l'intérêt en fait c'est que vous allez pouvoir créer une mise en page donc par exemple si je reviens sur la mise en page du site de Woodenit, on pourrait se dire que c'est un car du futur site que cet encart ici finalement on va l'utiliser sur plusieurs pages et plutôt que le refaire à chaque fois c'est à dire qu'il faut mettre l'image, l'aligner comme il faut mettre le titre etc etc et bien on va pouvoir l'enregistrer en tant que bloc réutilisable et réappeler en fait finalement un petit peu partout dans l'éditeur je vous montre très rapidement comment ça fonctionne mais super rapidement voilà je vais retourner sur une page de mon petit site de démo voilà je vais aller par exemple dans les articles je vais afficher mon article bonjour tout le monde on va aller très très rapidement là dessus, pendant ce temps j'affiche une autre page donc je suis sûrement en article bonjour tout le monde ce que je vais faire c'est que je vais aller déjà faire mes yosts, voilà super je vais aller du coup créer un petit call to action donc pour ça je vais créer un bloc media plus text voilà je vais aller chercher une image voilà ça l'allait très bien je vais écrire du coup un peu de texte avec alors je prends les raccourcis clavier 1010 ça permet d'avoir un titre de niveau 2 bah voilà un titre un paragraph là je vais y mettre un bouton et puis bah on peut dire qu'on a à peu près ce qui ressemble à un call to action mon bouton voilà super je vais mettre à jour mon élément et on va dire que cet élément ce call to action je vais l'utiliser un peu partout sur mes pages donc ce que je vais pouvoir faire avec cette fonctionnalité c'est l'ajouter au bloc réutilisable donc je vais lui donner un nom mon cta voilà je vais l'enregistrer voilà il a été mis à jour super je vais pouvoir retourner sur n'importe quelle autre page de mon site je vais réactualiser quand même ça charge et je vais pouvoir en fait réutiliser le bloc que j'ai créé en tant que bloc réutilisable voilà je vais pouvoir le chercher donc comment je vais appeler cta je crois voilà mon cta et automatiquement il va pouvoir charger mon élément ici le bloc réutilisable ce qu'il faut savoir c'est que le contenu est synchronisé donc si je change ici par exemple un titre de niveau 2 et bien du coup quand je vais mettre à jour mon élément et que je vais retourner sur les autres pages où il est utilisé donc là je vais recharger la page ça va mettre à jour automatiquement de partout donc c'est vraiment en fait à la fois une fonctionnalité un intérêt finalement du bloc réutilisable mais c'est aussi une limite du bloc réutilisable c'est à dire que ça va être vraiment du contenu synchronisé on voit que sur l'autre page ça a mis à jour donc pour finalement étendre cette fonctionnalité qui est avancée de l'éditeur ce que j'ai fait de mon côté je m'envoie des fleurs ou pas parce que d'ailleurs c'est quelque chose qui est pas très compliqué finalement à faire c'est que j'ai créé une extension qui s'appelle reusable block extended qui permet du coup de détendre la fonctionnalité bloc réutilisable de Gutenberg qui va me permettre d'avoir un menu bloc réutilisable avec tous mes blocs réutilisables qui sont que j'ai créé c'est à dire que c'est vraiment quelque chose qui n'existe pas par défaut d'un Wordpress qui va me dire sur quelle publication mon bloc réutilisable est utilisé qui va me permettre d'obtenir un code court donc un chart code pour pouvoir l'utiliser par exemple n'importe où par exemple je vais pouvoir aller le mettre dans mon footer et ça c'est vraiment l'intérêt c'est que je vais pouvoir utiliser mes blocs réutilisables vraiment de partout y compris dans des endroits où Gutenberg n'est pas présent lui-même donc voilà j'aurais juste à copier coller ce chart code et à l'ajouter dedans on peut aussi du coup aller plus loin et convertir le bloc en composition et les compositions donc si je reviens sur mes slides en fait c'est vraiment en fait voilà une autre fonctionnalité avancée de Gutenberg c'est la même chose que les blocs réutilisables sauf qu'une composition elle peut être modifiable c'est à dire que le contenu n'est pas synchronisé et donc là en fait ce que j'ai fait c'est que j'ai converti mon bloc réutilisable voilà je me trompe dans mes... voilà j'ai converti mon bloc réutilisable en composition bloc et vous allez voir en fait la différence c'est que quand je vais aller dans mon essai d'article note pour Nicolas et Fabrice j'essaye d'aller vite promis voilà je vais aller dans mon essai d'article et en fait ben effectivement j'ai mon bloc réutilisable qui est disponible voilà je vais ajouter qui est disponible dans l'onglet réutilisable et j'ai une composition qui a été créée aussi ici que je vais pouvoir insérer et cette composition en fait l'intérêt par rapport au bloc réutilisable c'est que je vais pouvoir modifier le contenu pour écrire ce que je veux et ça ne modifiera pas les différentes occurences de mon bloc réutilisable que j'avais ailleurs donc c'est vraiment la différence entre les compositions et les blocs réutilisables c'est qu'une composition c'est un agencement de bloc qui permet voilà de pouvoir avoir un agencement de bloc qui en fait préconstruit et qu'on n'est plus qu'à l'éditer quelque part c'est un peu une sorte de template finalement voilà je vais laisser la parole peut-être aux organisateurs pour voir s'il y a peut-être des questions ou des remarques ou des personnes qui voulaient faire remonter des éléments on me revoilà alors je vais reprendre donc je vais masquer ta présentation on a vu une question de José ici c'est dans Gutemberg de réduire l'utilisation ou interdire l'usage de certains blocs oui tout à fait alors du coup ce que je veux faire je peux difficilement la montrer directement en live la ligne de code parce que je ne m'en souviens plus tout simplement mais ce que tu vas devoir faire pour ça c'est ta deux solutions soit tu as la possibilité de faire du code dans ce cas là tu vas encueil donc tu vas incurre dans ton thème ou dans une extension que tu vas créer un fichier javascript dans lequel tu vas utiliser en fait une fonctionnalité une fonction vp remove block et tu vas mettre le nom du block par exemple je ne sais pas moi paragraphe ça serait un peu bête mais bon pourquoi pas et dans ce cas là du coup ton bloc ne sera plus disponible il n'existera plus donc là ça c'est la version de développeur c'est celle qu'on utilise à l'agence typiquement il y a des blocs par exemple couplés ou ce genre de choses dans Gutemberg qui ne nous intéresse pas parce qu'on ne veut pas que nos clients ou des éditeurs de poésie ça pourrait mais ça n'est pas donc on enlève ce bloc couplé et on le fait comme ça maintenant derrière si tu n'as pas la possibilité d'aller dans le code tu as des extensions alors par exemple tu as advanced set et editor plus aussi il y a plein d'extensions comme ça qui permettent en fait tu as la liste donc tu as un écran d'administration avec la liste de tous les blocs Gutemberg et tu coches et tu décoches mais dans tous les cas c'est possible ok merci pour ta réponse par rapport à tout à l'heure on a Fabrice qui nous disait que gravityform chez lui ça fonctionnait donc apparemment ça sent une souci avec ton WordPress ouais alors en fait par rapport à la démo de tout à l'heure en fait je pense que c'est ça un Fabrice t'as eu du nez par rapport à la démo que je vous prépare qui durera 5 minutes juste après en fait il faut savoir que là ce que je vous montrais c'était sur WordPress 5.8 en mode alpha et donc c'est une version de WordPress qui n'est pas encore sorti et je pense que gravityform ne supporte tout simplement pas en fait encore WordPress 5.8 ce qui est logique vu que ça porte ça sort en juillet donc voilà on a une question de papier par rapport à ce que tu as pu dire ça c'est une question que j'aime bien c'est une question de performance je pense mais c'est aussi une question de probabilité effectivement les extensions donc quand elles créent des blocs c'est pas magique il va y avoir des ressources CSS donc des feuilles de style et du js permettant de gérer par exemple des animations etc qui vont forcément du coup devoir être inclus au niveau du DOM c'est à dire au niveau de la page sur laquelle le site s'affiche ici justement Gutenberg propose un mécanisme qui est très simple à utiliser qui permet finalement d'aller chercher si dans la page tel ou tel bloc est utilisé et au moment de la déclaration du bloc de dire qu'une affiche le sojs et ce css que si le bloc est présent dans la page c'est quelque chose de très important parce que finalement ça va réduire le nombre de fichiers le nombre d'éléments javascript et css et donc finalement le poids de la page et c'est quelque chose en fait qui a beaucoup intéressé alors je voulais le montrer je le ferai quand je pourrais partager mon écran mais je voulais vous montrer justement quelques exemples de sites avec des grosses exigences de performance qui ont même d'ailleurs switché sur Gutenberg pour cette raison là justement pour aller chercher ce type de choses que les page builders ont beaucoup plus de difficultés à faire parce qu'en fait s'ils doivent le faire alors il y en a qui arrivent très bien à le faire mais s'ils doivent le faire du coup ils sont obligés à un moment donné de charger un fichier common.js qui contient leur librairie et ce fichier généralement il est assez gros après il peut avoir des sous-fichiers qui charge que si le bloc que si l'élément éditorial est présent ou pas dans Gutenberg c'est une fonctionnalité native directement et qui est utilisée directement je dis pas que tous les catalogues donc tous les éditeurs d'extension l'utilisent bien mais normalement si ils font les choses bien ils sont censés justement charger des choses que si on en a besoin et effectivement avec les quarts web vitals qui arrivent avoir déjà un d'hommes qui est le plus léger possible il faut rappeler ici, j'ai pas pensé à le faire mais que Gutenberg c'est que du htmf qui est ce qu'il y a en base de données donc on n'a pas de shortcode etc comme on pouvait l'avoir avec d'anciens fetchbuilder comme visiocomposeur comme d'autres d'ailleurs comme oxygène aussi qui stockent beaucoup de shortcodes en base de données ben ici en fait c'est que du html c'est à dire que vous affichez que du html avec le moins possible d'implication donc on a déjà un d'hommes qui est très léger mais en plus en termes de ressources cssjs il y a un mécanisme qui permet de dire je n'inclue la ressource que si l'élément est présent dans la page c'est à dire que les corbes web vitales sont déjà là aujourd'hui et pour les tests que j'ai fait moi sur un article à paraitre où j'ai testé puisque ça m'avait interpellé la dernière fois vous avez été annoncé j'ai testé donc un site avec du Gutenberg et un site avec un classique un élémentor par exemple et j'ai mesuré en fait pour voir l'impact réel basique hein c'est à dire un site très simple un 3 pages simple et on a des gains de performance avec Gutenberg qui ne sont plus à démontrer enfin en tout cas qui ne seront plus à démontrer c'est certain que Gutenberg est vraiment clairement l'outil qu'il faut utiliser aujourd'hui quand on voit un site qui est performant j'ai rien contre élémentor j'ai été le premier à le défendre j'ai rien contre Biverbulder qui est très bon aussi mais aujourd'hui si on veut être classé, si on veut des pertes l'option Gutenberg dont on parle GB est clairement à privilégier pardon vas-y je t'en prie j'en prie j'ai fait non non mais je suis complètement d'accord avec toi et comme toi j'ai rien contre élémentor j'ai rien contre ce type de page builder j'ai un peu plus de choses contre certains vieux page builder dont je citais beaucoup de fois qui commencent à en relever c'est ça ouais mais pourquoi parce qu'en fait c'est des pages builder qui pour moi vous tiennent prisonniers en fait une fois que vous allez dedans, vous êtes pieds point liés vous désactivez l'extension il n'y a plus rien qui marche et élémentor c'est quelque chose de beaucoup plus propre de ce côté-là c'est une extension que je respecte énormément ils ont fait du très bon boulot c'est très fiable c'est très performant maintenant derrière c'est un peu lourd mais c'est un peu obligé finalement c'est-à-dire que ça propose finalement une expérience qui va très loin et du coup c'est un petit peu lourd derrière on peut avoir aussi un fonctionnement un peu hybride qui est aussi tout aussi pertinent d'avoir des pages qui fonctionnent sur élémentor et des articles qui fonctionnent sur Gutenberg ça permet au moins sur les articles qui vont contenir du contenu chaud qui va être intéressant et impactant pour le référencement aussi ça ne veut pas dire que les pages ne le sont pas mais du contenu chaud qui va s'afficher très rapidement plus rapidement et puis des pages qui par contre elles contiendront vraiment des aspects graphiques peut-être plus avancés ou voilà si vous préférez en gros tout est possible Rachel et Thierry mais Thierry je sais qu'il le fait pour se moquer mais parle de divi vous parlez pas de divi moi je n'ai plus de point mais les mois je n'ai qu'un avis sur divi on a essayé de rendre un site divi pertinent de vitesse pour respecter les corewebs et on n'est pas arrivé c'est une catastrophe absolue donc de mon point de vue divi pour l'instant actuellement tel qu'il est ce n'est pas la solution ultime que je conseille je pense que tu en penses GB moi divi en fait j'ai le même problème avec divi qu'avec d'autres pages quand on t'en parlait c'est que divi tu désactives le truc tu as envie de faire un export par exemple tu veux refaire le site faire une refonte et utiliser gut ou n'importe quel autre page builder comme élémentor comme beaver etc tu vas galérer tout ton contenu il est prisonnier de divi tu perds ton contenu c'est mon plus gros problème je suis très attaché à la partie openweb c'est-à-dire que c'est ouvert on fait ce qu'on veut c'est mon contenu il m'appartient c'est que ton contenu tu le perds il est perdu dans divi il a une coquille autour et c'est très difficile de migrer tu vas faire du copier collé etc moi c'est ce qui me gêne le plus avec divi maintenant derrière ça veut pas dire que c'est pas un beau outil un beau projet et surtout de belles personnes aussi dedans il y a une belle communauté notamment en France c'est tout à fait respectable maintenant derrière il y a des limites techniques objective on va dire on fait le choix d'y aller ou pas il y a juste une remarque de patrick et je la trouve très intéressante attention de ne pas transformer goûte en élémentaire avec l'ajout de plugins ultimates machins j'ai assez d'accord avec cette remarque pour l'avoir fait parce que j'allais essayer beaucoup il y en a qui se chevochent il y en a qui font double emploi il y en a qui sont mieux faits que d'autres et il y en a qui pourront courir le truc on t'écoute en fait là pour être tout à fait honnête le ultimates a donné pour élémentaires pour élémentaires pour Glutenberg je l'ai installé hier pour préparer la conf et essayer de proposer un outil qui permet du coup à des personnes qui sont webmaster d'avoir des outils éditoriaux un peu plus poussés que ce qu'on a par défaut c'est pas quelque chose que j'utilise mais derrière ça répond à un besoin de certaines personnes c'est déjà ça en fait j'ai rajouté une prise en formation je te laisse faire la parole après c'est parce que j'utilise en formation pour les stagiaires débutants et il y a la possibilité de désactiver les modules que tu n'utilises donc j'apprends bien à mes stagiaires à activer que ceux qui sont vraiment utiles et à désactiver tout le reste donc c'est vraiment un outil qui pénalise pas et pour avoir pris les mesures en termes de temps c'est très peu pénalisant pour répondre à ta question Patrick pardon Nico, je t'ai coupé pas de souci donc après il faut quand même revenir à l'essentiel tous les builders que vous utilisez ils viennent plomber les performances de vos sites moi clairement je vends un thème qui est optimisé pour le SEO et tous ceux qui utilisent trop les builders ils viennent complètement dégrader ce qu'ils ont de gagner en performance grâce à un thème qui est bien codé qui est légère etc et on le voit ceux qui vont utiliser les fonctionnalités native de WordPress et même le classique éditeur ou ceux qui vont utiliser buta merle tous ceux qui passent par des belles pages et moi je les fais aussi j'ai utilisé les mentors pour aller vite mais clairement on a des performances qui sont pourris derrière donc pour moi les builders de page vous devez les utiliser pour une page d'accueil pour des landing page, pour des pages de service mais n'allez pas mettre du builder sur toutes vos pages là vous tirez une balle dans le pied utilisez le bon impossible les builders de page parce que clairement les performances ça va exécuter énormément de requêtes c'est beaucoup plus lourd vous allez dégueulasser le code mais les builders c'est mal à du coup utiliser buta merle mais après on avait parlé on avait fait un webinaire avec jb qui est visible sur la agence on avait parlé de SEO et des builders les builders c'est mal il faut le dire après derrière j'ai été utilisateur de builders ça remonte un peu j'ai déjà installé dv j'ai déjà mis les pieds sur un site élémentaire ça répond à un besoin pour moi franchement ce que j'ai envie de proposer dans un premier temps c'est une approche hybride pour ceux qui souhaitent découvrir gérer les articles via Gutenberg par exemple pour tester pour s'habituer parce qu'il faut savoir aussi que ces builders ils sont édités par des éditeurs ça peut être intéressant de commencer du coup s'habituer à l'éditeur natif je pense que ça peut être intéressant et donc il y a une super marque de Thierry mais j'en attendais pas moins que lui c'est un super outil et je tiens à le préciser c'est vraiment un outil qui fonctionne très bien qui effectivement a un stockage propre qui va stocker du html et c'est très bien oui il y a des bons outils il y a des alternatives que lui a Gutenberg pour ceux qui souhaitent pas l'utiliser ça c'est pas quelque chose que je remets en question aujourd'hui du tout on a une question de Laurent il y a Thierry et fan de Bivermulder donc il va forcément défendre Bivermulder il y a raison bien sûr mais j'ai pas le contraire on a tous nos préférences il y a beaucoup de soucis Nico, est-ce qu'on enchaîne ou si il y a d'autres questions juste la question de Laurent quel thème tu conseilles c'était le thème je n'ai pas noté le nom Bloxy parce qu'on a laissé notre boss avec Bloxy entre les mains et qu'elle a réussi à nous faire le futur site de l'agence donc je trouve qu'il y a un bon résultat en termes de perte etc il va te proposer des modèles de page parce qu'il est vraiment épuré pour laisser vraiment la création au niveau du builder il propose des modèles de page on les a pas utilisés mais il propose des modèles de page ça c'est intéressant, ça permet de pas partir de zéro l'angoisse de la page blanche ça permet aussi de partir de zéro de mettre ses propres hostiles les déclarer au niveau global ça passe un peu via le customizer pour déclarer les styles globaux c'est plutôt bien fait ça demande pas d'aller dans le code on va monter ses blocs etc on peut installer des catalogues de blocs c'est plutôt propre, c'est performant j'ai l'impression qu'il a le vent en poube nous on voulait tester pour faire avancer cette problématique de site de l'agence le résultat est pas mal quand j'avais testé j'ai bien aimé le thème go de Godady c'est quelque chose que je connais que j'ai bien aimé et ce que je voudrais citer aussi c'est tous les thèmes de Anders Norene c'est la personne qui a fait le thème 2020 en décembre 2019 et c'est un très bon designer de thème c'est style un peu à la suédoise je crois qu'il est dans tous les cas il est scandinave c'est clair mais c'est un peu à la suédoise c'est épuré etc j'aime beaucoup ce qu'il fait c'est parfaitement compatible avec Gutenberg avec notamment la possibilité d'avoir des éléments pleins de largeur etc ça fonctionne bien une dernière question de Jérôme et après on enchaîne c'est de limiter les blocs disponibles au sein du block colon oui c'est possible techniquement ça je le garantis maintenant derrière est-ce que des extensions ont permis de le faire ou pas je dirais oui forcément parce que c'est un besoin qui paraît tout à fait légitime donc ça fonctionne techniquement avec ce qu'on appelle le principe du inner block donc à l'intérieur d'un block tu as des blocs qui sont déclarés comme étant utilisables par exemple dans un block colon tu ne peux pas mettre tous les blocs possibles du coup à l'intérieur tu peux restreindre encore plus en disant je n'ai pas le droit de mettre un paragraphe dans un block colon donc c'est possible de le faire techniquement je suis quasi sûr que les plusieurs catalogues de blocs ou d'extensions qui étendent Gutenberg du coup le permettent aussi mais je n'en ai pas en tête ok très bien on va te relessing reprendre ta présentation ouais je vais essayer d'enchaîner sans aller trop vite non plus je voulais vous parler d'aller dans le futur parce que je voulais vous amener un petit peu dans le futur avant d'aller dans le futur on parlait en fait d'exemples je voulais vous en montrer quelques-uns notamment celui là alors ça c'est un exemple un petit peu tout con mais j'ai dû me replonger dedans parce que j'ai parlé aujourd'hui des blocs réutilisables j'ai fait une conférence dessus donc une conférence entière d'une heure sur les blocs réutilisables à Marseille et puis voilà pourquoi je vous le montre parce qu'en fait finalement cette présentation donc ces slides finalement ont été faits avec Gutenberg donc entièrement avec Gutenberg en fait on peut aussi du coup gérer des slides de présentation donc voilà c'était un exemple un petit peu marrant avec voilà une application un petit peu spécifique de Gutenberg et ça se fait avec une extension qui s'appelle Gutenberg slide qui est disponible sur le repo je suis en train d'aller dans l'éditeur mais je pense pas que ça soit nécessaire je bascule du coup sur un autre exemple pour vous parler un petit peu de Gutenberg et montrer des exemples qui tapent un peu à l'œil avec le site de la Maison Blanche avec l'investiture de Joe Biden qui a été refait par l'agence 10-Up qui est une grosse agence de l'écosystème WordPress cette agence 10-Up elle a eu six semaines entre l'annonce de l'élection du président élu et son investiture donc six semaines pour développer ce site avec Gutenberg et il est sorti exactement comme il est aujourd'hui alors je dis pas qu'ils ont pas revu quelque trucs mais il est sorti vraiment nickel et ils ont tout fait ça entièrement avec Guten donc voilà quand même une belle référence pour WordPress mais les sites de la Maison Blanche sont depuis des années et des années sur WordPress mais une belle référence aussi pour Gutenberg et surtout voilà pour dire qu'en six semaines on peut faire un site qui clairement je pense à coûter son bon million de dollars au minimum mais voilà en tout cas ça a été fait avec Guten entièrement voilà quelques sites que nous on a fait de notre côté bah voilà c'est pas pour montrer ce que nous on est capables de faire mais pour montrer ce qui est possible de faire avec avec Gutenberg donc un site pour donc un groupe international qui est lié au transport voilà avec des mises en page un petit peu spécifique donc tout ça c'est des blocs qu'on a créés qui auraient pu être créés avec ACF nous on les a créés avec React pour avoir une expérience éditoriale un peu plus sympa dans l'éditeur mais voilà on est vraiment en fait voilà sur des choses qui ont été fait avec Gutenberg entièrement je vous montre un autre site qui est sorti cette semaine c'est pour ça que je le montre mais voilà qui n'est pas non plus extraordinaire on peut faire ce genre de choses tout un tas de technologie mais voilà ça va un petit peu plus loin on commence à avoir quelques animations etc et ça ça a été fait entièrement avec Gutenberg tous les contenus sont gérables avec Gutenberg et là peut-être qu'il y aura des commentaires de Thierry qui est dans l'écosystème depuis très longtemps bien plus longtemps que moi d'ailleurs dans l'écosystème et qui me dira mais on peut faire ça avec Biver et c'est tout à févré bien entendu on peut faire ça avec ACF avec des flexible content aussi il y a tout un tas de possibilités mais c'était pour montrer que voilà Gutenberg permet de faire aussi ce genre de choses et donc d'aller vraiment en fait sur les exactement le même marché en termes de sur mesure finalement que celui qui propose certains patchbuilders ou certaines technologies éprouvées depuis des années et des années comme ACF bah voilà Gutenberg permet d'aller sur ce genre de choses et de le faire bien sûr je ne peux pas ne pas montrer une réalisation dont on est assez content qui est sorti du coup je ne sais plus en début d'année mais c'est tout à l'automne qui est le site de VProquet alors si je peux je peux vous dire que s'il y a des personnes qui sont attentives au performance CE on a eu une grosse pression et Jonathan qui est bien sûr un copain nous avons une grosse pression pour ce site pour avoir un site qui était le plus performant possible et ce site a été fait entièrement avec Gutenberg lui il n'était pas parti au départ pour utiliser Gutenberg d'ailleurs il n'était pas du tout utilisateur il ne le connaissait pas et ce qu'il a fait switcher c'est justement de pouvoir déclarer en fait des CSS, des JS uniquement si les éléments sont présents sur la page c'est vraiment en fait pour répondre à des éléments importants dans les performances qui s'appellent Remove Unused CSS donc supprimer les CSS non utilisés c'est à dire d'avoir le moins de règles CSS et de script aussi javascript qui sont chargés alors qu'ils ne sont pas utilisés dans la page donc voilà on est sur un site où vraiment l'objectif c'était performance et objectif atteint complètement avec Gutenberg voilà donc maintenant ce que je vous propose c'est de revenir un petit peu à la présentation et aller sur ce qui nous attend dans Gutenberg donc les fonctionnalités à venir sur WordPress 5.8 d'abord puisque c'est la prochaine version majeure donc le site que j'ai utilisé pour faire mes petites démo avec Gravity Form qui ne marchait pas etc utilise WordPress 5.8 Alpha c'est encore que la première beta donc la beta 1 sort mardi prochain donc voilà vous pouvez l'installer ça commence à être bien stable à partir de la beta et donc elle est prévue pour mardi prochain ce qui nous attend donc pour juillet ça va être l'arrivée du full site editing donc l'idée du full site editing c'est de permettre une édition complète du site alors ça va se faire en étape mais une édition complète du site n'est pas uniquement un éditeur de contenu le site editing va permettre du coup déjà de déclarer de créer des thèmes compatibles blocs c'est à dire que tous les éléments du thème du header au footer en passant par une sidebar la page de 404 etc vont pouvoir être édité donc ça change complètement la donne pour les développeurs de thèmes qui vont créer en fait déclarer leurs thèmes via des fichiers gizones donc ils vont déclarer leur template à ce niveau là par exemple les blocs qui sont utilisables etc donc sur mon header je peux utiliser un bloc logo un bloc image pour faire mon logo un bloc navigation, des liens un bloc formulaire de recherche pour insérer un formulaire de recherche dans mon header etc on va avoir donc un système de templating avec ce qu'on appelle des query blocks qui permettent de créer en fait toutes les pages de remontées d'articles de news les modèles de pages par exemple de résultats de recherche tout ce qui est dynamique finalement donc ça va être géré avec des query blocks on va pouvoir gérer les modèles de pages 404 résultats de recherche, la mise en page du header du footer et de n'importe quelle autre partie du site il y a des éléments ensuite donc ça c'est déjà quand même beaucoup de choses ça change beaucoup, vraiment la donne pour les éditeurs de thèmes qui commencent à se plonger dedans ils commencent à y avoir des thèmes compatibles ils sont assez peu nombreux encore et c'est quelque chose qui finalement tout va dépendre comme pour Glutenberg au départ c'est à dire que quand Glutenberg est sorti en 2019 tout l'écosystème n'était pas prêt ça s'est mis en place plutôt en 2020 de la même façon en 2021 le full site editing va sortir, il sera disponible maintenant ce qui va finalement déterminer le fait que c'est pertinent ou pas ça va être finalement les éditeurs de thèmes et d'extensions et de ce qu'ils vont pouvoir en faire grâce à l'extensibilité de WordPress c'est pour ça que j'ai passé du temps à vous parler de l'extensibilité c'est que finalement ça ça va sortir en juillet 2021 mais clairement l'utilisation en production pour tout le monde ça va dépendre de comment vont s'approprier tout ça les éditeurs de thèmes etc quelques éléments sont quand même encore en cours de test donc ne sont pas validés à 100% on devrait le savoir du coup normalement mardi si ils sont validés ou pas c'est le widget editor donc ça dira un editor qui permet d'éditer les widgets de la même façon qu'on a des widgets aujourd'hui dans WordPress un écran cet écran il deviendra classique widget donc l'écran des widgets classiques et on aura du coup un widget editor qui remplacera notre éditeur notre écrans de gestion des widgets classiques on aura pareil par rapport au menu avec un navigation editor et la refonte complète du blog gallery le blog gallery c'est un exemple de choses qui ont été développées et un mauvais choix a été fait c'est que ce blog gallery c'est un bloc à part entière dans lequel on va ouvrir la bibliothèque de média et on va y mettre des images qu'on va chercher dans la bibliothèque de média l'idée c'est de refondre ce blog gallery pour avoir à la place un bloc un inner bloc qui contient des blocs lui-même et à l'intérieur ce qui est intéressant c'est qu'on va pouvoir aller chercher des images mais aussi des vidéos mais aussi mettre par exemple du texte sur une slide etc et l'idée c'est qu'il y avait un mauvais choix qui a été fait c'était d'appeler la bibliothèque de média et à la place ici en fait ça va créer un inner bloc un peu comme le bloc colon et à l'intérieur on pourrait y mettre ce qu'on veut donc voilà c'est une refonte de ce bloc et ça ces 3 éléments ils sont encore encore de test pour validation définitive ok donc alors là j'avais prévu un petit tour d'horizon du full set editing je suis pas sûr qu'on ait le temps donc ce que je vais faire c'est que je vais passer à la slide d'après d'abord et puis ensuite c'est Nicolas et Fabrice qui décideront si on a le temps de faire une petite démo ou pas donc je voulais finir quand même sur la roadmap complète du projet ce projet comme je le disais en fait il est axé autour de 4 phases différentes et c'est pas uniquement un éditeur la phase éditeur de blocs c'était sur la première phase de 2019 à 2021 cette phase éditeur de blocs c'était la phase 1 uniquement et elle est déjà faite c'est bon l'éditeur il est présent il est utilisé ça a été étendu par les éditeurs d'extension il y a des thèmes disponibles etc tout est ok maintenant on est à la phase 2 actuellement la phase personnalisation qui contient du coup la création des compositions de blocs donc voilà ça c'est quelque chose qui est fait c'est sorti du coup l'été dernier voilà en août 2020 donc les compositions sont disponibles ensuite ça comprend la création du répertoire de blocs le répertoire de blocs il est disponible sur WordPress.org ça c'est bon voilà on va sur WordPress.org je suis sur la version anglaise c'est pas grave et on va avoir les extensions qui contiennent l'époque qui seront disponibles ici oui bah c'était en haut voilà ensuite je reviens à mon écran on va avoir le répertoire des compositions de blocs sur répertoire de compositions de blocs il arrive cet été qui permettra en fait d'avoir un répertoire où les gens pourront proposer des compositions, des agencements que vous pourrez télécharger et utiliser sur votre site ce répertoire alors chute vous direz rien personne mais il est déjà disponible en beta test vous pouvez aller sur WordPress.org slash pattern donc c'est le nom des compositions en anglais et vous allez arriver sur le pattern directory et donc c'est aujourd'hui en beta pour l'instant mais vous allez avoir en fait tout un tas de patterns qui ont été créés par les contributeurs vous pourrez vous même contribuer des patterns et donc si je clique dessus du coup je crie sur un pattern j'ai pris n'importe lequel on va avoir la possibilité de le copier coller voilà je l'ai copié j'ai plus qu'à aller sur n'importe quel page de mon site voilà par exemple celle-ci et puis si ça déconne pas ça va m'importer mon pattern voilà directement et j'aurai une présentation donc des modèles de présentation qui seront disponibles dans ce répertoire ce qui est assez intéressant voilà pour avoir des éléments tout fait et puis surtout c'est contributif tout le monde pour pouvoir contribuer ses propres patterns donc ce qui est prévu pour 2019-2021 c'est l'édition complète de site donc le full site editing et puis les thèmes éditables c'est-à-dire qu'on puisse modifier les thèmes de A à Z, du header en footer en passant par le contenu pour 2022 donc l'année prochaine et après donc on aura la phase 3 avec l'édition collaborative c'est un projet qui tient un coeur énormément un coeur de l'équipe qui qui développe Glutenberg et notamment de Riyad qui est Franco-Algérien donc voilà quelqu'un qui a été présent beaucoup dans la communauté et qui a fait pas mal de work camp que voilà tous ceux qui suivent les work camp connaissent déjà donc Riyad Benghela qui travaille beaucoup là dessus qui a même déjà fait des partages des working progress et ça permettrait du coup d'avoir vraiment en fait une édition collaborative c'est-à-dire qu'on peut être à plusieurs sur un article et on va pouvoir éditer cet article éditer cette page c'est un projet qui peut vous sembler si vous faites des sites par exemple pour vos clients etc c'est un petit peu bateau c'est-à-dire pas très utile et pas très adapté en fait aux besoins des agences mais qui par contre tient beaucoup à coeur au projet Glutenberg vos développeurs du projet Glutenberg et je vais vous aller savoir pourquoi juste après on aura ensuite en phase 4 la gestion multilingue intégrée alors là du coup vous dites mais ou la la comment ils vont faire polylangue etc bah oui moi aussi j'adore polylangue c'est une de mes extensions WordPress préférées pour être honnête bah en fait vous inquiétez pas trop c'est à intégrer une gestion multilingue il y aura besoin de spécificité il y aura besoin de gérer des URL prop il y aura besoin d'avoir le support du multi-site il y aura besoin en fait finalement de tout un tas de choses et les extensions donc je ne parle que de polylangue parce que j'aime un peu moins les autres extensions concurrentes donc voilà je parle de polylangue polylangue qui a une expérience de 10 ans sur la gestion multilingue saura quoi faire pour justement proposer une expérience qui ira encore plus loin pour étendre les possibilités de Gutenberg en mode multilingue donc aucun souci à se faire de ce côté là surtout que polylangue participe activement au coeur WordPress et c'est tout à l'honneur finalement de Frédéric et de son équipe en parallèle et ça c'est un point important il faut savoir que Gutenberg donc c'est un projet c'est pas qu'un éditeur ça je l'ai déjà dit plein de fois vous avez compris mais c'est aussi c'est un projet qui est cross CMS c'est à dire que Gutenberg n'a jamais eu pour vocation de se limiter à WordPress Gutenberg a pour vocation de proposer une expérience éditoriale nouvelle unifiée finalement enfin nouvelle en tout cas quand il est sorti unifiée et qui a vocation finalement a proposer un éditeur de contenu pour le web et aujourd'hui donc alors dès qu'il est sorti il y a eu un module Gutenberg pour Drupal qui a été créé aujourd'hui j'ai l'impression que le projet finalement végète un petit peu parce que Drupal c'est un petit peu c'est pas forcément simple de maintenir un projet pour Drupal ceux qui utilisent ce CMS ou l'ont utilisé savent de quoi je parle mais du coup il faut savoir que Gutenberg est actuellement en fait déployé en cours de déploiement sur pas mal d'autres CMS et voire même d'autres outils que des CMS et c'est pour ça en fait finalement que je reboucle sur l'édition collaborative autant ça vous parle pas forcément par rapport à votre site WordPress de vos clients mais autant sur des applicatifs un petit peu spécifiques l'édition collaborative ça peut être très intéressant ici j'utilisais par exemple Google Docs l'objectif de Gutenberg c'est proposer l'expérience éditoriale sur le web c'est vraiment ça l'objectif de ce projet alors c'est un objectif qui peut paraître un petit peu ambitieux il l'est de toute façon WordPress a toujours été dans l'ambition et c'est ce qui fait quelque part sa réussite donc voilà et il faut savoir d'ailleurs que Gutenberg commence à être porté notamment pour des applicatifs mobiles c'est à dire vraiment des applications mobiles on est plus du tout dans le web on est vraiment dans l'application native et c'est quelque chose qui commence à être porté donc à être utilisé pour le mobile donc vous allez retrouver demain dans des applications mobiles que vous utilisez pour des usages qui n'ont rien à voir avec le web potentiellement voilà donc je vais rendre la parole du coup à nos à nos autres parce que je pense que c'est pas sûr qu'on ait bien le temps de faire une présentation on est déjà pas mal niveau timing donc pour toutes ces informations là je vais remasquer ton partage et là on a quelques questions une question de Thierry ça risque pas de devenir le bazar la bibliothèque de paternes si tout le monde en upload alors honnêtement je partage ton inquiétude non bah derrière ce qu'il va y avoir dans un premier temps c'est sûr qu'il y aura une modération comme pour la même modération que pour les extensions derrière ça ne sera pas la même modération que pour les extensions parce qu'en terme de code ce qui va être checker c'est évidemment déjà est-ce qu'il n'y a rien parce que dans ton paterne tu peux mettre des scripts etc donc voilà tous les techniciens savent quel danger ça peut représenter donc déjà il y aura des checks et ça ça sera automatisé sur la sécurité mais en plus j'imagine j'ose espérer qu'il y aura des checks sur est-ce que ce paterne il n'est pas un peu trop similaire parce qu'on a déjà 100 fois etc est-ce que c'est bien classé aussi on voit qu'il y avait des petits rubricages je pense que c'est pas suffisant donc de ce côté là je t'avouerais que je ne suis pas les chercher plus que ça en fait ce qui était en cours mais en tout cas ça me paraît nécessaire effectivement d'avoir du tri et au moins une équipe de modération pour gérer tout ça allez n'hésitez pas à me poser vos questions les dernières questions j'ai également Laurent ici dans cette galerie est-ce qu'il est dans la beta gut alors oui mais il faut installer l'extension guttenberg donc tu peux le faire tourner sur WordPress 5.8 beta 1 qui va sortir mardi dans la version alpha que j'ai utilisée moi si tu veux mais dans tous les cas il faut installer l'extension guttenberg donc vraiment en fait la version en développement de guttenberg c'est nécessaire donc tu installes l'extension, tu peux le faire tourner sur WordPress 5.7 ça marchera aussi et là tu auras ton nouveau bloc galerie pour pouvoir le tester ok une autre question de Laurent également ouais alors le thème 2021 blocks donc 2021 vous connaissez c'est le thème qui est sorti fin 2019 et qui c'était le nouveau thème par défaut de WordPress celui qui est vert ce fond vert on peut le passer en blanc c'est vachement plus joli je trouve bref par un thèse faite oui donc du coup il y a eu une copie de stem en mode bloc editor donc pas bloc editor, site editor donc full site editing et qui permet effectivement de tester le full site editing globalement, enfin entièrement on peut éditer le footer, on peut éditer le waider on peut éditer tout, on peut tout casser aussi d'ailleurs voilà donc il a été vraiment fait pour tester donc c'est ce thème tt1 blocks, vous pouvez le télécharger sur le repo voilà gratuit mais bon c'est une évidence vous pouvez le télécharger sur le repo il est disponible je vous recommande, puisqu'on n'a pas le temps de faire la démo c'est d'installer si vous avez la possibilité et aussi l'intérêt mais je vous recommande vraiment de le faire c'est d'installer en fait un petit WordPress vierge d'installer l'extension guttenberg donc voilà vous téléchargez le plugin l'extension guttenberg sur le repo vous l'installez ensuite vous allez dans les thèmes vous installez tt1 blocks et vous aurez du coup cette nouvelle expérience de full site editing que vous pouvez tester entièrement une petite précision moi je vous recommande toujours de tester les choses avant qu'elles sortent voilà dans un environnement qu'on met à la poubelle ensuite l'intérêt en fait que vous aurez en faisant ça c'est que avant que ça sorte vous serez déjà à peu près comment ça marche et finalement ça évite de se retrouver un an plus tard en se disant bon car même j'ai loupé un peu des choses sur guttenberg il y a des choses qui ont l'air intéressantes maintenant c'est mature etc au moins vous serez déjà à l'avance qu'au moins comment ça marche vous aurez cette culture là même si vous l'utilisez pas tout de suite une culture là du full site editing et des concepts éditoriaux qu'il y a derrière pour le responsif merci jose pour le responsif design c'est pas un peu plus difficile à gérer guttenberg pour les personnes qui sont habituées à élémentaires vous avez l'habitude de gérer quand vous mettez des blocks car vous mettez des éléments éditoriaux élémentaires va vous proposer d'éditer la version mobile, des stops voire même tablettes guttenberg part défaut nativement il propose pas ça, pourquoi ? parce qu'il part du principe que le responsif c'est au thème de gérer c'est au css, c'est à la feuille de style c'est pas à vous de décider que ça s'empile ou que ça se met à côté et finalement c'est le thème qui est censé gérer tous les cas de figure donc ça c'est guttenberg native par contre tous les outils du genre stackable adon pour guttenberg enfin en gros toutes ces collections de blocks, elle propose d'avoir un peu comme élémentaires la version mobile, la version tablette la version des stops et de pouvoir éditer avec des spécificités etc etc donc du coup c'est effectivement possible de le gérer soit avec des adon mais ce qui est recommandé moi ce que je recommanderai toujours c'est d'avoir un thème qui est responsif et c'est lui qui va s'occuper de tout gérer pour toi et de décider pour toi comment ça s'affiche une question de janie également qui nous demande si guttenberg est ok pour le mobile first bon mais là clairement oui à partir du moment où le thème est responsive et que les mêmes contenus s'affichent sur mobile que sur desktop on n'a aucun problème là dessus en fait c'est un peu la même réponse c'est la même réponse en fait tout va dépendre du thème c'est à dire que si tu télécharges janie du coup un thème qui est mobile first bah guttenberg sera mobile first en fait parce qu'il va que permettre de gérer les contenus c'est le thème qui va gérer la partie mobile first sachant que les thèmes mobile first sont pas forcément faciles à trouver mais là du coup pour le coup j'en profite c'est pas pour faire de la pub encore une fois c'est plutôt parce que pour avoir quelque chose à dire c'est du coup on vient de finir un site mobile first pour la ville de Drø donc c'est les transports en commun de la ville de Drø les auto-cars etc voilà on a les lits de bus etc et ce site est forcément mobile first vu que 80% du trafic se fait sur mobile voilà pour avoir les horaires et on l'a fait entièrement avec guttenberg évidemment vu que de toute façon on fait 100% nos sites avec gut mais du coup ça nous a évidemment posé aucun problème en fait finalement on a passé plus de temps à réadapter un truc qui fonctionnait super bien mobile first à le réadapter pour desktop dans un second temps pour le mobile first tout comme le tablet first si ça existe en tout cas enfin voilà il n'y a pas de soucis mais je rajouterai aussi pour l'avoir testé neve en version thème qui est mobile first tu ajoutes l'extension amp que propose nativement WordPress et on te permet carrément de choisir de choisir en fait la méthode que tu veux utiliser et franchement les scores sont juste impressionnants donc ta neve et ta astra tu as généré de presse si je dis pas de bêtises c'est 3 là déjà de base tu peux y aller sans soucis et ils sont extrêmement customisables à foison donc pas de risque d'être bloqué dans un genre bingo j'avais prévu de parler d'astra je te promets il est noté dans mes notes je sais qu'il ne veut pas nous présenter non non voilà ce sera le besoin de refaire un petit tour sur Google une dernière question de Jérôme qui te demande si vous faites vos blogs utenberg avec ACF en natif ou en natif chez vous Donitz alors mon cerveau a voulu répondre je fais une réponse honnête mon cerveau a voulu répondre en natif pourquoi ? parce que c'est philosophiquement c'est ce qu'on veut faire proposer une belle expérience native etc et bonne soirée tirée voilà donc c'est ce qu'on veut faire malheureusement tous les projets n'ont pas forcément toujours le même budget c'est toujours le même planning et finalement plus que le budget c'est plus le planning qui va décider de ça et quand on doit faire un site en quelques semaines avoir des blogs fait avec ACF ça permet d'aller beaucoup plus vite parce qu'on va faire des blogs en PHP avec une technologie que le thème développeur on n'a pas besoin de faire monter un développeur avec des compétences réactes qui vont pouvoir faire gérer directement ils vont pouvoir gérer leur site directement via les développeurs qui interviennent dans le thème et ça va beaucoup plus vite effectivement quand on a des contraintes de planning les blogs ACF c'est cool maintenant derrière en termes d'expérience on est dit tout dans la colonne latérale en termes d'expérience éditoriale ça va pas aussi loin que ce qu'on peut faire avec des blogs natifs tous les sites que j'ai montré le site de Rocket, le site de Systra le groupe de transport etc ces sites là c'est fait avec des blogs natifs c'est des sites qui ont mis des mois à être développés mais c'est tout faire natif derrière si on veut aller vite c'est tout propre ACF blog, vous avez vu le code que je vous ai montré il y a un peu de CSS un peu de PHP, du HTML il n'y a pas de réacte à apprendre ça va super vite à mettre en place le blog que je vous ai montré je l'ai développé d'ailleurs entre midi et 2 entre la porc et le fromage vite fait quand tu as rappelé que t'as intervené ce soir c'est ce que je voulais pas dire mais c'est un peu la réalité ce qu'il y a bien c'est effectivement moi pour avoir vu les dernières créations on sent qu'il y a un gap qui est très clair sur les dernières années ou franchement le boulot qui a été fait, c'est super propre c'est beau, maintenant vous êtes 100% goutte les performances sont en plus meilleures moi j'encourage tout le monde et c'était un peu le sens de l'intervention de Shibé a vraiment commencé à vous pencher très sérieusement sur Putain Berg c'est très beau il n'y a pas photo en termes de performance donc voilà je vous conseille ceux qui sont encore hésites ceux qui sont encore sur du TV du élémentaire je dis essayer un projet au moins 100% goutte vous verrez que vous allez vous régaler moi je m'y suis mis tardivement un réfractaire total à Putain Berg quand il est sorti et j'ai fait mon méa culpa et je suis aujourd'hui un des plus ardents défenseurs de goutte donc ça Nico peut-être un mot non mais très bien merci beaucoup à Shibé d'être intervenu c'est vraiment sympa de ta part d'être venu chez nous c'était même un super honneur de ta voir merci beaucoup d'être toujours là pour m'aider à organiser tout ça et puis on vous souhaite un bon apéro comme à Dean Thierry de bonnes vacances et puis on se retrouvera donc à la rentrée pour un prochain meetup on vous donnera le menu Shibé encore merci ça qui est très sympa, merci la communauté à très bientôt on se dit à très bientôt à plus, au revoir