 Tu vois qu'ici j'ai toute la palette, si je suis par contre dans un paragraphe j'ai que la palette qui est pour ce bloc. Dans cette vidéo on va voir comment utiliser ChatJPT pour contrôler des réglages du fichier tem.json. Ce fichier pour rappel est le fichier central de tout thème qui repose sur des blocs ou thèmes effets. Première chose, je suis dans mon site, là je voudrais pour l'instant j'ai la palette par défaut donc je suis dans l'éditeur et je voudrais donc désactiver déjà cette palette par défaut. Ensuite je souhaite utiliser le logo pour extraire certaines couleurs. Je vais utiliser un service qui s'appelle Adobe Color. Tu peux créer un compte Adobe sans avoir d'application en fait c'est juste pour utiliser le service. Il y a d'autres services qui existent, moi je connais celui-ci assez bien donc je vais simplifier. Je vais charger mon image. Attention à bien être quanté dans Adobe Color dans extraire le thème. Et là sur la gauche tu as des réglages qui te permettent d'extraire chaque couleur. Tu peux aussi modifier, regarde si je bouge, je peux choisir exactement la couleur. Sinon on peut prendre un algorithme qui est déjà en place pour dire que je veux par exemple des couleurs douces. Je ne veux pas avoir toutes les couleurs, je voudrais avoir le rouge, les couleurs un peu contrastées, le bleu, le jaune. Ce n'est pas besoin donc là je vais le changer. Et pour le changer je dois basculer de l'onglet extraire le thème à roue chromatique. Donc là je vais passer dans un réglage sur mesure. Je passe à l'autre onglet. Ensuite toutes les couleurs sont editables. Donc si je vais par exemple je ne veux pas le jaune donc je vais l'éditer. Attention par défaut c'est RVB. RVB c'est pas très pratique pour régler la couleur. Moi je te conseille de passer sur TSL et cette couleur là je voudrais que ce soit noir. Donc je vais prendre tout en bas et ça va être noir. Ensuite la deuxième je voudrais que ce soit blanc. Donc là je vais faire je baisse. Donc c'est teinte le premier. Saturation et luminosité. Pour mettre blanc je vais mettre A0 et je bascule luminosité A100. Je vais tout sauvegarder dans un fichier texte. Là je vais le prendre que je vais utiliser. Donc ma première couleur pour prendre le dièse. Le noir il est déjà en place. Tu le vois ici le blanc cfff. Il est déjà en place. Je vais reprendre le orange qui est déjà en place. T'as compris le truc il faut faire des copiers collés. Donc là j'ai mon prompt c'est bon. Je vais pouvoir maintenant dans le charte JPT lui demander qui génère une palette de couleurs. On va voir ça ensemble. Je suis dans la version 4 de charte JPT. J'ai fait un copier collé de mon prompt. Tu as un expert WordPress en FSE. J'ai besoin de créer une palette de couleurs dans le fichier tem.json. A part pour le noir le blanc les autres devront s'appeler primer 1, primer 2, primer 3 etc. Merci d'ajouter le transparent à la fin. Je connais bien le fichier tem.json. J'ai juste besoin du code bien indenté. Donc là je vais rajouter du priori il va me comprendre. Voici les couleurs hexadecimal avec un S ça sera mieux. Et j'ai mis ma liste de couleurs. Je clique sur entrer. Ça a été assez rapide. Tu vois qu'il m'a généré tout ce qu'il faut palette, slog, color, name. Donc c'est à chaque fois des objets. J'ai primer 1, ensuite j'ai le white, le black. À chaque fois il me met bien les noms français. Il a respecté, primer 2, la couleur hexadecimal, primer 3 etc. Moi j'ai pas envie de tout copier. Je connais le fichier tem.json. Donc j'ai juste besoin de l'objet palette. Enfin c'est un tableau plutôt. Alors pendant qu'il génère tu vois qu'au passage on est bien dans settings et color. Donc palette est à l'intérieur. Je copie le code. Donc là l'objectif c'est déjà de supprimer la palette par défaut. Et puis d'ajouter ma nouvelle palette de couleurs. Je suis reparti dans le dossier de mon thème. Je suis dans tem.json. Pour l'instant dans l'objet settings, j'ai pas encore color. Donc si je scanne un peu, tu vois j'ai pas grand chose pour l'instant. J'ai les typographies, j'ai les fonds de size. Et c'est tout. De toute façon il y a une auto complétion dans le fichier tem.json. Si l'objet existait déjà, il te le proposerait pas. Donc là je vais sauter une ligne, peu importe où je suis. Si tu utilises create blockchain, comme je le recommande souvent. Il va régénérer automatiquement pour toi le fichier avec la bonne indentation. Donc là je vais taper color, tu vois qu'il existe. Donc c'est bon. Et à l'intérieur en fait, il y a plusieurs options qui sont disponibles avant de déclarer palette que je vais copier, coller directement. Pour avoir la suite d'options, tu tapes les guillemets doubles. Alors attention, j'utilise l'éditeur de code qui s'appelle visual studio code. Cette auto complétion n'est pas valable avec les autres éditeurs de code. Donc là tu vois qu'il y a un truc qui s'appelle défaut palette. Et ce qu'il faut faire c'est qu'une fois que tu as cette liste qui s'affiche donc tu peux taper même dans le désordre, c'est pas grave. Tu le sélectionnes, je n'utilise pas la souris, j'utilise les flèches du clavier, tu le sélectionnes et tu tapes sur la touche entrée. Ça te valide. Donc là, par défaut il te dit que c'est true. Il te donne toujours la valeur par défaut. Là c'est ce qu'on appelle un bolean donc je veux dire que c'est false. Tu vois quand tu fais une erreur et tu le dis tout de suite c'est rouge. Donc tu sais, ah ça va pas. Si je fais false, c'est bon. Ensuite je saute une ligne et là je vais coller directement ce qui m'a donné. Donc ça c'est palette qui est au premier niveau. Je te montre si j'annule pour te montrer. Si je mettais en dessous je pourrais mettre palette. Tu vois c'est l'objet et si je clique sur la touche entrée il me propose bien un tableau c'est ce que j'avais dans le copier. Donc c'est bien au bon endroit. Si j'étais pas au bon endroit, il me proposerait pas cette auto complétion. Donc je vais recommencer et je fais palette. Attention pour le fichier temp.json, le dernier élément n'a pas de virgule. Si j'avais un autre tableau après, là j'aurai une virgule mais le dernier n'a jamais de virgule. Si je mettais une virgule pour te montrer. Donc là j'aurai le nom du fichier qui devient rouge avec souligner la virgule. Donc je sais que c'est pas bon. Ça, il y a vraiment un truc qui est assez génial dans temp.json. Tu as quelque chose qui répond automatiquement. Si tu as une erreur, le nom de ton fichier je te conseille de souvent le regarder. Il devient rouge. Donc j'ai un coup d'oeil et dès que tu as une erreur, essaye de scanner, regarder où c'est souligné pour corriger. J'enregistre mon fichier. Je recharge mon site. Et si je passe dans style, couleur. Donc là tu vois que j'ai mes couleurs qui ont été chargées. Donc ce que m'a donné, chat, j'ai pété. J'ai toutes mes couleurs avec les noms. Primaire 1, blanc, noir, primaire 2, primaire 3 et transparent. Maintenant ce que je voudrais c'est créer une palette de couleurs pour un blog spécifique, ce qu'on peut faire dans temp.json. J'ai repartir dans mon chat. J'ai fait un copier de mon prompt. Donc je lui ai dit, j'ai maintenant besoin d'une palette dédiée pour le blog paragraph avec juste ces valeurs. Donc j'ai redonné les valeurs. Et je lui dis que pour cette valeur là, tu peux utiliser le même slog que tout à l'heure. Alors par rapport à la main à demande de tout à l'heure, il a fait une petite erreur. Ça arrive. Ça va s'améliorer assez rapidement avec la nouvelle version de chat jpt. Mais pour déclarer une palette de couleurs pour un blog spécifique, on n'est pas dans l'objet style, on est dans l'objet settings. Donc je l'ai arrêté. Et je lui ai dit erreur, la palette paragraph est à faire dans l'objet settings. Il a dit ok, ok, vous avez raison. Et il a regeneré la palette comme il faut. Donc là je vais prendre, je lui ai dit ensuite de me donner juste en fait l'objet qui s'appelle core paragraph et qui est dans un objet qui s'appelle blog. Je suis avec la version 4 de chat jpt et tu vois qu'il y a encore des erreurs. Alors j'ai fait plusieurs tests avec la version 3. On n'arrive pas à ce niveau. Mais malgré tout on a encore quelques petites confusions. Tout ça pour te dire que le nom qui est utilisé par Microsoft, il appelle l'intelligence artificielle copilote et très bien choisi. On a besoin du pilote. On a le copilote avec l'intelligence artificielle chat jpt et nous sommes encore le pilote. On doit comprendre la structure de base d'un fichier temp.json du coup pour pouvoir rectifier mais aussi quand tu fais tes demandes, quand tu fais tes promptes pour pouvoir intégrer facilement les éléments qui t'a donné. Donc tu gagnes un temps fou. Il te construit les bibliothèques à la volée et toi tu sais tout de suite où les intégrer. L'avantage majeur c'est que tu vois que dans l'éditeur donc dans Visual Studio Code quand tu fais tes collés un peu à la rache ils repositionnent les éléments comme il faut avec la bonne intention. La version de chat jpt 5 va changer encore beaucoup de choses et là du coup il ne sera plus que jamais nécessaire de pouvoir faire le lien entre les recades que tu peux faire et les ajustements que tu feras à posteriori sur ton thème. On repart dans le thème.json je vais copier, je suis reparti dans mon code et donc là je suis dans settings et c'est un réglage pour un block spécifique donc là je vais faire une virgule j'ai un objet qui s'appelle blocks et à l'arrière je peux mettre n'importe quel block. Je te montre juste si je fais core tu vois que c'est tous les blocks qui s'affichent automatiquement là je vais coller ce que je viens de copier et je récupère donc core paragraph attention c'est le dernier donc j'ai pas de virgule. Si je laisse des blancs de toute façon avec create block thème quand je vais regenerer ça va tout nettoyer automatiquement donc là je le suis bien dans settings block, core paragraph, color et ma palette donc c'est un peu la même hiérarchique tout à l'heure mais de manière plus granulaire pour un block en particulier si j'enregistre je te montre ce que ça donne dans mon site donc je vais juste dans un paragraph peu importe je vais en partir dans un article je vais prendre un block paragraph et au niveau de la couleur tu vois que j'ai les trois couleurs que j'ai déclaré je n'ai plus la palette sur mesure donc si je vais dans un titre pour te montrer et si je vais dans les couleurs tu vois qu'ici j'ai toute la palette si je suis par contre dans un paragraph j'ai que la palette qui est pour ce block cette vidéo est la première d'une longue série qui s'annonce autour de l'intelligence artificielle tu vois qu'avec cette petite démonstration j'ai pu faire des réglages très avancés et granulaires dans le back office à savoir une palette de couleurs personnalisées qui reprend les couleurs d'un élément graphique que tu vas retrouver dans tous les blocs et enfin une palette sur mesure pour un bloc spécifique on n'a jamais eu ce potentiel pour personnaliser à ce point le back office de WordPress donc ça c'est vraiment une nouvelle ère qui se met en place et ce n'est que le début