 Alors on est parti pour les 30 dernières minutes avec Maxime qui va nous parler des six façons de faire un site donc l'idée c'est il y a différentes approches PHP, HTML, constructeur de page, on l'a vu tout à l'heure Guttemberg, Edless, il y a aussi le FSE, enfin voilà il y a plein de manière de faire des sites internet mais la finalité c'est la même il y a toujours un besoin et entre guillemets il y a toujours voilà selon votre structure peut-être des compétences différentes et puis ça sert à rien d'amener l'artillerie lourde pour un petit site ou inversement pour un gros site de mettre quelque chose de pas qui n'est pas adéquate donc voilà donc il y a différentes manières de faire et chacune d'entre elles sont différentes mais ça adapte selon les besoins donc c'est Maxime qui va nous parler de ça merci Maxime. Merci bonjour à tous du coup derrière ce titre un petit peu marketing là les six façons de faire un site avec WordPress on n'a plus rajouté la quatrième à vous étonner en fait c'est voilà des catégories que j'ai que j'ai mis moi c'est un petit peu subjectif j'ai essayé de voir par rapport à l'expérience que j'ai tiré de tout ce que j'ai vu ce qu'il se faisait en agence par rapport aux frilances les particuliers en fait on a l'avantage en cette communauté d'avoir un public qui est très très large pour faire des sites avec WordPress ouais de la grosse agence au simple particulier tout le monde fait des sites avec WordPress aujourd'hui et en fait je me suis rendu compte à un moment que c'était pas facile de pour un débutant de savoir quelle est la bonne méthode à appliquer en fonction de différents critères je me présente d'abord je m'appelle Maxime Bernard Jaquet je suis fondateur de capitaine WP et WP chef qui sont deux organismes de formation le premier pour de la formation technique pour les développeurs et le second pour les débutants justement qui n'ont pas de compétences techniques et qui ne veulent surtout pas apprendre à faire du développement web pour réaliser leurs sites donc voilà j'ai expérimenté récemment avec des débutants des élèves à moi dans différentes classes j'aurais demandé ce qui connaissait de WordPress pas grand chose et j'aurais demandé de faire des recherches quel est pour vous les bons outils et les bonnes façons de faire un site avec WordPress et là ils se sont rendu compte et que en fait c'était pas très facile de trouver la bonne façon en fonction de ce qu'on voulait faire donc c'est là où je me suis dit ça pourrait être intéressant car même de voir toutes ces techniques et de voir lesquels sont les plus intéressantes et pour qui voilà donc c'est ce qu'on va voir c'est quelle approche faire donc comme je vous ai dit on a des particuliers des freelance des agences et aussi des startups qui font des sites avec WordPress aujourd'hui mine dorien 43% du web c'est pas c'est pas rien les critères j'ai pris en compte moi dans ma recherche était le budget surtout l'ampleur en fait des projets que vous allez réaliser avec vos clients ou pour vous même le temps que vous allez vouloir investir pour faire votre montée en compétences parce qu'il y a quand même pas mal de choses à apprendre mine dorien notre formation pour débutants elle dure 10 semaines donc ça monte quand même que faire un site oui c'est facile c'est ce qu'on c'est ce qu'on nous vend quand on parle de wordpress mais quand même il va falloir passer du temps pour arriver à un résultat quand même qui est professionnel et aussi la complexité du projet est ce que vous avez envie de coder ou est ce que vous avez envie justement d'utiliser des outils de design qui vont vous permettre d'éviter d'apprendre à faire du html du css et toutes ces choses là du coup à la fin de la présentation on va avoir ce tableau avec les six les sites techniques et les différentes les différentes critères est ce que ça va prendre du budget est ce que ça va prendre de l'apprentissage du temps d'apprentissage est ce qu'on va devoir coder et quel est selon moi le public cible ça voudra pas dire qu'il faudra absolument respecter ce tableau il sert juste à vous positionner en fait par rapport aux différents critères alors un petit cours d'histoire avant on revient en 2015 avant qu'on ait trop de solutions qu'est ce qu'on faisait avant et bien c'est soit on faisait du développement sur mesure soit on allait sur des plateformes de thème j'en ai mis une en exemple par exemple thème forest une des plus connues c'est celle où on pouvait aller télécharger des thèmes qui coûtait environ 50 dollars et on téléchargeait le thème on lisait la documentation et on essayait de mettre en place le thème par rapport à ce qu'on nous avait présenté quand on l'a acheté alors c'était pas forcément évident en fait parce que chaque thème faisait un petit peu à sa façon oui la base et c war presse derrière mais il y avait des configurations qui étaient très différentes d'un thème à l'autre et à chaque fois qu'on reprenait un nouveau thème pour passer du temps à faire cette configuration en mettant place le site c'était un petit peu frustrant quand même mais derrière on avait un joli site l'autre problème que je vois c'est qu'en fait on avait des des designers qui faisaient des super jolis sites qui étaient très peu personnalisables c'est à dire que vous avez un beau site pour de l'immobilier par exemple il était super joli mais si le client il arrivait derrière qui disait ouais ouais je l'aime bien celui là c'est ce que j'ai choisi mais j'aimerais bien maintenant qu'on change telle section et qu'on fasse si qu'on fasse ça là on se retrouve bloqué parce que le thème ne le permettait pas forcément donc c'est là où c'est un petit peu difficile à l'époque voilà donc c'était comme je vous ai dit des thèmes tout prêts il n'y a plus qu'à installer qui était abordable 50 dollars pour un thème c'est pas forcément énorme très limité en personnalisation la prise en main est aléatoire dans le sens où comme je vous disais il faut configurer le thème à chaque fois et c'est pas toujours la même façon de l'administrer le support et les mises à jour étaient assez aléatoires dans le sens où si c'était un thème qui était très bien vendu le problème c'est qu'il y avait beaucoup de sites qui l'utiliserait mais de l'autre côté s'ils ne sont pas bien vendus peut-être qu'il y a moins de support et moins de mises à jour sur le thème ça dépendait du développeur si il ne gagnait pas beaucoup d'argent avec ce thème il n'avait pas passé beaucoup de temps donc voilà ça c'était la méthode on va dire avant ça ne veut pas dire qu'il ne faut plus l'utiliser aujourd'hui c'est devenu plus rare parce qu'on a beaucoup d'autres solutions qui sont à nos dispositions aujourd'hui mais bon exceptionnellement ça pourrait être une solution tout à fait convenable pour un besoin très particulier la solution numéro un parmi les six que j'ai retenu on va partir de la plus simple à la plus complexe techniquement la première c'est d'utiliser un constructeur de page avec un thème gratuit donc là c'est vraiment la solution j'ai pas envie de dépenser de l'argent pour faire des sites avec wordpress c'est la solution qu'on enseigne nous chez WP chef les gens viennent acheter une formation chez nous et on va pas leur demander d'acheter des produits en plus donc on essaie de trouver des solutions entièrement gratuite et l'objectif c'est quand même de réaliser un site professionnel on a plusieurs approches pour ça la plus connu une des plus connues on va dire c'est d'utiliser les mentors en constructeur de page et avec astra au niveau du thème pourquoi parce que les mentors en version gratuite ne permet pas d'éditer facilement l'entête et le pied de page du site donc il faut que ce soit le thème qu'il le fasse et du coup c'est astra ou océan wp ou plein d'autres thèmes gratuits qui sont disponibles dans le répertoire mais souvent j'ai constaté que c'était ce mélange là qui était le plus efficace et du coup ça fonctionne plutôt bien si je retourne sur mon site tac voilà là j'ai pris un site je l'ai fait avec les mentors j'ai importé une maquette bon bah voilà constructeur de page est facile on peut aller modifier un texte très visuellement dès qu'on a dès qu'on a envie et on a plein de réglages bon voilà si jamais on veut modifier l'entête et le pied de page là il faut passer du côté du thème donc dans apparence personnalisé et là par exemple avec astra on a un éditeur d'entête et un éditeur de pied de page qui sont plutôt sympa où on va pouvoir déplacer par exemple je vais centrer le logo voilà je pourrais passer le menu à gauche et on a plein d'outils de personnalisation pour changer les couleurs changer les marges etc donc voilà ça c'est l'approche totalement gratuite c'est pas la seule bien évidemment il ya plein d'autres solutions qui existent et c'est là où ça rend la tâche encore plus compliqué mais on pourrait très bien se dire ben je veux passer avec le thème cadence qui fait bien parler de lui avec l'extension de blocs de cadence donc là l'avantage sur cette solution c'est qu'on utilise que du natif ça passe sur l'éditeur guttenberg je l'avais par là non voilà bon c'est expiré mais c'est pas grave voilà on voit qu'on est sur notre éditeur visuel wordpress sauf que cadence a rajouté plein de blocs sur mesure par exemple ça c'est un bloc de texte avancé où on aura beaucoup plus d'options que ce que nous propose l'éditeur par défaut on a plein de sections là qui sont qu'on peut ouvrir et voilà il ya plein il ya plein de réglages je vois de plus en plus de gens utiliser cette solution plutôt qu'élément or et astra parce qu'ils trouvent qu'elle est sexy qu'elle permet d'aller assez loin dans les personnalisations donc ça reste une bonne solution c'est pas bien sûr les deux seuls mais ça fait partie de celles qui sont les plus populaires qu'on peut constater en ce moment les avantages est qu'on a des solutions gratuites donc là on peut faire un site complètement avec wordpress complètement des solutions gratuites et à part l'hébergement n'aura rien d'autre à payer pas de frais de licence c'est assez rapide à mettre en place parce que c'est la solution qui est le moins complexe donc pour un débutant c'est la plus facile à apprendre c'est facile à maîtriser on parle de plus en plus aujourd'hui d'approche nos codes parce qu'à aucun moment on est censé faire du html du css ou du php on peut rajouter du css pour personnaliser pour finir les petits réglages on va dire mais voilà facile à maîtriser par contre on a des options qui peuvent être limitées mais forcément les solutions quand elles sont premium elles sont gratuites donc elles sont limitées à un certain point forcément pour faire passer sur la version payante donc si on veut les plus loin dans les personnalisations il faudra passer à la caisse un des autres désavantages que je vois c'est que votre client peut avoir accès au constructeur de page vous avez fait la page avec le constructeur votre client veut modifier une information c'est pas très compliqué il va il va sur la page il modifie le contenu mais dans la réalité des faits j'ai eu des clients qui s'en fait exprès un petit glissier déposé toute la structure de colonne se casse la gueule et c'est le carnage le client il appelle bon j'ai tout cassé est ce que tu peux restaurer l'avenir révision ok pas de soucis mais voilà et ce sera limité au contenu dans le sens où élémentaires en version gratuite vous permet de modifier les pages et les articles mais pas de personnaliser la page des archives du blog donc celle qui liste les derniers articles ou les pages e-commerce encore si vous avez rajouté ou commerce par exemple ça bien sûr il sait les faire mais dans la version payante justement c'est la deuxième solution grâce au thème builder alors le thème builder c'est simplement les constructeurs de page les page builder en version payante on va dire qui nous permettent de faire des mises en page puis pousser donc par exemple élémentaires qui ont passé en version pro on gomme un petit peu tous les désavantages que je vous ai cités juste avant c'est à dire qu'avec élémentaires pro je suis capable d'éditer l'entête et le pied de page de toutes les pages de mon site d'ailleurs on en fait un pour tous on peut créer plusieurs antennes d'ailleurs et on peut modifier la page blog les pages produits les toutes les pages de l'e-commerce on a accès à plus de blocs pour faire encore plus de personnalisation et du coup en fait avec un seul outil on peut réaliser un site de az je les ai mis sur grenoble qui sont agences warpress et qui font entièrement des sites avec élémentaires en version pro l'avantage c'est qu'un seul outil et elles arrivent à faire des trucs très très beaux avec deuxième exemple un des concurrents de de l'élémentaires c'est divi concurrent historique qui lui c'est toujours placé comme un thème à tout faire avec un constructeur et là c'est pareil on fait l'entête le pied de page avec divi et puis après on peut personnaliser toutes les pages donc après il ya plusieurs écoles il y en a qui préfèrent élémentaires d'autres divi pour x y raison certains pour l'interface l'argonomie mais ils sont tous assez fournis en termes de fonctionnalité donc justement l'avantage c'est d'avoir un seul outil d'avoir une personnalisation de az comme je vous disais toutes les pages du site peuvent être administrées avec votre éditeur donc par exemple une page produit dans l'e-commerce vous pouvez dire ben je veux pas qu'il y ait les images à gauche et le prix à droite je veux faire une page bien plus sexy avec du contenu ben avec le constructeur de page vous allez pouvoir le faire en fait ça c'est plutôt cool ça reste assez facile à maîtriser c'est légèrement plus complexe mais on est toujours dans l'approche nos codes on est avec des outils visuels on fait du lycée déposé on configure tout de az c'est plutôt pas mal en des avantages bon c'est payant bien sûr mais on a des licences quand même qui sont pas trop cher élémentaires ça partir de 49 dollars par an ça commence pas très cher après si vous êtes une agence que vous voulez plus de licences à 25 6 100 sites ou même 1000 sites on a toujours par contre le désavantage du fait que le client a accès au constructeur de page et qui pourrait très facilement tout casser moins quand même parce que je n'ai pas mis ici mais vous avez un éditeur de rôle par exemple en élémentaire ça veut dire que vous pouvez dire mon client lui il accès au page mais il ne peut pas changer la structure il peut juste changer les contenus du coup ça limite grandement le fait que s'il fait un lycée déposé qui change une colonne il pourra pas quoi ça sera un petit lycée déposé dans le vide voilà la solution numéro 3 on monte un petit peu en gamme c'est le développement sur mesure c'est historiquement une des premières façons de faire des sites avec wordpress quand c'est sorti en 2005 c'est ben on prend notre éditeur de code en fait du html du css du php et un petit peu de javascript vous avez vu déjà que ça demande de connaître quatre langages de programmation mine de rien donc voilà on prend notre éditeur de code favoris on lit la documentation wordpress qui est plutôt bien fourni et puis ben on fait notre html css et voilà alors ça demande pas d'être un développeur chevronné parce que wordpress vous fournit en fait toutes les fonctions dont vous avez besoin pour écrire votre contenu par exemple pour afficher le contenu de votre éditeur c'est une fonction que s'appelle the content vous la mettez dans votre template ça affiche le contenu donc voilà c'est pour ça que nous aussi wordpress c'est beaucoup de succès dès les années 2010 parce que c'était assez accessible même pour les gens qui faisaient pas du du php qui sont pas développeurs de formation après pour aller plus loin il y a une solution qui s'est très vite imposée dans le monde des développeurs c'est l'extension acf advance custom field qui nous permet de rajouter des champs additionnels en plus de l'éditeur de contenu donc butin berre aujourd'hui mais avant c'était tini mce j'ai une page non voilà on pouvait rajouter on peut je parle au passé c'est parce que j'en fais plus maintenant mais j'en ai fait pendant très longtemps on rajoute des champs en dessous de la page donc là j'ai mon éditeur de contenu qui est ici on peut rajouter plein de champs des champs couleur des champs de texte des cas à cocher et en fait on permettait de rajouter plein de contenu sur le site c'est pas très visuel vous voyez que c'est simplement un formulaire avec des champs malgré tout les clients quand j'avais l'agence ils adorait ça pourquoi parce que même si c'est pas visuel ils avaient juste à remplir les informations eux ils avaient pas à penser au design ils avaient pas à se dire bon je vais peut-être casser quelque chose ou quoi c'est ok le formulaire me demande des infos je les remplis chez nous c'était notre designer qui faisait les pages donc le client ça va quoi ça ressemblait qu'en même il remplit ça et que ce soit enregistré c'est bon sa page elle est composée donc voilà les clients en général d'un site web ils veulent aller vite ils veulent pas passer trop de temps sur leur site donc ça ça leur allait très très bien ça leur va très très bien faut que j'arrive de parler au passé ça reste une solution qui aujourd'hui est tout à fait tout à fait viable donc voilà donc virtuellement on n'a pas de limite parce qu'on fait du développement sur mesure alors qu'il dit sur mesure il faut réinventer la roue il faut faire des développements techniques ils peuvent aller très loin donc ça prend du temps bien évidemment c'est plus facile pour le client comme je viens de vous montrer ça s'apprend bien comme je vous ai dit parce que ça demande pas être un gros développeur php parce que la documentation wordpress est super bien fourni mais ça vous demande quand même un minimum de pré-requis technique quatre langages à minima c'est plus long parce qu'il faut créer tous les modèles de page donc voilà ce sera pas pour tous les budgets et pour pour pour tous les projets et l'ergonomie bien comme je vous ai dit c'est des champs de formuleurs c'est pas super sexy par rapport à ce qu'on peut avoir aujourd'hui la solution 4 c'est une dommée préférée c'est ce que j'appelle l'approche hybride c'est un mix entre la solution numéro 2 on utilise des constructeurs de thème et la solution numéro 3 on fait du développement sur mesure donc le but c'est de se dire pour les besoins les plus communs par exemple je prends élémentaires ou divi ou peu importe et en fait je fais le site avec le constructeur page mais à un moment donné peut-être que mon client aura un besoin qui sera très spécifique et là je vais faire du développement par exemple en créant des widgets sur mesure et les mentors nous permet de le faire ou en utilisant les short codes les codes cours dans wordpress qui nous permettent d'insérer une fonctionnalité dans un contenu texte certains codes entrecrochés et qu'en wordpress va ficher la page il va interpréter ce code et exécuter vous votre code personnel j'ai un petit exemple qui est assez évocateur ça n'a mis à moi il avait lancé un foutreux qui faisait des belles photos avec des bons burgers en plus donc c'était cool et deux trois fois je lui ai laissé accès à cette page et c'est lui qui est des glissets déposés à chaque fois il a tout cassé il a tout cassé je ne sais pas comment il a fait mais en un clic il arrivait à tout casser je me suis dit bon on va retrailler la ergonomie lui ce qu'il avait besoin de changer une fois par semaine c'était la carte des menus il propose trois hamburgers par semaine et la carte j'ai réglé ce problème de google map techniquement c'est mieux à gauche les emplacements de la semaine c'est un foutreux qui après tout se déplace et à droite les éléments sur la carte et je me suis dit en fait il a simplement besoin de toucher à ça donc en fait si je lui fais une interface qui est même en dehors de cette page et bah il devrait bien s'en sortir et du coup c'est ce que j'ai fait vous retrouvez à gauche les burgers les emplacements et une rubrique cette semaine lui ce qu'il a à faire c'est qu'il vient là c'est des champs à cf vous avez vu il choisit pour chaque jour les emplacements dans la liste et il choisit les burgers à la carte via un champ relationnel de cf il clique sur mettre à jour à droite et terminer sa page elle est mise à jour en fait et on peut le voir on peut le voir ici si je lance le divi builder donc je passe en mode édition de contenu et si je vais sur les emplacements je n'ai rater ils sont là si je clique dessus vous avez vu ça disparaît et il ya un code court à la place qui s'appelle emplacement entre crochet donc voilà c'est le code que j'ai fait c'est juste le code custom que j'ai fait pour permettre d'afficher les emplacements il y a un petit peu de code derrière c'est peut-être à les fins ligne de PHP c'est pas non plus énorme et du coup et bien grâce à cette approche hybride non seulement j'ai fait un site en très peu de temps mais en plus j'ai pu pallier au problème de besoin spécifique grâce à cette approche hybride celle-là vous l'aurez compris quand vous avez un budget qui est limité mais quelques petits besoins spécifiques et bien c'est une des approches qui se montre la plus efficace c'est après tout dans les projets web on n'a pas tout le temps des budgets illimités même quand on est des grosses agences voilà le gros avantage c'est que c'est un vrai compromis entre la flexibilité du développement sur mesure et la rapidité des constructeurs de page c'est idéal pour les petits budgets on peut simplifier l'expérience utilisateur de notre client comme je viens de vous le montrer et par contre on ne peut pas tout faire avec sa technique et quand même des limites que des fois on ne pourra pas outrepasser il faudra aller sur des solutions un peu plus complexes voilà l'approche numéro 5 c'est l'approche dont jb vous a parlé dans la 2 ou 3 conférences en arrière dans son retour d'expérience en agence le but c'est de passer par l'éditeur de bloc donc le nom de code étant de gluten berre mais on parle de l'éditeur de bloc aujourd'hui et par exemple si double et perroquette ils ont utilisé cette approche tec et d'ailleurs j'ai pas mis à jour l'image c'est hommageable double et perroquette c'est un plugin de cash donc voilà le site est assez moderne il est joli bien présenté et bien ça en fait c'est complètement administré avec l'éditeur natif de warpress ils ont créé pour l'occasion 24 blocs et par exemple l'appel à l'action celui là c'est un bloc c'est une section mais en fait eux ils appellent leur bloc et en réalité derrière dans l'éditeur ils ont seulement deux options pour ce bloc là alors deux options ils ont la capacité de changer les textes le bouton est déjà là les textes on peut juste les changer et en fait dans les options de personnalisation il y a simplement est ce qu'on le veut en orange ou en bleu ils ont pas le choix de toutes les couleurs possibles leur charte c'est orange et bleu donc en fait ils ont que ce choix là ce qui fait que l'agence qui a fait le site leur a permis de créer des blocs sur mesure mais derrière vous n'avez pas la complexité d'un constructeur de page à voir 200 options par bloc ou par élément et ce qui fait que ben si vous laissez faire votre client avec 200 options imaginé c'est noël il va les cliquer surtout et à la fin le site n'aura plus aucune harmonie en termes de charte graphique je n'attends le fondateur double et perroquette quand ils ont fait la la refonte il m'avait appelé il m'a dit bon on hésite à refaire avec du a cf donc la solution numéro 3 où on hésite à passer sur guttenberg c'est bon la question était légitée moi je lui ai dit moi j'adorerais que tu passes avec guttenberg mais en réalité je ne peux pas te prendre la décision à ta place parce que c'est encore très récent et même si c'est pour moi le futur et c'est sûr il y a quand même des enjeux derrière sur votre site faut que ça marche quoi et en fait ils ont ils ont passé le pas c'est l'agence les a quand même bien convaincu aussi et en fait aujourd'hui ils regrettent pas parce que l'équipe marketing quand ils ont besoin de faire des nouvelles pages ils savent que ils ont 24 blocs qui vont réutiliser à chaque fois en fait ça fait partie de ce qu'on appelle un design système un peu aujourd'hui c'est qu'on a des composants on a une charte graphique et une fois qu'on a tout ça on peut faire n'importe quoi tout ce qu'on veut avec le site quoi y a s'il y a besoin de recréer une mise en page un jour ben ils pourront mais là il y a déjà tout ce qu'il faut en fait et si vous allez voir dans toutes les pages du site se les revoir certains certaines sections on va dire qui qui reviennent en fait d'une page à l'autre donc ça c'est une approche qui est super intelligente mais elle a quand même quelques petits avantages mais avant avant cela je voulais faire un mot sur le dernier truc qui est sorti dans wordpress depuis la 5.9 c'est le full site editing donc ça avant l'éditeur de blog c'était vraiment un éditeur pour les contenus de wordpress et jb disait tout à l'heure que ça avait été un lancement en demi-teinte parce que il y en a qui préférait comme c'était avant et en fait il y en a que se sont mis dans la tête que l'éditeur de blog c'était un constructeur de page il était trop pauvre il n'y avait pas assez d'option en fait c'était la première phase c'est un super éditeur de contenu moi je l'utilise pour écrire mes cours sur capitaine wp mais c'est des cours qui sont écrits verticalement il n'y a pas des sections des colonnes ou quoi que ce soit depuis le début ça a bien marché après de plus en plus il y a eu des options pour créer les colonnes des sections donc c'était bien et aujourd'hui en fait on a l'éditeur de site alors c'est encore marqué beta c'est encore tout nouveau mais l'éditeur de site vous permet de créer vos sites de az donc vous pouvez créer des entêtes des pièces pages comme dans les constructeurs de page et du coup ben juste avec un thème vous pourriez partir d'une page blanche et faire un site en entier alors personnellement je trouve que l'argonomie est parfois un petit peu difficile encore on sent que c'est les débuts on sent qu'il y a de l'amélioration mais pour moi la grosse puissance dans le full city dating ça va être pour les agences parce que aujourd'hui vous allez pouvoir définir votre charte graphique globale les polices d'écriture globale personnalisez chacun de vos composants et grâce à ça en fait vous allez pouvoir proposer à votre interna votre client une expérience utilisateur au top et je vois de plus en plus d'agences qui aujourd'hui utilisent l'éditeur natif dans leur site donc c'est pas comme si c'était encore pionnier c'est à dire que si aujourd'hui vous êtes une agence et vous dites vous vous dites est ce que je devrais y passer franchement je vous réponds oui vous êtes vous serez pas les premiers et il y a pas mal d'agences qui commencent à passer sur cette sur cette technique c'est sur cette technique là l'avantage principal c'est que c'est du vrai wizzy wig wizzy wig c'est un terme anglais pour dire what you see what you get c'est ce que vous avez à l'écran c'est ce que vous aurez sur le site vous voyez vraiment un aperçu temps réel du de votre page non modifié l'autre gros avantage est que c'est réutilisable imaginons pour double épéroquette ils ont fait des blocs par exemple la section avec l'appel à l'action elle est bien c'est il est bien ce bloc ça veut dire que dans un prochain projet ils peuvent le réutiliser pour un autre client il y aura d'autres choix de couleurs d'autres personnalisations mais en substance ce composant est réutilisable et c'est du javascript derrière c'est du réacte réacte est fait pour que ces composants puissent être réutilisés facilement d'un projet à l'autre chaque élément est un paquet qu'on peut qu'on peut facilement transposer l'ergonomie c'est vraiment un des gros points forts dans ces cas là votre client lui va adorer parce qu'il voit la page telle qu'elle il a il a pas 50 000 options comme les constructeurs page donc en général il y a une satisfaction qui est qui est géniale au niveau par contre des inconvénients ben il faut apprendre réacte tu en parlais tout à l'heure jb quand tomate mulen wig a dit il faut apprendre javascript en profondeur et qu'on est tous là à se dire ça fait 15 ans qu'on fait du php le changement effectivement il est un petit peu radical bon après on n'est pas obligé de passer du jour au lendemain de l'un à l'autre mais du coup là ça fait une petite un petit apprentissage à faire et là encore une fois wordpress fournit des fonctions quand vous les créez des blocs wordpress fournit toute la structure donc en fait vous n'allez pas tout réinventer comme je vous parlais de la fonction the content tout à l'heure vous avez une fonction qui s'appelle register block type qui vous permet d'enregistrer un bloc et vous avez une super documentation qui est très complète si vous êtes une agent c'est que vous voulez mettre ça en place ça vous demandera quand même un petit peu de recherche et développement pour créer votre thème de base créer vos composants de base mais pour moi il faut commencer sur un petit projet expérimenter ça puis d'un projet à l'autre comme je vous ai dit vous allez être excéponentiellement plus rapide parce que tout ce que vous avez fait dans le premier projet vous allez pouvoir la réutiliser ensuite dans les autres projets et voilà l'autre petit avantage comme je disais c'est que si vous voulez utiliser le full city diting pour l'instant en temps que l'utilisateur c'est pas parfait mais si vous êtes une agence vous utilisez les fonctionnalités de programmation et derrière il n'y a pas de notion de full city diting pour votre client quoi il a juste de l'édition de page c'est que le temps passe vite et la solution numéro 6 on se pointe un petit peu vers l'avenir c'est le headless aujourd'hui on en parle de plus en plus le headless c'est en fait de faire du wordpress sans wordpress je m'explique c'est à dire que wordpress il est là mais vous utilisez pas forcément du html du php ou du javascript pour faire les modèles de mise en page vous pouvez utiliser n'importe quelle autre technologie et aujourd'hui il y a des frameworks qui vous permettent de faire ça facilement il y a next js donc qui on entend de plus en plus parler et il y a aussi getsbjs qui est plus orienté vers les cms et du coup en fait c'est vous faites de la de l'application javascript par exemple en 1 page sans rechargement quand vous tombez sur un site qui a été fait avec ces technologies là vous n'avez pas de rechargement de page donc quand vous cliquez sur un lien ça repart pas forcément au serveur pour qu'il génère une page en entier et du coup les changements de page sont ultra rapide et c'est vraiment agréable à naviguer quoi l'autre avantage c'est de vous dire que ben si vous avez un client qui a besoin de faire une application mobile qui se connecte à votre wordpress pour récupérer les derniers articles par exemple du blog ou les contenus des pages et ben vous pouvez donc ça veut dire que vous êtes agnostique de la technologie et de du langage de programmation wordpress il peut être sondé grâce à l'api et grâce à ces techniques là et du coup ben vous faites une application mobile en ios ou en android ça marchera ça marchera bien après c'est compatible donc voilà là c'est par contre c'est enfin on a quand je disais le choix du langage on est plus limité à php la rapidité elle est inégalée c'est multiple à forme pourrait très bien faire sur n'importe quelle technologie sur n'importe quel langage de programmation par contre ça demande un peu plus de pré-requis techniques c'est pas non plus exceptionnel mais quand même il y a pas mal de choses à connaître comme les api reste ou alors peut-être faire un serveur avec notre gs toutes ces choses là c'est un petit peu plus long pour la mise en place la première les premières fois que vous le faites après vous pouvez être très rapide à faire ce genre de site comme ça est ce que c'est utile alors c'est une question c'est un beau luxe à avoir d'avoir des sites aussi rapide avec cette technologie aussi moderne mais est-ce que c'est nécessaire sur tous les projets pas forcément donc voilà maintenant on peut faire le bilan donc quelle est la solution en fait la vraie question c'est de savoir quelle est la solution qui vous convient le mieux par rapport à tous les critères qu'on a pu voir précédemment je vous mets un petit attention je ne vous dis pas de vous quand vous allez vous identifier dans une des cases c'est pas forcément cette techno là qu'il faut utiliser c'est juste pour vous positionner vous aider à vous positionner mais en fait la solution qui qui convient le mieux c'est celle encore que vous préférez vous quoi donc voilà c'est juste un titre indicatif que je vous donne ça donc la première approche on a vu page builder avec les thèmes ben c'est pour des sites à petit budget qui sont pas très pas très conséquent le temps d'apprentissage il est assez court et il n'y a pas besoin de faire du code donc le public conseiller enfin le public que je constate en général c'est les particuliers qui le faire leur propre site internet et les freelance la solution numéro 2 c'était d'utiliser des constructeurs de page en version premium donc les thèmes builder pour des sites avec des un peu plus gros budget ça demande légèrement plus d'apprentissage et il n'y a toujours pas besoin de code donc là c'est utilisé souvent par les agences et les freelance il n'y a pas de mal être une agence à utiliser des constructeurs de page souvent ça a été mal vu mais en réalité il n'y a pas vraiment de mal à ça tout dépend du budget bien évidemment du temps que vous avez de la complexité du projet le développement sur mesure bien on va le réserver sur des projets un peu plus gros un peu plus conséquent ça a demandé un peu plus de temps d'apprentissage surtout si vous devez apprendre html csc javascript ça a demandé pas mal de code et là aussi c'est plutôt les freelance et surtout les agences qui vont utiliser cette technique solution numéro 4 celle qu'on a vu qui me qui me plaît bien c'est la proche hybride donc ça demande en face c'est plutôt réservé des sites qui ont un peu moins de budget que que le dev sur mesure mais à peu près le même budget que les timebuilder ça demande pas beaucoup d'apprentissage et ça demande un petit peu de code donc là aussi c'est pour les freelance et les agences surtout la proche full but amber par contre elle demande on va être utile pour des projets beaucoup plus gros ça va demander beaucoup plus d'apprentissage et ça va demander pas mal de code donc on va la réserver plutôt aux agences et au startup et enfin le headless là on va partir sur les plus gros budgets ça prend beaucoup plus de temps d'apprentissage en recherche et développement et ça nous demande au début de taper plus de code en face à passer plus de temps à coder pour arriver à tout ça donc là aussi je le réserve plutôt aux agences ou au startup bien évidemment il n'y a pas d'obligation un petit mais quand même ça ne créant pas de mythe par rapport à ce tableau on pourrait très bien en fait proposer un headless moins cher qu'un site élémentaire parce que quand on a l'habitude après c'est très facile à mettre en place donc voilà on pourrait en fait ça veut pas dire qu'élémentaire un site élémentaire est moins cher que du headless on peut très bien faire des sites de qualité professionnelle avec un constructeur de page comme élémentaire une grosse agence elle peut utiliser des constructeurs de page sans y laisser son honneur et le plus important c'est que qu'importe votre choix votre prix le prix que vous allez demander à votre client ça doit dépendre de votre sentiment de légitimité par rapport à votre livrable et la qualité de votre produit en fait c'est pas par rapport forcément vous n'avez pas facturé que autant passer aux technologies aujourd'hui en moi je fais du je fais du headless réacte je vais facturer super cher on pourrait très bien avoir quelqu'un qui facture plus cher avec élémentaires parce que ben il aura peut-être plus de compétences et surtout il arrivera à donner aux clients plus de valeur après tout les clients la plupart ils veulent pas savoir comment c'est fait derrière comme vous quand vous achetez une voiture tant qu'elle roule on s'en fiche d'ouvrir le capot et de voir ce qu'il y a sous le moteur quoi voilà je réussis à tenir à peu près dans le temps imparti tout pile merci beaucoup maxime alors est-ce que vous avez les questions pour maxime oui merci bonjour l'évolutivité en fonction des décis profils que vous avez proposé il est évident qu'il y a une évolutivité pour chacun des profils quand on est dans la version la plus headless la plus sophistiquée je vais mettre le tableau est ce que automatiquement on peut imaginer que les vautes les voletiers est plus compliqué aussi c'est une super remarque j'aurais presque envie de rajouter nouvelle colonne dans le tableau les capacités d'évolution même si souvent quand on fait des petits sites on sait qu'il va tenir jusqu'à la refonte mais effectivement en termes d'évolutivité il n'y a pas forcément de cas construiteur de page tu peux rajouter des choses rapidement tu peux être très bien être sur l'approche numéro 2 et dire bon il y a besoin spécifique alors on va passer sur l'approche numéro 4 suffit de rajouter un petit peu de code si dans le cas où on n'a pas trouvé d'extension qui répondent aux besoins et après ben quand c'est ce développement sur mesure ça dépend normalement c'est très évolutif si tu as fait sur mesure après ça dépend de comment tu l'as fait il ya des fois tu n'avais pas le budget tu fais un site un peu trop à la va-vite et quand tu reprends le code six mois après tu dis oh là là là et c'est le carnage donc en fait ça dépend vraiment mais normalement tu dois pouvoir évoluer dans chacun des dans chacune des solutions après tout le web c'est en constante évolution il faut que tu puisses rajouter des fonctionnalités quoi c'est pas on le livre et une fois pour tout terminer quoi normalement c'est évolutif quoi et la la complexité ouais effectivement tu vois sur l'approche full guttenberg une fois que t'as commencé à faire tes blocs et que tu as ta librairie je trouve que c'est ce qui donne le plus de futur enfin de dévolutiviser dans le futur quoi c'était vraiment maléable tu peux vraiment rajouter des choses modifiées d'ailleurs il y a un système de dépression si tu as fait un bloc et que tu as besoin de rajouter une donnée un système de dépression pour dire bah l'ancien bloc c'était ça le code qui était généré et nouveau bloc il aura une donnée supplémentaire et c'est ce que fait d'ailleurs l'éditeur natif pour les blocs natifs par exemple le bloc galerie il a complètement changé dans les dernières versions ça change rien pour vous mais derrière en fait c'est maintenant chaque image est une vraie image à part entière et ça suit tous les autres blocs comme le bloc colonne où il y avait plusieurs colonnes dedans et du coup ben ça on n'a pas vu le changement mais derrière c'est évolutif quoi merci merci est ce qu'il reste des questions oui merci pour ta présentation du coup tu bannis complètement une méthode fou la cf quoi où on s'affranchit de putain baie où on ferait un bac office vraiment très simplifié non pour moi le rendre dans le numéro 3 le développement sur mesure en fait c'était quand je dis on rajoute à cf on ouais j'ai déjà fait des sites purement avec cf il y en a même qui sont venus à construire un constructeur de page avec cf grâce au champ flexible et aux champs répéteurs et sur ce qui est quelque chose sur lequel j'étais allé à l'époque et en fait on est fait un site pour canal plus ils avaient adoré cette approche en mode flexible et choisissait en fait ce qu'ils allaient afficher à quel moment et du coup non ça reste bon c'est pas très visuel mais derrière de toute façon ici ils ont juste les réglages à mettre ils sont contents donc non c'est pas à procier au contraire ça peut donc du coup si je comprends ton raisonnement c'est quand même que le pas le donc la différence entre le 3 et le 5 c'est avec le 5 par contre ça s'inscrit plus dans une démarche d'amélioration continue où tu gardes tes composants et t'améliore ta vélocité de production au fil des projets ouais voilà c'est cette approche composant déjà qui me fait la différence l'approche aussi que bah du coup c'est très visuel comme en fait quand ils édite sur wp roquette le site ils ont ils voient vraiment la même page contrairement à cf où c'est que des champs et bah du coup on reste sur du natif là c'est ça que jb en parlait tout à l'heure dans sa conférence le fait d'être sur du natif bah t'es sûr de suivre l'évolution de la presse dans le futur quoi même si c'est pas demain qu'assez va arrêter son business quoi juste un complément est ce que si on a surtout besoin de blocs répétitifs ou bien facultatifs est ce qu'on a pas d'ailleurs temps aujourd'hui de laisser tomber à cf et puis de passer au bloc moi perso ouais si j'avais encore mon agence aujourd'hui que je ferai des sites je passais comme ça j'ai mes amis chez fantassin lyon qui sont passés très tôt sur du sur du bloc et franchement ils les clients adorent et l'équipe technique ils adorent faire des blocs parce que c'est visuel en plus une fois que tu sais les faire franchement c'est pas si long c'est ultra facile de faire des blocs tu pourrais d'ailleurs les faire avec cf à cf te permet de générer des blocs oui mais voilà mais le côté bloc d'investir dans le comment fonctionne le bloc si on veut le faire ça mais je pense la répétabilité et puis surtout le côté faculté le bloc par des faux n'est pas n'est pas obligatoire n'est pas il faut l'introduire il faut le décider par contre ce qui manque parfois c'est c'est proposer des templates de blocs 20 pages voulo commencer avec quatre blocs standard et puis on peut ça du coup avec gutinbert tu peux dire par exemple ouais quand je commence mes cours moi j'ai toujours le bloc intro et la table des matières et un premier titre de niveau 2 je sais qu'il y aura forcément ça dans mon article et comme ça ça permet de tu peux bloquer aussi le template tu peux dire à ton client quand il commence une page produit par exemple il y aura forcément ces blocs là ces blocs là tu peux l'utiliser qu'une seule fois et tu peux ne pas les déplacer parce que tu tu leur fixe le template il y aurait des idées de achois en fonction du produit ouais dans les compositions que propose wordpress tu peux tu peux faire ça de plus en plus soit ce qu'il reste des questions pour maxime non très bien en tout cas si vous voulez lui les poser on va dire en private il reste disponible un tout petit peu après et puis voilà encore une fois merci maxime pour ta conférence très intéressante de rien