 bonjour tout le monde alors première chose du coup si vous comme moi vous voulez vous la péter et utiliser guttenberg pour faire votre présentation donc vos slides etc ne le faites pas parce que déjà c'est compliqué à utiliser en back office etc et en plus du coup ma toute ma présentation est sur internet donc je toute la présentation repose sur un téléphone qui est ici connecté en 4g c'est pas forcément super pratique bref du coup pour aujourd'hui du coup je vous propose de parler de guttenberg parce que du coup c'est quelque chose qui m'éclate pas mal que j'ai pas mal défendu aussi voilà j'ai pas mal pris des coups aussi en le défendant et donc aujourd'hui je vais lui rendre honneur en parlant de quelque chose qui est un petit peu oublié et qui pourtant est super puissant c'est les blocs réutilisables alors du coup pour me présenter rapidement pour présenter rapidement du coup moi je m'appelle jb je suis directeur technique de l'agence ou de nit tous les copains sont sont devant ça fait plaisir la classe du coup moi je suis aussi développeur corps en ce moment j'ai l'impression de travailler pour voir presse mort plus et contribuer pour ou de nit plus que que l'inverse mais enfin voilà c'est quelque chose qui est important pour moi la contribution j'ai beaucoup travaillé sur 5.3 donc si vous n'aimez pas les nouveaux styles du bac office ben c'est moi qui faut taper puisque c'est moi qui m'en suis occupé donc vous pouvez me choper dans un coin un peu plus tard et me faire la peau je suis représentant aussi l'équipe d'accessibilité de wordpress au niveau international ok du coup on arrive sur guttenberg guttenberg l'objectif c'était l'objectif de base en fait c'était pas juste de concurrence et wix non c'était pas aussi non plus de je parle pour aucun quinquennat c'était pas non plus en fait finalement de faire plaisir tout simplement à mathe etc en mettant réacte en utilisant du coup un framework d'ailleurs js développé par facebook non c'était pas ça l'objectif l'objectif c'était d'avoir d'apporter de la cohérence dans le bac office qu'on n'est plus qu'une seule façon finalement de gérer du contenu au lieu d'en avoir des dizaines à savoir gérer du contenu avec l'éditeur classique avec les short codes avec les champs personnalisés avec acf avec des widgets une gestion de menus qui est encore complètement différente bref l'idée c'était de pouvoir gérer le contenu en fait de une seule et unique façon d'en wordpress avec des blocs qui sont des entités éditoriales finalement indépendantes et qui peuvent être utilisés à l'infini bref en gros la cohérence était le principe clé moi je vais vous parler aujourd'hui du bloc réutilisable parce que ce bloc réutilisable le principe de réutilisabilité dans les blocs du timberg du coup était quelque chose qui finalement est passé un petit peu de façon cachée on le voit pas on l'utilise pas forcément alors qu'en fait c'est super puissant et je vais vous faire pas mal de démo sur cette conférence pour vous montrer que pour moi en fait c'est quelque chose de très important d'abord ça permet en fait de simplifier l'interface enfin simplifier enfin je me suis mal embarqué dans ma slide le principe clé en fait des blocs réutilisables c'est d'avoir une interface qui soit très simple à utiliser en fait c'est directement de l'éditeur vous allez enregistrer un bloc comme étant réutilisable et vous allez réutiliser ensuite sur d'autres pages de contenus ensuite derrière ce contenu il sera utilisé il sera utilisable finalement sur n'importe quel contenu donc vous allez créer un article et vous allez pouvoir réutiliser le bloc qui est un bloc qui a été créé pour une page d'accord ensuite du coup il y a un autre intérêt c'est que vous allez avoir un contenu qui sera synchronisé c'est à dire que si vous le modifiez sur une page ou sur un article cette modification apparaîtra sur les autres pages ou articles ou le bloc est utilisé et vous allez pouvoir le désynchroniser ce contenu c'est à dire que votre bloc en fait vous allez pouvoir bien dire finalement je ne veux plus qu'il soit synchronisé je vais le convertir du coup en bloc guttenberg normal et dans ce cas là en fait il sera plus le contenu sera plus synchronisé et vous allez pouvoir l'éditer de façon indépendante alors petite démo si ça marche yes voilà donc du coup ici j'ai un bloc media plus texte avec un joli logo sur un font rose voilà et je vais le rendre réutilisable donc ce que je vais faire c'est que je vais utiliser les tri vertical dot donc les trois points verticaux qui est le petit menu un petit peu caché d'ailleurs de guttenberg je vais cliquer du coup sur ajouter au bloc réutilisable je vais lui donner un nom voilà je vais l'enregistrer et automatiquement il va se ranger dans ma bibliothèque de bloc réutilisable c'est alors pour l'instant je l'appelle bibliothèque de bloc réutilisable mais en fait vous allez voir qu'il y a ensuite ce qui est intéressant c'est que je vais le retrouver du coup directement dans mes blocs et que je vais pouvoir les réutiliser réutiliser ce bloc finalement autant que je veux d'accord pour l'instant a priori tout le monde a déjà vu ça il n'y a rien de nouveau dans cette conférence pourquoi est ce qu'il nous parle de ça on ne sait pas alors pourquoi il nous parle de ça déjà parce que au niveau d'hitorial en fait finalement ce que je viens de faire c'est assez intéressant parce qu'on va pouvoir utiliser des blocs réutilisables pour plein de cas de figure notamment un bloc hauteur par exemple par défaut voire presse permet de gérer ben finalement un certain nombre d'informations d'auteur etc ça va pas très loin par défaut alors bien sûr on peut rajouter des champs personnalisés avec acf etc mais tout simplement avec un bloc réutilisable vous allez pouvoir faire une petite un petit bloc avec voilà j'ai une démo en fait autant y aller avec voilà votre petite photo votre nom au rater au world camp marseille parfait on va mettre ça sur un sur un petit fond coloré et vous allez enregistrer sans bloc réutilisable vous allez pouvoir le réutiliser sur tous vos articles finalement en pied de page en entête etc à notre intérêt ça pourrait être par exemple d'avoir une licence se contenu est disponible sous licence créative commons donc utilisez-le mais mettez un lien vers mon site etc ça ça peut être intéressant et comme ça vous avez juste en fait à le créer une seule fois et vous allez aller chercher dans votre bibliothèque de bloc réutilisable et le réutiliser pour n'importe quel article on pourrait avoir un truc retrouver moi sur les réseaux sociaux alors oui je suis pas designer évidemment donc c'est très moche c'est pas très accessible en plus le rose le noir sur rose on va pouvoir avoir un call to action voilà un call to action qui est plutôt joli et qu'on va pouvoir réutiliser surtout nos articles on va pouvoir utiliser du html personnalisé elle là je me suis complètement foiré parce que c'est pas beau du html personnalisé en fait qu'on va insérer avec le bloc html personnalisé justement qui sera une high frame par exemple provenant d'un autre site et ici je m'en sers pour embarquer du contenu de créatifs commons ok donc ça c'est tous les cas de figure où on peut utiliser des blocs réutilisables et même du pseudo templating on pourrait très bien en fait imaginer du un bloc réutilisable qui contient finalement une un layout c'est à dire une mise en page en fait finalement avec des colons etc et qu'on va en fait insérer dès qu'on va créer un nouvel article ou une nouvelle page et qui va servir finalement de modèle pour créer finalement son article ou sa page mais je voudrais aller plus loin et du coup pour ça en fait il faut parler de comment ça fonctionne d'abord en back office vous avez une interface je l'ai montré rapidement qui permet de sélectionner et de rechercher des blocs réutilisables cette interface elle est intégrée dans guttenberg directement vous avez aussi la possibilité de modifier les blocs et tac je reviens sur mon interface de blocs réutilisables on peut donc modifier mon bloc voilà ici je vais ajouter du texte je vais cliquer sur enregistré et ça va le modifier en fait automatiquement de partout alors bien sûr pour la démo du coup ça foiré pourquoi je ne sais pas si ça marche c'est juste qu'il faudrait actualiser bon et fait des mots bref du coup on va pouvoir modifier son bloc et si on souhaite le désynchroniser il suffit en fait de cliquer sur les tri verticules dot convertir un bloc guttenberg normal et mon bloc va être reconverti il y a encore des petits bugs d'affichage on voit que du coup ça s'est réagrandi parce qu'en fait le l'interface bloc réutilisable du coup est limité à la largeur du contenu donc si on crée en fait un bloc et qu'on l'enregistre en bloc réutilisable il va se réduire mais ça c'est uniquement visuel en front office du coup ça ça ne change rien bref du coup je continue sur ma petite slide on a un écran gestion dédié alors là il faut faire la démo parce que ça pour le coup vous ne le voyez pas par défaut je vais aller du coup sur mon back office d'accord je vais dans l'url remplacer donc on voit qu'on a wp tiré admin vous connaissez un voilà c'est mon administration un point d'interrogation et donc dans l'art recad du coup on a post type égal page je suis sur le listing de mes pages je vais remplacer ça par wp underscore bloc et je vais arriver sur une interface du coup de gestion qui est cachée dans le back office par défaut ça va bientôt évoluer d'ailleurs ça mais on en reparlera et je vais arriver sur une interface où je vais avoir tous mes blocs réutilisables qui sont listés d'accord donc ça déjà ça commence à être un petit peu intéressant parce que ça veut dire que si je clique sur un bloc réutilisable par exemple template je reprends du prendre lui par exemple mon bloc ou ici ben je vais arriver sur une interface où je vais éditer mon bloc de façon indépendante et donc mes modifications vont se répercuter sur tous mes blocs réutilisables que j'ai fait sur mon site intéressant on va avoir du coup en fait finalement la possibilité de créer des blocs en dehors du contexte de l'article c'est à dire qu'on crée des blocs finalement et ensuite on va aller dans nos articles et on va l'insérer donc voilà finalement on est en dehors du de ce contexte là on va avoir la possibilité aussi sur cette interface par défaut donc nativement je reviens en arrière on va avoir la possibilité d'exporter des blocs en j zone donc en j zone et de les importer donc ça vous permet de communiquer par exemple sur un site du coup vous allez créer des blocs vous allez les exporter les importer et les réutiliser ce qui est plutôt intéressant et finalement du coup ben on qu'est ce qu'on a en fait ici et c'est ça dont je vais parler dans cette conférence parce qu'elle ne fait que commencer c'est finalement un contenu transversal aussi qui va être enregistré au sein d'un type de contenu qui s'appelle wp underscore bloc donc ça c'est un type de contenu un cpt un type de publication un dédié va me tuer un type de publication donc qui est natif un type de publication type de publication un type de publication j'insiste un type de publication réfléchissez faire des trucs avec un type de type de publication on peut faire plein de choses on peut vraiment faire plein de choses un type de publication ça veut dire que chaque bloc réutilisable est enregistré comme un type de publication donc il a un ID donc son contenu va être recetteable donc je vais pouvoir créer une liste en front office de tous mes blocs réutilisables je vais pouvoir afficher mes blocs réutilisables en faisant une petite requête wp query c'est intéressant non je vous propose de faire un petit test on va faire une quelque chose qu'on fait habituellement de façon très classique c'est récupérer le contenu d'un poste à partir de son ID sauf que ce poste ça va être un bloc réutilisable intéressant non alors je suis sur une page de mon site de présentation qui est magnifique et je voudrais mettre un bloc réutilisable et le foutre dans mon foutreur d'accord c'est ça l'objectif je vais créer une petite un petit peu de code PHP je vais aller comme un gros sale dans l'éditeur de thème je vais aller dans mon pied de page donc dans mon fichier footer pour un PHP ne faites pas ça chez vous et je vais alors c'est bien j'avais tout prévu voilà je vais mettre ma petite fonction je mets à jour le fichier et normalement si je ne mange pas un énorme effet des mots je vais retourner sur ma page c'était pas elle magnifique je vais avoir du coup mon bloc réutilisable qui va s'appliquer en footer donc ça veut dire qu'en dehors du contexte d'un article d'une page je vais pouvoir utiliser en fait du contenu qui a été créé via l'éditeur guttenberg c'est intéressant non moi je trouve ça génial et je cherche du coup ma présentation je l'ai perdu à voilà c'était ça c'est logif trop fort ok du coup maintenant pour les développeurs on va parler un petit peu au dev il ya beaucoup de gens qui sont développeurs ici elle élevait la main il y en a plein du coup pour les développeurs maintenant dans le fraction point PHP on va pouvoir créer une fonction qui s'appellera get reusable blocs si vous allez bien sûr préfixer par exemple vodkmarsay underscore get reusable blocs qui va permettre du coup d'aller chercher bien finalement le contenu d'un post par son id que vous allez retourner du coup dans la fonction et ça sera utilisable en utilisant gil echo get reusable blocs avec l'id de la page d'accord c'est tout simplement ce que je viens de faire et ça ça permet en fait de le mettre dans son fonction point PHP pour pouvoir le réutiliser où on veut on peut aller plus loin on peut créer un code court un short code ce short code en fait donc là le j-mil code ça fait 5 lignes c'est pas très compliqué de créer des short codes dans votre presse et ce qu'on va faire c'est qu'en paramètres on va mettre la id et ça va permettre du coup en dehors du contexte de l'éditeur finalement d'aller chercher un bloc réutilisable et de l'afficher où on veut il ya plein d'utilisation pour ça plein d'utilisation pourquoi parce que il ya plein d'endroits dans le back office wordpress où on n'a pas l'éditeur guttenberg pas encore pas encore ça va venir mais pas encore et du coup je vous propose un exemple avec gravity forms qui est une extension du coup de gestion formulaire il y en a plein d'autres et d'ailleurs sûrement des meilleurs mais gravity form et une extension plutôt intéressante donc j'ai un formulaire il est plutôt rgp d compati parce qu'on récolte même pas l'adresse email de la personne nickel ce formulaire du coup je vais aller dans la gestion de la page de confirmation la page de confirmation c'est ce qui s'affiche une fois qu'on a rempli notre formulaire ok confirmation par défaut et ici j'ai un éditeur qui classique donc tanie mce le truc à l'ancienne ce que je veux faire c'est que je vais mettre mon short code alors il a un peu changé le nom mais bon vous comprenez je vais mettre mon short code et ça va me permettre en fait finalement ce short code d'afficher à l'intérieur de ma page de confirmation gravity form du contenu qui a été créé avec l'éditeur guttenberg donc j'enregistre je vais sur ma page contact je ne sais plus où aller ah oui c'est ça le tac hop je vais remplir mon formulaire je vais écrire mon message et mon short code va s'afficher en clair génial bravo jb désolé c'est les aléas du direct donc je recharge ma page et je vais faire comme si j'avais ré envoyé mon formulaire et cette fois-ci je vais avoir mon super bloc qui va s'afficher donc en gros l'idée c'est que finalement ces blocs réutilisables l'intérêt en fait finalement ces blocs réutilisables c'est qu'ils sont réutilisables en dehors du contexte de l'éditeur donc ça nous permet de faire plein de choses de les insérer via des champs a cf ou encore via plein d'autres choses qu'on va voir bientôt donc l'intérêt en fait finalement c'est que en dehors de l'éditeur on peut insérer finalement des contenus qui ont été créés avec l'éditeur on peut aller plus loin et du coup pour ça en fait il y a des gens qui sont pas développeurs dans la salle il y en a pas mal et ça c'est cool pourquoi parce que du coup je vous ai fait une petite extension qui est gratuite qui est sur votre presse morgue donc je fais pas de pub spécialement voilà si en fait mais bon bref qui s'appelle reusable bloc extend dead extend did on s'en fout on est en France pas besoin de bien prononcer l'anglais et donc cette extension en fait c'est une extension de démo de test de jeu pour moi mais en fait finalement vous pouvez l'utiliser en production très facilement et ce qu'elle permet en fait c'est d'étendre cette fonctionnalité bloquer utilisable en vous créant des shortcode automatiquement dès que vous crée un bloc réutilisable en vous créant une fonction php très simple à utiliser pour les développeurs mais aussi en vous créant plein d'autres choses comme des widgets intéressant ça veut dire vous pouvez créer un bloc réutilisable dans les dits dargutain berg et vient un widget ensuite l'insérer dans votre sidebar dans votre page de fou dans votre pied de page etc etc et ça finalement ça va être accessible à tout le monde avec cette extension en bac office du coup ce que cette extension elle commence par faire c'est déjà montré l'interface de gestion des blocs réutilisables donc c'est la première étape finalement c'est qu'une fois que vous allez activer l'extension en bac office vous allez avoir un menu bloc réutilisable qui va vous permettre de gérer votre bibliothèque de bloc réutilisable ce que fait l'extension ici c'est qu'elle crée pas en fait le nouvel élément de menu c'est juste qu'au lieu de faire comment presse qui la cache par défaut ben ça l'affiche et ensuite du coup sur cette interface de gestion de blocs réutilisables plutôt que lister uniquement les blocs comme on l'a vu tout à l'heure dans l'affichage par défaut on va ajouter quelques colonnes et on va montrer par exemple lister toutes les publications donc page article etc sur lesquels le bloc chaque bloc réutilisable a été utilisé ça ça peut être intéressant comme ça si vous modifiez un bloc réutilisable qui est utilisé un peu partout vous savez déjà quelles contenus seront impactés donc ça peut être intéressant ensuite du coup sur la colonne qui est plutôt à droite on va avoir l'affichage bloc par bloc du coup du code court donc du shortcode que vous allez pouvoir réutiliser et copier coller à l'endroit que vous voulez directement d'accord tac le shortcode est ici on va avoir la fonction PHP qui va s'afficher permettant du coup d'afficher finalement le chaque bloc réutilisable et puis on va avoir alors là et fait des mots attention on va avoir la possibilité d'avoir un aperçu c'est une fonctionnalité totalement expérimentale en fait ce que je fais pour les devs du coup ce que je fais ici pour obtenir un aperçu c'est que je vais aller à chaque fois que quelqu'un se connecte en front donc visite le site finalement je vais à stocker dans un transient toutes les feuilles de style donc toutes les css finalement du site dans un transient et je vais les utiliser en back office donc si vous installez l'extension au tout début vous n'aurez pas l'aperçu et il y aura un petit message finalement qui vous dira aller sur votre site en front office et revenir et du coup ensuite ça marche donc ça marche plutôt bien ça marche plutôt bien pour des contenus qui sont pas dynamique dès qu'on a des contenus dynamique du coup c'est un peu foireux l'aperçu mais c'est quelque chose de plutôt intéressant donc là j'ai mon cta par exemple qui est tout pété parce que du coup il est prévu pour s'afficher de façon large et là il s'affiche dans une zone un peu plus réduite ah oui ce que fait l'extension aussi c'est qu'elle prévoit un widget dédié donc je vais dans apparence widget je vais aller chercher mon widget bloc réutilisable je vais donner un titre et ici je vais avoir un petit sélecteur qui me permet de choisir finalement le bloc réutilisable que je vais vouloir afficher lequel je prends le call to action je vais en front office et en front office j'ai mon call to action qui s'affiche bon c'est pas très joli mais en tout cas ça fonctionne alors maintenant du coup pour rigoler parce que pour l'instant on s'ennuie un petit peu et puis je vous montre des choses qui sont finalement un peu faciles à utiliser etc je vous propose un petit challenge c'est de monter un site avec classique editor donc l'extension qui permet de ne pas avoir guttenberg finalement le nouvel éditeur et d'avoir tout de même la possibilité d'utiliser guttenberg dans cette extension dans cette installation WordPress alors pour ce faire je vais aller sur un site de démo voilà super je vais vérifier que j'ai bien l'éditeur classique donc l'extension classique editor qui est installée qui est paramétré en mode éditeur classique uniquement c'est-à-dire que sur ce site on ne peut éditer du contenu que avec l'éditeur classique ok je vais vérifier tac voilà page d'accueil je suis bien sûr le bon vieil ancien éditeur parfait clique sur la page nickel bon ok mon site fonctionne avec l'ancien éditeur donc on n'a pas guttenberg du tout sur ce site retournant dans mon tableau de bord je vais aller dans les extensions je vais activer ma petite extension reusable bloc extended je retourne sur mes pages rien n'a changé je suis toujours sur éditeur classique par contre dans mon menu en back office je vais avoir la possibilité de créer des blocs réutilisables d'accord donc on va créer un petit bloc réutilisable qui va s'appeler qu'est ce qu'on fait on va faire un média plus texte j'aime bien les médias plus texte c'est plutôt pratique en fait je vais pas faire un média plus texte je vais faire une bannière pourquoi parce que j'avais prévu une image pour la bannière j'avais oublié tant qu'à faire on va la passer en pleine largeur je vais publier donc là ça publie rien du tout c'est un type de contenu qui est complètement virtuel je suis dans les blocs réutilisables d'accord je publie mon contenu je retourne dans mon interface de gestion des blocs réutilisables j'ai mon petit aperçu je vais réutiliser mon copier coller mon code court si j'y arrive je vais retourner sur ma page d'accueil je vais coller mon code court et je vais donc me retrouver avec mon bloc réutilisable en front donc je suis sur un site qui n'utilise pas du tout guttenberg avec de bonnes raisons peut-être c'est tout simplement que ce site a été fait il y a longtemps qui est la pleine des plances applicatives que il ya un page boulder un peu bizarre comme visual composer qui est installé dessus etc donc j'ai plein de raisons pour lesquels du coup j'ai pas installé guttenberg c'est à dire que j'ai activé classique editor et du coup je reste sur l'éditeur classique mais en revanche pour plein de bonnes raisons du coup j'ai envie d'insérer des contenus qui ont été créés avec l'éditeur guttenberg notamment pour sa gestion des colonnes ou pour la gestion du bloc bannière qui est quand même plutôt intéressante et du coup je vais pouvoir avec les blocs réutilisables finalement utiliser l'éditeur touche par touche élément par élément et insérer des blocs que j'ai créé avec l'éditeur voilà et du coup alors là ça c'était la la démonstration du coup dans l'éditeur mais on va avoir la possibilité bien sûr de la même façon d'aller insérer un bloc réutilisable dans les en utilisant les widgets et évidemment widget du coup j'ai mon bloc réutilisable donc du coup l'intérêt en fait finalement des blocs réutilisables c'est qu'on sort du contexte en fait uniquement de publication de pages ou d'articles et on va avoir la possibilité de créer du contenu qu'on va utiliser bien finalement complètement dehors dans au sein du thème dans le pied de page dans votre éditeur etc et finalement on a une fonctionnalité ici qui est vraiment puissante à mon sens en tout cas c'est pour ça que je voulais vous la présenter et voilà donc ben je vous remercie du coup pour pour votre intention en fait finalement il y a plein de temps pour les questions parce que je suis allé super vite et puis parce que finalement ça a pas trop merdé au niveau de la démo je suis disponible maintenant pour toutes questions et puis j'ai oublié de mettre les liens vers l'extension etc mais vous la recherchez sur wordpress.org et vous la trouverez facilement vous pouvez aussi en profiter pour poser des questions du genre pourquoi guttenberg a été forcé d'en voir de presse merci j'ai une petite question par rapport à l'utilisation des blocs réutilisables et directement dans l'éditor de blocs réutilisables tout alors quand tu es allé dans l'interface par exemple tu as fait une bannière est-ce qu'un bloc réutilisable tu peux complètement le changer et le passer en média plus texte ben oui en fait c'est exactement comme dans l'éditeur si tu veux je vais retourner sur mon petit ma petite démo voilà j'ai mon call to action ici en fait finalement avec tout mon contenu si ça du coup je décide donc c'est un bloc bannière si je décide de le transformer en bloc image bon j'ai fait n'importe quoi du coup ça va changer du coup de partout finalement mon super call to action avec ma tête du coup ton complètement pixelisé finalement de partout donc finalement en fait toutes les fonctionnalités de l'éditeur que tu as en fait dans l'éditeur directement tu les retrouves dans ton interface de gestion du bloc réutilisable c'est pas lié à un bloc précis et en fait d'ailleurs quand on parle de un bloc réutilisable un bloc réutilisable ça peut être plusieurs blocs on peut rajouter d'autres alors je vais créer du coup un paragraph je vais insérer une image je vais insérer un titre et tout ça finalement ces trois blocs si je l'enregistre ces trois blocs du coup sans mon bloc réutilisable donc je vais retourner sur mon site je vais aller sur n'importe quelle page comment je l'appelais call to action et du coup je vais avoir mes trois blocs qui vont s'afficher donc tu gères pas finalement qu'un seul bloc tu gères autant de blocs que tu veux ça peut être d'ailleurs tout le contenu d'une page finalement que tu crée et que tu vas insérer par exemple dans l'exemple que j'avais donné avec gravity formes quoi finalement et tu peux créer tout le contenu d'une page merci bon super présentation j'avais donc une petite question en fait moi je pense toujours en terme en terme de sio et je suis très content que guttenberg arrive dans wordpress parce que tous ces builders externes qui qui venaient s'installer dans dans wordpress et était assez néfaste en thème en termes de référencement et le souci qu'on avait c'est que quand on venait souvent d'installer un builder on avait toujours du code qui restait comme à l'époque visuel compositeur etc le souci c'est qu'aujourd'hui guttenberg il est quand même assez basique comparé à tous les builders que l'on a et moi ben ce que j'attends c'est que guttenberg monte rapidement en puissance pour arriver à faire autant de choses que ce qu'on fait avec d'autres builders qui sont là depuis pas mal de temps est-ce que tu as une vision sur le futur pour ça parce que par exemple il n'y a pas très longtemps là j'essaie de sur ainsi de bricoler quelque chose de jouer une mettre trois colonnes je voulais mettre des boutons avec un texte etc bon j'ai passé pas mal de temps j'ai pas réussi à mettre les trois colonnes comme je voulais donc est-ce qu'on a une vision un peu sur le futur du guttenberg est-ce que ça va rapidement évoluer ou est-ce que ça va un petit peu végétais comme ça sur merci pour cette question elle est c'est pas une question d'ailleurs c'est un débat même c'est un débat philosophique le non c'est même un article de blog en fait ta question du coup oui voir guttenberg évolue énormément d'ailleurs évolue trop vite finalement pour 5.3 finalement on a eu 12 versions de guttenberg qui ont été mergers donc ça veut dire que en une version de wordpress guttenberg a fait 12 versions majeures qui ont été intégrées d'un seul coup c'est énorme et c'est très difficile à suivre d'ailleurs pour la communauté pourquoi parce que guttenberg du coup est développé sur github du coup finalement en fait tout développeur voulait contribuer voulait modifier quelque chose dans guttenberg peut le faire hyper facilement alors que wordpress c'est beaucoup plus long finalement c'est un process qui est un process de papy qui va doucement on prend son temps etc guttenberg évolue très rapidement donc finalement ça c'est bien mais en même temps du coup ben ça veut dire que les choses vont changer souvent et effectivement là l'objectif finalement avec guttenberg c'est pas en fait d'être un concurrent de wix de un concurrent de visual composer un concurrent de dv etc c'est pas ça l'objectif l'objectif c'est finalement en fait d'instaurer une norme de publication de contenu sur internet et l'objectif d'ailleurs dans le projet guttenberg on le connaît grâce à l'éditeur parce que c'est finalement l'éditeur qu'on utilise c'est ce que j'ai présenté aujourd'hui mais l'objectif en fait du projet guttenberg c'est pas uniquement l'éditeur c'est ensuite derrière en fait finalement de proposer du c'est ce qu'on appelle la partie full site éditing finalement du projet de proposer un éditeur de site donc avec lequel tu vas construire ton footer ton navigation etc finalement le reste du bac office deviendrait complètement finalement annexe enfin c'est à dire que l'objectif c'est guttenberg permet de gérer l'ensemble de ton site. Ok ça tu me l'apprends du coup on pourra modifier carrément tous les éléments de son thème tous les éléments communs même du thème et travailler en dehors de la page en elle-même. Alors si tu utilises du coup guttenberg le plugin donc la version extension et pas uniquement la version core donc c'est disponible sur wordpress.org si tu l'installes tu vas pouvoir te rendre compte que tu vas avoir des blocs de navigation que tu vas pouvoir insérer tu vas avoir un bloc titre du site donc qui va aller chercher en fait le titre du site et l'afficher que tu peux remplacer par un logo ce que tu veux etc et finalement en fait ton thème ce que tu peux faire avec l'extension guttenberg c'est créer un thème qui est complètement blanc c'est à dire qu'il n'y a rien finalement il n'y a pas de contenu et gérer ton site uniquement avec l'éditeur. Ça c'est possible aujourd'hui déjà. Donc tu rajoutes en fait un plugin guttenberg à guttenberg qui est déjà présente dans le wordpress ça. Alors guttenberg est développé sous la forme d'une extension donc d'un plugin cette extension elle s'appelle guttenberg tout simplement si vous allez voir d'ailleurs elle est très mal notée tout le monde le sait enfin certains le savent elle est notée deux sur cinq ce qui est relativement ridicule et cette extension si tu l'installes du coup tu vas avoir en fait la dernière version de guttenberg donc de développement qui sera installée sur ton site. Attention patron à éviter de l'utiliser en production parce que des fois il y a des c'est une extension de développement donc il y a des choses qui peuvent être cassées ou qui peuvent péter d'un coup etc mais du coup tu vas avoir toutes les dernières fonctionnalités y compris du coup la gestion des widgets directement dans guttenberg et la gestion du menu de navigation également. Ok mon super merci beaucoup pour ta réponse. Merci pour ta question. Merci j'y vais pour ta présentation pour continuer sur ce sujet est ce que ça veut dire qu'à terme ce qui est dans la version étendue de guttenberg va rejoindre guttenberg. Qui est dans la version étendue. Tu viens de nous parler de cette extension. Alors l'extension est mergée du coup alors comment ça fonctionne en fait le coeur WordPress le développement c'est que du coup on a des versions mineurs et on a des versions majeures. 5.3 c'est une version majeure comme 5.0 comme 4.9 etc d'accord et on a 5.4 qui est en développement d'ailleurs qui est installée sur mon site de présentation là que vous pouvez installer et tester d'ailleurs dès que vous voulez et cette version du cours en développement à chaque fois que finalement en fait une nouvelle version va sortir on va aller récupérer toutes les modifications de l'extension guttenberg donc du plugin guttenberg et l'émerger à l'intérieur de WordPress donc en fait finalement le plugin la version plugin de guttenberg donc la version extension finalement et la dernière version disponible c'est pas du tout celle que tu as dans ton bac office c'est quelque chose qui va beaucoup plus loin t'as la gestion des widgets t'as la gestion du coup du menu de navigation qui est directement fait avec guttenberg etc et gestion de pied de page et en tête oui et non enfin oui mais c'est pas super stable voilà donc oui ça fonctionne c'est utilisable derrière c'est dans la roadmap c'est dans la roadmap c'est dans la roadmap de toute façon en fait ce qui est sûr c'est que demain tu vas construire ton site avec guttenberg et finalement ton thème ça sera juste une feuille de style ça c'est l'objectif à terme et finalement d'ailleurs un thème ça sera plus un peu plus qu'une feuille de style ce serait une feuille de style et un fichier jason avec ce qui est possible de faire ou pas via l'éditeur ça demain c'est finalement ce qui va arriver et c'est comme ça que c'est à ça que ressemblera un thème clairement je peux te demander comment ça se passe les relations avec les gens de chez divi et les mentors et autres à la perspective de se faire dégager parce que là je ne vois pas l'intérêt d'avoir un constructeur et guttenberg d'un sa version futur les choses se font pas en faite du jour au lendemain les choses prennent du temps guttenberg c'est deux ans de développement et encore c'est un an de développement du coup qui a été vu et suivi par la communauté un an de développement du coup uniquement en interne et ça a été pensé et finalement il y a il y a quatre ans il y a cinq ans finalement en termes de vision on va dire les choses prennent du temps de la même façon WordPress prévoit d'ici deux ans du coup l'intégration du multilingue nativement pour les langues ils sont pas là non si il est là pour les langues elle tend de s'adapter parce que les choses vont prendre du temps et en plus derrière finalement l'extension elle va changer de rôle l'extension finalement son rôle ça va être d'apporter du confort en plus d'apporter une gestion du multilingue qui est favorable pour le référencement pour le ci au etc et finalement en fait les éditeurs ont le temps de voilà de proposer autre chose de s'adapter sur dv finalement par rapport à guttenberg alors actuellement ce qui propose finalement c'est un bloc qui va tout simplement arriver en surcouche et qui permet ensuite d'être dans l'éditeur dv mais il pourrait très bien proposer des bibliothèques de bloc en fait finalement pour guttenberg en tout cas ce qui est sûr c'est que c'est ça la direction que prend WordPress n'est pas celle voilà des shortcodes d'une gestion ben si vous prenez n'importe quel page builder comme dv ou visual composer vous désactivez l'extension vous avez des shortcodes qui s'affichent de partout c'est quelque chose qui n'est pas du tout stable devant moi du coup j'ai frédéric qui fait des extensions de migrations de contenu qu'un tas du contenu entre shortcodes enfin avec des shortcodes qui est géré avec des shortcodes tu peux pas faire de la migration j'ai essayé en mes derniers du coup de faire je me suis mis un défi de faire une extension qui permet de migrer un site de visual composer à guttenberg je me suis dit putain si tu fais ça mec t'es riche et et j'ai pas réussi pourquoi parce qu'il ya trop de contexte trop de shortcodes c'est une usine la gaze en plus on a des divins briquettes partout etc finalement non c'est pas possible donc c'est ce type d'éditeur du coup même s'ils ont été très utiles par le passé sont pas du tout une solution d'avenir c'est au contraire une solution qui est une impasse technologique en plus c'est pas très intéressant de bosser avec ce genre de voilà de fonctionnement etc et clairement voilà tu fais la migration aussi en fait tu te rends compte que tu dois tout migrer en des copiers collés et refaire ton site de hazid en fait finalement quelque chose ajouter monsieur migration bravo pour ton extension est ce que tu sais c'est va être ajouté à wordpress en natif ou à guttenberg c'est très très pratique ouais alors l'extension est super pratique elle a 30 utilisateurs donc n'hésitez pas à gonfler un peu le chiffre non je ne vais pas la proposer pour intégration tout simplement parce que c'est une extension qui que j'ai développé tout seul et finalement alors j'ai une extension qui est une autre extension qui est pour le rgpd d'ailleurs je n'ai pas détaillé mais qui est en attente du coup d'une validation pour une intégration dans le corps et c'est un processus qui est hyper long c'est un processus qui qui dure six mois un an et il faut constamment du coup relancer etc enfin s'y intéresser donc non c'est pas le cas maintenant cette extension du coup l'objectif c'est déjà bien finalement de donner à quelqu'un qui n'est pas développeur finalement la possibilité de profiter de toute la partie réutilisabilité de guttenberg bonjour donc par rapport à ton extension en fait tout à l'heure on parlait de visuels composants etc pour moi la force de ces outils c'est qu'on peut avoir des blocs par exemple pour faire des listings de catégories etc est-ce que ton extension et même en fait guttenberg va remplacer les widgets et est-ce que dans ton extension tu as prévu de ce genre de de plugins supplémentaires pour avoir des blocs tipez pour aller chercher des catégories chercher des en fait si tu veux pour moi aujourd'hui la richesse de wordpress qui est du coup qui est la richesse de guttenberg maintenant c'est que tu vas sur le repo wordpress.org ou sur les thèmes de la forêt enfin code machin truc là et tu tapes guttenberg tu vas avoir une quantité énorme d'extensions finalement et c'est ça en fait qui est finalement intéressant avec l'écosystème wordpress c'est pour ça qu'on est tous là d'ailleurs c'est que c'est un écosystème qui est étendable c'est-à-dire que tu vas quelque chose ne te ça ne suffit pas tu veux aller plus loin finalement dans l'édition tu vas aller installer une extension qui correspond à ce besoin et finalement toutes les extensions qu'on avait avec visual composer avec d'autres page builder comme élémentaires aussi qui est une extension qui est loin d'être abandonné puisque du coup elle c'est une des extensions les plus utilisées l'un des page builder les plus utilisés dans le monde ben finalement en fait de la même façon avec guttenberg tu vas pouvoir éteindre les fonctionnalités et avoir tous les blocs finalement dont tu as besoin je sais pas par exemple par défaut du coup il ya des blocs paragraph titres image etc peut-être que tu as moi ça me suffit pour créer un call to action je vais mettre une image je vais mettre un bouton je vais mettre etc peut-être que dans ton call to action tu as besoin finalement d'y intégrer un bouton avec un avec des tags spécifique par exemple pour les suivre avec google tag manager ce genre de trucs et ben tu vas installer l'extension pour ça et finalement tout repose sur l'écosystème d'extension sur les développeurs d'extension et ainsi de suite bonjour merci pour ta présentation j'avais une petite question surtout sur guttenberg en tant que designer un des trucs les plus bloquants que j'ai pu rencontrer avec guttenberg c'est le fait de pouvoir frapper un ensemble de blocs pour y appliquer identifié en classe etc alors peut-être que ça a été mis en place entre temps puisque j'ai pas suivi les toutes dernières mises à jour de repasser de guttenberg mais je me posais juste cette question si c'était si c'était possible ou en tout cas prévu la question c'est de mettre des identifiants sur des blocs non des identifiants ou des classes sur un ensemble de blocs alors ouais c'est du coup tu peux mettre à jour represse vers cette fabuleuse version 5.3 qui est vraiment génial je suis sur ma page d'accueil je vais créer du coup quelques paragraphs de texte et du coup j'ai un ensemble de blocs et l'idée en fait ta question c'est de pouvoir mettre un identifiant ou une classe sur cet ensemble de blocs tout à fait on n'est pas sur un seul bloc je vais sélectionner mon ensemble de blocs je vais cliquer sur grouper d'accord et donc ça c'est une fonctionnalité qui est présente depuis 5.3 donc c'est normal si tu n'es pas à jour que tu ne l'as pas et du coup je vais avoir un bloc group qui va finalement servir de conteneur à mon ensemble de blocs donc je vais aller sur avancer et là je vais pouvoir ajouter ma classe éditionnelle voilà je mettra ma classe toto voilà je mets à jour et finalement du coup je vais avoir une classe sur mon ensemble de blocs ok super merci pas de souci là haut il y avait Fred aussi de polulang bonjour de la façon là que pour les groupes au final je voulais savoir on peut réutiliser des blocs dans des blocs faire de la récupération de blocs réutilisables on va essayer tout de suite alors donc j'ai un bloc call to action qui est un bloc réutilisable et à l'intérieur l'idée du monsieur c'est d'aller chercher un bloc à les blocs réutilisables sont interdits dans les blocs réutilisables c'est pas rigolo ah si oh une arme oui on peut alors évite évite riyad si dans quelques mois tu vois la vidéo de cette conférence fait quelque chose donc effectivement on a une grosse élargisonne et du coup tout pète donc non ne le fait pas ok merci merci en fait moi c'est pas une question c'est juste pour redire merci moi je passe mon temps à vendre des sites web wordpress et mon outil et c'est la première fois que je vois en vrai entre guillemets un développeur qui participe à wordpress donc merci pour me fournir cet outil ça fait vraiment plaisir de voir en vrai c'est la première fois que je viens au world camp et pour les petites digressions qui a eu sur divi moi je pittoriens au code chaque fois je touche un code ça me marque sur mon wordpress error php online bon et donc divi en fait m'a servi à moi à faire un petit peu plus que j'arrivais pas à faire avec gutembe donc pour les développeurs des fois c'est très difficile de dire on va pas toucher dans le code dans la démo que tu fais de temps en temps tu vas faire des copiers collés de code moi je ne m'irrisque pas donc juste sur gutembe moi mon souhait entre guillemets c'est juste pour les gens qui ne font pas de code d'avoir une hm qui soit encore plus simple déjà on comprend pas mal de choses mais que ce soit encore plus intuitif pour que moi en plus je puisse filer la main au client et qui puisse casser son wordpress en tout autonomie quoi merci non mais alors déjà merci c'est très gentil ce que tu as dit au début de ton ta question ton intervention un petit message par rapport à ça en fait d'être développeur du core de wordpress à rien de spécial c'est juste lever la main et dire attire moi je veux bien essayer de faire ça c'est ça qui s'est passé et finalement d'ailleurs tu contribue toi aussi à wordpress en étant là en fait finalement parce que des gens qui viennent au world camp c'est finalement des world camp qui s'est organisé qui continue à être organisé etc donc tout le monde ici contribue à wordpress j'ai envie de le préciser c'est très important par rapport à divi etc moi j'ai rien compte divi j'ai rien compte visual composite alors si car je l'utilise mais j'ai rien compte en soi c'est des outils ils ont été créés c'est des outils open source dans le code est disponible alors c'est des outils qui peuvent être premium payant mais le code est open source on peut se le refiler le passer à son voisin etc c'est génial en fait finalement moi j'ai rien compte du coup ces outils là voilà c'est pas du tout le sujet de la conférence l'objectif avec guttenberg c'est d'aller toujours plus loin dans finalement la philosophie de wordpress qui est pour le rappeler c'est democratise publishing c'est à dire l'objectif c'est de fournir des outils aux gens pour qui puissent publier du contenu sur internet c'est ça l'objectif de wordpress c'est pas faire que les agences gagnent le plus d'argent possible non c'est pas ça l'objectif de wordpress l'objectif de wordpress c'est de proposer des outils pour publier du contenu et que ces outils soient open source en fait finalement maintenant derrière ben les page boulders existent jusqu'à présent et fonctionnent encore toujours bien divi à une énorme communauté d'ailleurs en france et je sais pas s'il ya des gens qui sont en font partie cette communauté ici mais je les félicite parce que c'est une super communauté c'est vachement chouette maintenant derrière ben voilà cet écosystème là en fait de divi boulder ben finalement va se renouveler va évoluer en parallèle guttenberg l'objectif c'est voilà de proposer des outils qui vont beaucoup plus loin que ceux qu'on avait avant il ya un autre objectif aussi qui est un petit peu un objectif de dev c'est d'avoir une technologie réacte pour le coup qui va beaucoup plus loin finalement que ce qu'on avait avant dans wordpress ça a permis aussi un appel d'air en faisant venir plein de développeurs de haut niveau finalement dans l'écosystème après c'est on en profite aussi quelque part donc voilà il ya voilà divi va continuer à exister et guttenberg va clairement évoluer l'objectif avec guttenberg c'est clairement de proposer le futur finalement de l'édition de contenu et d'un attracteur enfin finalement donc c'est working progress c'est pas parfait c'est pas on peut pas tout faire forcément mais ça va s'améliorer bonjour merci pour votre présentation ma question va peut-être un peu trop loin mais est ce qu'il est possible le bloc réutilisable c'est du contenu statique ou on peut envisager d'avoir un contenu dynamique dans ce bloc absolument on peut par contre du coup je sais pas si j'ai pas tout pété avec le test du monsieur tout à l'heure alors je vais dans mes blocs réutilisables bon ça rame un petit peu je suis moins ça arrive je vais dans mon bloc réutilisable donc bonjour marseille que j'ai créé tout à l'heure et là du coup je peux tout à fait en fait utiliser dans mon bloc réutilisable insérer n'importe quel bloc ça on l'a vu donc des paragraphes etc j'ai mis des images des trucs simples mais on peut tout à fait aller chercher des blocs dynamiques qui sont créés par défaut par votre presse comme par exemple mes articles récents et là du coup ça va être finalement le bloc article récent donc la poste va aller chercher automatiquement les derniers articles publiés donc ce bloc est dynamique donc finalement je vais l'enregistrer dans mon bloc réutilisable et ça va être ben finalement ben automatiquement mini à jour à chaque fois que je vais publier un nouveau contenu et de la même façon donc du coup d'autres développeurs enfin pour ceux qui sont développeurs du coup vous pouvez créer des blocs parfois qui vont permettre de lister finalement d'aller chercher un type de contenu je sais pas moi conférence un type de contenu google map avec permettant de créer un google map etc et vous allez l'afficher ben si vous l'utilisez dans un bloc réutilisable et que ce bloc est dynamique il va être dynamique aussi dans le bloc réutilisable je me suis du coup un petit peu embrouillé mais en gros c'est oui c'est possible d'accord merci merci jb pour ta présentation il ya une question qui me titille depuis depuis votre presque zéro en fait le jour où j'ai découvert ces blocs réutilisables c'est pourquoi on l'a caché cette fonctionnalité elle est vraiment pas visible je suis sûr qu'il y a plein d'utilisateurs de l'éditeur qui ne l'ont pas vu encore et ben je sais pas enfin si je sais c'est parce que du coup il ya une volonté la décision qui a été prise c'était de le cacher je suis pas du tout d'accord pour moi c'est une fonctionnalité qui est hyper importante en fait dans butenberg je suis pas d'accord mais c'est pas parce que je suis pas d'accord que du coup ça va être ça va changer il ya des discussions c'est toujours ça fait toujours objet de discussion et finalement la seule façon du coup de faire que ça change c'est de demander que ça change aujourd'hui moi je suis tout seul à demander que ça change si demain du coup tous les deux du coup on va lors d'un chat des développeurs du coup demander et il faudrait vraiment avoir les blocs réutilisables qui soient affichés etc et ben du coup peut-être que demain ça va changer ta présentation participe à faire découvrir cette fonctionnalité mais c'est vrai que c'est à ma fin on a plein de fonctionnalités cachées dans d'embarque presse mais généralement ce sont des anciennes fonctionnalités qu'on a qu'on a mis sous le tapis pour pour ne plus les mettre en avant mais une nouvelle fonctionnalité je pense que c'est la première fois qu'on l'a qu'on la cache comme ça tout à fait et effectivement c'est pour moi c'est pas très compréhensible parce que finalement on a alors en fait elle est pas cachée d'ailleurs ouais pas complètement mais elle est difficile difficilement voilà c'est ça c'est-à-dire que là en fait ce que je vous ai montré du coup en modifiant l'url en ajoutant WP bloc pour aller sur le bloc réutilisable ou en instant mon extension qui va finalement montrer l'interface ben tout ça finalement c'est disponible en fait un par défaut d'en d'Angleterberg j'ai plus de connexion internet et dit je pense que ton téléphone n'a plus de batterie ou un truc comme ça bref effectivement car vous insérez du coup un bloc réutilisable vous avez une petit bouton un petit lien qui permet du coup d'accéder à la page de liste des blocs réutilisables depuis l'éditeur mais c'est super caché en fait et finalement effectivement le choix qui a été pris par l'équipe de développement c'est de dire cette fonctionnalité ne doit pas être montré pour moi c'est une erreur c'est pas c'est pas la chose à faire finalement c'est pas c'est pas le choix le plus intéressant demain ça va peut-être changer ou peut-être pas merci merci j'avais une autre question est ce qu'il est possible de créer des blocs réutilisables paramétrables c'est à dire par exemple en rajoutant une classe ou un titre mais qui sautent différents à chaque fois c'est à dire que le bloc lui-même va être réutilisable sur plusieurs pages mais avec un paramètre qui change entre chaque page alors effectivement du coup tu peux tu peux midouiller pour faire ça de façon c'est simple par exemple tu crée un short code et c'est ça finalement qui va changer qui va varier mais ce que je veux te conseiller plutôt c'est d'utiliser une extension que beaucoup de gens connaissent qui qui permet de créer des champs personnalisés comme a cf ou du coup qui permet maintenant de créer des blocs en fait un guttenberg directement là tu vas mettre ton paramétrage avec des casacochers etc machin qui permettent d'activer telle ou telle fonctionnalité et finalement bien ce bloc en fait une fois qu'il est créé dans la cf tu vas créer un bloc réutilisable ou tu vas serrer ce bloc et comme ça tu auras quelque chose qui sera finalement dynamique qui pourra changer en fonction du contexte en fonction de la catégorie par exemple dans laquelle tu trouves changer la couleur par exemple du bloc etc bonjour merci pour la présentation je voudrais savoir est-ce que quand on appelle plusieurs fois le bloc réutilisable c'est possible de modifier par exemple le titre d'un bloc sans changer tous les autres blocs alors ouais mais dans ce cas là du coup c'est plus un bloc réutilisable c'est à dire que ce que tu vas faire en fait c'est ce que j'avais montré au tout début mais c'était j'étais un petit peu vide sur le sujet c'est que tu vas désynchroniser du coup ton bloc tu vas en fait tout simplement le convertir en bloc normal c'est ce qui est écrit dans le menu tu cliques là dessus et ensuite du coup une fois que ce bloc sera converti du coup il sera plus réutilisable ailleurs ce que tu peux faire par contre c'est créer des blocs réutilisables ensuite l'insérer finalement ton bloc réutilisable le convertir en bloc guttenberg normaux et en refaire un bloc réutilisable pour le réutiliser dans un autre contexte en fait finalement donc t'as plein de possibilités mais par contre il ne faut pas créer des blocs réutilisables qui contiennent d'autres blocs réutilisables ça apparemment c'est interdit et a priori c'est terminé donc je vous remercie puis si vous voulez discuter je suis là toute la journée