Codage pour IA avec Claude Build sans écrire de code

1. Introduction: Bonjour à tous. Bienvenue dans le cours de codage d'ambiance avec Cloud AI Et il s'agit d'un cours complet de niveau débutant à avancé , conçu pour vous aider à créer un thème WordPress professionnel moderne, des plugins dotés de la puissance de l'IA et d'un codage Vibe Que vous soyez un débutant, un développeur Web, un freelance, un programmeur ou un passionné de WordPress, ce cours vous apprendra à utiliser Cloud AI comme partenaire de codage en intelligence artificielle ou en intelligence artificielle pour créer des SAS de haute qualité, ainsi que la solution Wordpress de manière plus rapide, plus intelligente et plus efficace En fin de compte, le développement WordPress traditionnel nécessite souvent d'écrire des milliers de lignes de code manuellement. Mais avec le Vibe coding, vous apprendrez à communiquer avec l' IA et à utiliser des proms bien structurés pour générer, améliorer le débogage et optimiser le code tout en respectant les normes de développement professionnel Et pas seulement pour Wordpress, il s'agit de développer le SAS, de développer l'application. Vous apprendrez à partir de zéro ou à partir de la racine pour ajouter des fans. Voyons donc ce que vous allez apprendre en classe. Vous apprendrez à comprendre les principes fondamentaux du vibe coding avec Cloud AI Vous découvrirez l'efficacité de l'invite de rédaction pour l' IA assistée pour le développement de thèmes WordPress, le développement de plugins Wordpress. Vous apprendrez à créer un thème WordPress personnalisé à partir de zéro. Vous allez développer un plugin wordpress riche en fonctionnalités. Vous découvrirez également la technique de sécurité appliquée. Vous découvrirez l'optimisation, le test de débogage et vous améliorerez ou générerez le code Après avoir terminé ce cours, vous serez en mesure créer un thème WordPress professionnel de manière indépendante. Vous découvrirez l'application SAS sécurisée, évolutive et maintenable Tablop évolutive et maintenable Vous pourrez également utiliser Cloud AI pour accélérer le développement sans compromettre la qualité du code. Vous pourrez ainsi déboguer et optimiser le code généré par l'IA en toute confiance Vous serez en mesure de développer des thèmes WordPress ou des plugins prêts à être produits, du concept au déploiement. Il s'agit d'une classe basée sur un projet, vous aurez donc un projet de classe. Ainsi, ce que vous allez apprendre ou quelle leçon vous allez apprendre, vous aurez l'opportunité participer à un projet de classe, ou vous pouvez considérer le robinet du projet de classe comme votre devoir. Ainsi, pendant l'apprentissage, si vous avez besoin du fichier nécessaire tel que PRD, de l'invite l'autre document essentiel, tout est indiqué dans le dossier de ressources. Vous n'avez donc pas à vous inquiéter pendant l'apprentissage, Vous n'avez donc pas à vous inquiéter car nous avons fourni tout ce qui est requis le dossier de ressources Il s'agit d'un cours de niveau débutant à avancé adapté aux débutants. Donc, si vous n'avez aucune connaissance, vous n'avez pas à vous inquiéter car ensemble, vous et moi, nous apprendrons du le plus élémentaire au niveau avancé. Pendant l'apprentissage, si vous rencontrez des problèmes, vous n'avez pas à vous inquiéter. Il vous suffit de me poser la question, et je suis toujours là pour vous aider à faire face à tout problème. Tu n'as qu'à me poser la question pendant que tu apprends. Alors, qu'est-ce que tu attends ? Je suis ravie de vous avoir dans notre classe, et commençons ensemble à apprendre le Vibe Coding avec Quad 2. : débuter avec Vibe Coding: Bonjour à tous. Bienvenue à la toute première leçon d' apprentissage du codage Cloud Vibe Le codage Cloud Vibe est une approche de développement de logiciels d'assistance à l'IA dans laquelle vous décrivez ce que vous souhaitez créer en langage naturel et dans laquelle Cloud AI générera la majeure partie du code Au lieu d'écrire chaque ligne manuellement, le développeur s'est attaché à fournir des instructions claires, réviser et à générer le code, le tester et enfin à affiner le produit. Le terme « vibe coding » est devenu populaire en quelques années Il décrit un style de développement dans lequel EI agit en tant que partenaire de codage collaboratif et permettant aux développeurs créer des applications beaucoup plus rapidement J'espère donc que vous avez une idée de ce qu'est le codage Vibe. Et il existe de nombreuses plateformes de codage vibe comme Claude, Jamini CRs ou Chat GPT, et de nombreux autres modules EI Mais dans ce cours, nous nous concentrerons sur le cloud, et avec le cloud, nous développerons différents types d'applications avec le codage Vibe Donc, en fin de compte, si vous n' avez aucune connaissance préalable du codage, dans ce cas, vous n'avez pas à vous inquiéter , car avec le Vibe Coding, vous pouvez développer n'importe quel type d'application, n'importe quel type d'ensemble, n'importe quel type d'applications, tout ce que vous pouvez faire avec une ingénierie rapide ou une commande appropriée Vous n'avez donc pas besoin d'expérience en codage, vous devez savoir comment placer la commande pour générer votre sortie, n'est-ce pas ? Prenons donc un exemple. Donc, auparavant, pour créer une calculatrice, il fallait écrire beaucoup de codes. Mais de nos jours, créer une calculatrice est très simple. Même la calculatrice fournie par le système par défaut de Windows, laissez-moi l'ouvrir. Vous pouvez voir sur mon écran qu'il s'agit la calculatrice Windows par défaut, et cette calculatrice contenait beaucoup de codes dans le backend Et pour fabriquer une calculatrice il y a quelques années, il fallait plus de deux semaines à un mois pour fabriquer une calculatrice. Mais de nos jours, c'est assez simple. Vous pouvez le voir sur mon écran, j'ai ouvert le fichier clo.ai. OK ? Voici donc mon URL pour générer. Et ici j'écris Make a calculator. OK, donc ce que j'ai écrit ici dans ma boîte Serge, j'ai écrit créer une calculatrice, et j'ai cliqué sur ce bouton d'envoi de message et vous pouvez voir que le processus est lancé, et vous pouvez voir qu'une clé de hachage a été générée dans mon navigateur, et ce projet est appelé construction d'une calculatrice Et vous pouvez voir ici, dans cette offre, que les parties qui doivent être exécutées pour créer une calculatrice sont en cours d'exécution et le processus se déroule en arrière-plan. Il faut donc attendre un peu que la calculatrice soit créée. Attendons-en donc quelques-uns. Et c'est parti. Vous pouvez voir le résultat, et vous pouvez voir ici la calculatrice est créée ici. OK ? Jetons donc un coup d'œil. La calculatrice fonctionne ou non. Par conséquent, je veux multiplier dix par cinq. Quelle sera donc la réponse ? En fin de compte, la réponse sera 50. Jetons donc un coup d'œil. Appuyons le bouton d'égalité et vous verrez, nous avons obtenu notre réponse. Cela signifie que ce calculateur fonctionne maintenant. Vous voyez donc la différence ? Maintenant, vous pouvez créer une calculatrice en une seule commande. Donc, ce que j'ai écrit ici dans Cloud, je n'ai utilisé qu'une seule commande permettant de créer une calculatrice, et Cloud a créé la calculatrice pour moi. C'est ce qu'on appelle le Vibe Coding. J'espère donc que vous avez une idée pratique la façon dont fonctionne le codage des valeurs. Voyons maintenant ce que vous pouvez créer avec le codage Cloud Vibe Vous pouvez créer une application Web, une application mobile, des plateformes SAS, tableau de bord et des panneaux d'administration. API RST et services principaux, conception de bases et système d'authentification intégré, chatbots intelligents et applications basées sur l'IA, pages de destination et site Web marketing, interface UIUX, outils d' automatisation, extensions outils d' automatisation OK. Et pour un flux de travail classique, vous pouvez décrire votre idée de projet dans un langage simple. Vous pouvez demander à cloth de générer la structure du projet. Vous pouvez créer une fonctionnalité à la fois à l'aide d'instructions détaillées Vous pouvez consulter et générer le code, exécuter l'application et goûter aux fonctionnalités. Vous pouvez partager les erreurs éventuelles avec le code de débogage. Vous pouvez optimiser, refactoriser et déployer l'application. OK, le codage présente des avantages et des limites, non ? Donc, si vous considérez les avantages tels que l'accélération du développement logiciel, réduction des tâches de codage répétitives, facilitation de l'apprentissage de nouveaux frameworks, l' amélioration de la productivité des développeurs. Aider au débogage et à la refactorisation du code, générer des documents Et si vous considérez les limites, je génère du code Il peut contenir des bogues et des insuffisances. De plus, l'évolutivité des performances de sécurité nécessite toujours un examen humain. Une autre limite très importante concerne le fait qu' nécessite toujours un examen humain Une autre limite très importante concerne le fait un développeur doit comprendre l'architecture et la logique métier D'accord, vous devez donc tenir compte des avantages et des inconvénients , car cela présente des avantages et des limites. Mais toutes les limites peuvent être résolues, et nous apprendrons étape par étape comment cela résoudra le problème de sécurité, comment vous allez corriger les performances, tout ce que nous apprendrons entièrement dans ce cours OK. J'espère donc que vous avez acquis les connaissances fondamentales sur le codage clod vibe, et c'est ce que nous allons apprendre dans notre classe Dans notre prochaine leçon, nous allons donc apprendre les utilisations du cloud et les fonctionnalités du cloud pour commencer à coder des vibrations jusqu'à ce que vous preniez soin de vous et au revoir à tous 3. Utiliser Claude et configuration: Bonjour, tout le monde. Je vous souhaite une fois de plus la bienvenue. Dans cette leçon, nous allons en apprendre davantage sur l'utilisation du Cloud, nous allons découvrir la fonctionnalité du caillot, puis nous allons commencer le codage Vibe Donc, pour démarrer le codage Vibe, vous devez connaître l'utilisation des outils de Clot , les limites, les modèles, les utilisations, tout ce que vous devez savoir avant de commencer le codage Vibe C'est pourquoi nous allons maintenant découvrir la fonctionnalité Cloud. Vous pouvez donc voir sur mon écran que j'ai ouvert cloud.ai. Il s'agit de cette ERL dans mon navigateur, mais Cloud propose deux types d'abonnement Le premier est gratuit et le second est payant. Donc, lorsque vous lancerez clod.ai dans votre navigateur, vous aurez ce type d'interface, d'accord ? Il vous demandera donc de vous connecter, et vous pourrez vous connecter avec votre compte Gmail ou avec votre compte de messagerie personnel. Et dans le cloud, ils ont également l'application Dektop. Donc, au lieu du navigateur, si vous souhaitez utiliser leur version Dexter, dans ce cas, vous devez télécharger l'application Deckstop En fin de compte, l' IA du caillot peut être utilisée gratuitement, mais avec la fonctionnalité gratuite, vous ne pourrez pas utiliser tous les outils payants tels que la conception de caillots, code de caillot, et vous aurez également la limitation des jetons avec la Mais si vous souhaitez utiliser sans tracas et que vous souhaitez utiliser toutes les fonctionnalités contenues dans le caillot, dans ce cas, vous devez utiliser la version payante Voici donc l' interface après la connexion, et après la connexion, vous aurez une interface similaire, et c'est ma version payante. Vous pouvez donc voir sur le site du laboratoire qu'il y a une barre latérale, et vous pouvez voir qu'il s' agit de l'option de conception Donc, si vous cherchez à concevoir autre chose avec le caillot, dans ce cas, vous pouvez utiliser celui-ci C'est pour la vache et ceci pour le code du caillot. Donc, en fin de compte, le code du caillot est essentiellement utilisé à des fins de codage Mais au lieu du code caillot, vous pouvez également utiliser cette boîte de discussion pour coder Hein ? Et en plus de cela, vous pouvez l'utiliser via le code Visual Studio. Et je vais vous montrer comment exécuter du code caillot avec le code Visual Studio Mais avant cela, nous allons d' abord nous familiariser avec les outils sur le site Web. Ceci est le forum de notre site Web. Et ici, vous aurez la possibilité de personnaliser, ici pour les artefacts, ici pour les projets et ici pour les discussions. Et ici, toutes les discussions précédentes, vous aurez cette option de chat. Et si vous recherchez un nouveau chat, dans ce cas, vous devez opter pour le nouveau chat. Et si vous souhaitez développer le site Web, dans ce cas, vous devez utiliser l'option d'ouverture de la barre latérale. D'accord. Concentrons-nous maintenant sur les utilisateurs et les modèles. Vous pouvez donc voir ici, dans la boîte de discussion, que vous avez les modèles ici. Donc, si vous cliquez, vous pouvez voir ici le SontFive et cela semble être une option maximale. Permettez-moi de décrire comment ces choses fonctionnent. Je clique donc ici et vous pouvez voir, vous pouvez le voir maintenant, Cloud propose un total de cinq modèles. Voici la fable, voici l'Opus, voici le Sonnet et voici le Donc, en fin de compte, Cloud utilise actuellement cinq modèles au total. Et laissez-moi vous expliquer quel modèle convient le mieux à chaque type de travail. Vous pouvez donc voir que c'est le haïku, et ce haïku est le modèle le plus rapide et le plus économique. Ensuite, si vous pensez au Sonnet, c'est le moteur quotidien de l'industrie qui équilibre la rapidité du traitement avec le rezonage avancé Et puis, si vous vous concentrez sur l'Opus et le Fib, ces deux modèles se trouvent essentiellement des modèles haut de gamme à grande échelle conçus pour la conduite en profondeur et la résolution de problèmes , du codage lourd et des architectures complexes Et la fable est le dernier modèle publié récemment par Clause, et la fable est bien plus avancée que D'accord ? Donc, si vous recherchez un cas d' utilisation réel du haïku, il vous aidera pour tâches volumineuses où la rapidité compte et le jugement complexe, idéal pour le nettoyage de transcriptions ou la lecture de fichiers en masse Modifications rapides et requêtes répétitives de routine. Et pour ce type de tâche, le haïku est parfait. Et si vous recherchez un Sonnet, il est très utile pour les sorties professionnelles quotidiennes Il est hautement capable d'écrire du code, de rédiger des articles, analyser des ensembles de données et de générer des idées commerciales ainsi que des propositions pour les clients. D'accord. Et maintenant, si vous vous concentrez sur la fable fib et l'OPS, comme je l'ai dit, ces deux fonctionnalités sont les meilleures du cloud Et avec cet opus et cette fable, vous aideront à prendre des décisions à enjeux élevés et à redimensionner votre architecture en profondeur Et ces deux modèles conviennent parfaitement au génie logiciel complexe, modélisation financière et à la recherche scientifique, alors que la précision est primordiale. D'accord ? J'espère donc que vous avez compris comment ces quatre modèles fonctionnent sur le cloud. Donc, en fin de compte, comme je vous l'ai dit, fable est la dernière version, et cette fable a des capacités bien supérieures à celles de l'OPAS parce que l'OPAS était le modèle avancé auparavant, et récemment, nous avons parce que l'OPAS était le modèle avancé auparavant, et récemment, et récemment, Donc, en fin de compte, vous avez besoin d'une échelle de codage simple et massive ou importante Dans ce cas, vous pouvez opter pour les Opas et les cinq préférés. Tout dépend donc du nom du modèle. Maintenant, concentrons-nous sur l'effort, d'accord ? Donc, si vous cliquez ici sur cette option d'effort, vous aurez au total cinq types d'effort différents , comme un effort faible, effort moyen, un effort élevé, un effort supplémentaire et un effort maximum. Vous devez donc savoir une dernière chose : l'effort vous aide essentiellement à obtenir des résultats, ainsi qu'à limiter le nombre de jetons. Et je vais vous expliquer comment fonctionne la limite de jetons. Fab et haiku, ils ont deux modèles différents. Et avec cet effort, si vous utilisez Fable, votre limite de jetons brûlera très rapidement, mais avec le hi ku, votre jeton brûlera lentement Alors, quelle est la précision que vous recherchiez si vous cherchez à obtenir la précision parfaite avec un faible jeton, dans ce cas, vous pouvez utiliser cet effort élevé. Avec un effort important, vous consommerez moins de jetons, mais vous obtiendrez une réponse parfaite. D'accord ? Mais si vous recherchez une sortie rapide, dans ce cas, vous devez utiliser l' effort Max, mais dans ce cas, votre jeton brûlera très rapidement. D'accord. Et si vous cliquez sur ces autres modèles, dans ce cas, vous aurez l'ancienne version. Comme ici, on y voit des modèles Opus 4.8. Mais si vous recherchez des modèles précédents tels que 4.7 ou 4.6, dans ce cas, vous l'aurez dans l' option plus de modèles. Ainsi, parmi les modèles les plus nombreux, vous aurez l'Opus 4.7, 4.6, trois, ainsi que le Sonnet C'est le dernier modèle, mais si vous recherchez d'anciens modèles, vous en aurez ici. Voici l'affichage de 4.6. Je vous ai donc déjà dit quel modèle fonctionne dans quel but et comment fonctionne l'effort. Faisons maintenant connaissance avec les utilisateurs, et c'est vraiment très important. Donc, pour vérifier les utilisateurs au sujet des jetons, vous devez d'abord vous rendre en bas à gauche de votre navigateur. Vous pouvez donc voir qu'il s'agit de l'icône, et tout tourne autour de votre profil. Ainsi, lorsque vous cliquez ici, vous aurez l'option de configuration. Et dans les paramètres, vous aurez cette option d'utilisation. D'accord ? Vous devez donc cliquer ici, cela utilise et maintenant vous pouvez voir différents types de limites sont indiqués ici. Comme s'il s'agissait d'un plan qui utilise des limites, et j'utilise la version pro. D'accord ? Ils ont donc différents types de modèles, et j'utilise la version pro, et en fonction de vos besoins ou de votre processus de travail, vous pouvez choisir n'importe quelle version à partir de là, d'accord ? Donc, avec ma version pro, il y a la limite de session actuelle. Ensuite, j'ai une limite hebdomadaire. J'ai un crédit d'utilisateur et j'ai une limite de dépenses mensuelles. D'accord. J'ai donc un type de limitation différent, et c'est ce que je vais vous expliquer maintenant comment fonctionne cette limitation. Vous pouvez donc voir la session en cours, et maintenant, puisque vous l'utilisez à 0 %. Cela signifie qu'au cours de ma session actuelle , rien n'est encore utilisé. Voyons donc comment fonctionne la limite de session actuelle. Et donc, je vais taper ici cette IA cloud. Et maintenant je veux écrire ici bonjour. Et j'ai juste appuyé sur le bouton d'introduction. OK, donc le processus est déjà en train de démarrer. Et maintenant, si vous regardez ici, je consomme déjà peu de choses, et maintenant vous pouvez le voir après avoir appuyé sur le bouton Bonjour, ou si je tape simplement le halo ici, alors ce que j'ai obtenu, c'est d'ici que j'ai trouvé la réponse. Et après avoir envoyé l'invite Halo ici, les utilisations sont modifiées. Donc, au lieu de zéro, ce sont maintenant les actualités d'une seule personne. Cela signifie qu'au cours de ma session actuelle, j'ai déjà écouté les actualités d'une seule personne. Et dans ma session actuelle, lorsqu'il sera réinitialisé, il se réinitialisera au bout de quatre heures et 53 minutes. , en fin de compte, Claude fournit cinq heures pour chaque devise. Dans les cinq heures, vous devez utiliser votre limite et quantité de jetons que vous avez brûlés ou la quantité de jetons que vous avez utilisée. C'est ce qui est indiqué ici. Donc, à titre d'exemple, j' ai utilisé une personne, et maintenant j'écris ici, écris un essai pour Block chain. Et j'appuie sur le bouton d'introduction. D'accord ? Alors maintenant, Claude va vous donner un test détaillé pour la chaîne de blocs, et après avoir obtenu le résultat final, nous devons vérifier ici quelle quantité est utilisée. Vous pouvez donc le voir ici en train de traiter le test, et ici, vous pouvez voir qu'au lieu de 1 %, il est maintenant transformé en 3 % Et pour modifier les dernières utilisations la vérification de la session en cours, vous pouvez utiliser cette option. Il s'agit de l'option d'actualisation, et vous pouvez voir la dernière mise à jour il y a moins d'une minute. Donc, si vous cliquez ici, dans ce cas, il vous mettra à jour ou vous donnera le rapport de mise à jour D'accord. Et maintenant, vous pouvez voir qu'il a été utilisé à 4 %, d'accord ? Cela signifie que le résultat est déjà préparé dans un autre onglet. Revenons donc à un autre onglet. Et maintenant, vous pouvez voir que j'ai déjà reçu l'essai sur la blockchain. Cool, non ? Voici donc mon résultat. Et pour la rédaction de cet essai, limite totale de 4 % a été utilisée. Et maintenant, permettez-moi de cliquer ici pour actualiser. En fin de compte, jeton de 4  % est utilisé depuis ma session en cours. J'espère donc que vous avez une idée du fonctionnement de la session en cours et quantité d'entrées et de sorties que vous recevrez de la boîte de discussion. Ensuite, en fonction de vos entrées et de vos sorties, votre limite d'utilisation sera consommée. OK, c'est donc toute la session en cours. Concentrez-vous maintenant sur la limite hebdomadaire, et vous pouvez voir que la version pro contient les limites hebdomadaires, et vous pouvez voir que j'ai déjà consommé 6 % de ma limite hebdomadaire. Donc, en fin de compte, pour toutes les cinq heures il fournit la session en cours, et selon l'utilisation de votre session en cours, les limites hebdomadaires sont épuisantes. Ainsi, pour chaque utilisation de la session en cours, il est augmenté en fonction de l'utilisation de votre session. Cela augmente la limite hebdomadaire. Et une fois que votre limite hebdomadaire est terminée ou une fois que votre limite hebdomadaire est totalement dépassée, vous ferez ce que vous ferez. Certains d'entre vous effectuent une tâche de codage très faible et leur limite hebdomadaire est dépassée, alors ce que vous allez faire. Dans ce cas, vous pouvez utiliser des crédits. D'accord ? Ainsi, si votre carte de crédit est déjà associée à votre option de facturation, vous pouvez ajouter le crédit ici et l'utiliser à partir de votre crédit. Et vous pouvez définir la limite de dépenses mensuelles. Comme ici, j'ai fixé la limite de dépenses mensuelles de 20$. Cela signifie que si ma limite hebdomadaire est dépassée, je peux utiliser plus de 20$ sur ma carte de crédit. Et pourtant, j'ai encore solde d'environ 100$, fourni par le cloud et je peux toujours utiliser ce crédit de 100$. Mais ce crédit promotionnel a un problème d'expiration. Ils vous fourniront donc des dates d'expiration, et vous devrez utiliser le crédit promotionnel avant la date d'expiration. D'accord ? Et encore une chose que je tiens à vous dire à propos du crédit promotionnel : vous n' obtiendrez pas toujours le crédit promotionnel. Selon la campagne de promotion proposée par le Cloud, vous recevrez parfois le crédit promotionnel, mais vous ne l'obtiendrez pas toujours. C'est vrai. C'est ainsi que vous utiliserez l'IA clod, et lorsque vous effectuerez le gros travail de codage, vous devez vous concentrer sur ce point, car si vous fournissez une grosse commande qui s' exécutera ou consommera beaucoup de jetons Donc, avant de fournir la commande large, vous devez vérifier la limite de session actuelle et limite hebdomadaire, car si vous avez très peu de limite pour session en cours ou si vous avez très peu de limite hebdomadaire, et si vous fournissez la commande la plus élevée qui consommera un grand nombre de jetons, dans ce cas, votre commande ne sera pas exécutée correctement et vous vous devez vérifier la limite de session actuelle et la limite hebdomadaire, car si vous avez très peu de limite pour la session en cours ou si vous avez très peu de limite hebdomadaire, et si vous fournissez la commande la plus élevée qui consommera un grand nombre de jetons, dans ce cas, votre commande ne sera pas exécutée correctement et vous vous avez quelques problèmes dans votre code. C'est pourquoi vous devez vérifier les utilisations lorsque vous utiliserez le cloud. Et c'est une bonne pratique pour le codage. Et si vous vous concentrez sur les utilisations et si vous vous concentrez sur l'invite, cela vous aidera à générer le résultat parfait. Et encore une chose, je tiens à vous dire que lorsque vous aurez le moins de carencation, comme s'il ne vous en restait plus que 20 %, il en restait déjà 80 % conçus, 20 % À ce moment-là, fournir la grosse commande pour obtenir le gros résultat n'est pas une bonne pratique. Vous devez toujours utiliser la commande la plus grande lorsque vous aurez une limite de session suffisante, n'est-ce pas ? J'ai donc utilisé 4% en ce moment afin de pouvoir fournir une grosse commande pour une sortie plus importante. Mais si vous n'avez qu'une limite de 80 %, dans ce cas, si vous fournissez la commande plus importante pour générer une sortie plus importante, pour effectuer un codage volumineux ou pour fournir un PRD dès le début, votre processus ne sera pas terminé immédiatement. Par conséquent, vous devez garder à l'esprit que lorsque vous aurez suffisamment de curenzation, dans ce cas, vous pourrez entrer le message approprié pour le code Et selon vos besoins, ils proposent différents types de modèles comme le P, le max, les équipes. Donc, en fonction de vos besoins, si vous avez besoin d'utilisations plus importantes, dans ce cas, vous pouvez améliorer vos plans, n'est-ce pas ? C'est ainsi que fonctionne le clod, et j'espère que vous avez compris comment le jeton cloud fonctionnent le jeton cloud, la session et les limites Cool, non ? Nous avons donc déjà introduit l' interface avec les modèles, les jetons, et il est maintenant temps d'appliquer le véritable codage Vibe Donc, dans notre prochaine leçon, nous allons créer un thème WordPress, et ce thème WordPress se développera totalement grâce au codage Vibe J'espère donc que vous avez apprécié cette leçon . La prochaine leçon sera très intéressante, et vous aborderez beaucoup de choses importantes dans notre prochaine leçon. En attendant, prenez soin de vous et au revoir à tous. 4. Développement de thème Vibe Coding: Bonjour, tout le monde. Je vous souhaite une fois de plus la bienvenue. Et dans cette leçon, nous allons apprendre comment vous allez créer un thème WordPress en utilisant be coding. Et si vous n'avez aucune connaissance en codage, vous n'avez pas à vous inquiéter car nous créerons le thème wordpress et nous le rendrons fonctionnel en utilisant le codage Vibe et en utilisant le prompt, nous le fabriquerons et nous le ferons vivre sur l'hébergement OK. Passons donc directement à notre point principal. Donc, pour créer un thème Wordpress en utilisant be coding, dans un premier temps, vous devez créer le PRD Alors, qu'est-ce que PRD signifie exigence du produit Et dans le PRD, vous devez mentionner ce que vous allez gagner C'est vraiment important, d'accord ? Donc, au début, vous devez créer le PRD, et dans le PRD, vous devez tout mentionner , comme la couleur, le créneau, le nombre de pages qui s'y trouveront, votre objectif, votre but, votre structure, votre sécurité, vos performances, tout ce que vous devez mentionner dans le Et donc, en apprenant à créer du PRD, je vais vous le montrer tout de suite Et d'après mon expérience personnelle, volez-le, j'ai trouvé Google JaMine basé sur Google JaMine pour écrire PRD parce que j'utilise le chat GPT, j'ai utilisé le copilot, clod et j'ai utilisé Google JaMine et entre les deux, comparez tous les autres agents d'IA, j'ai trouvé que Google Jaini écrit un PRD très Google JaMine et entre les deux, comparez tous les autres agents d'IA, trouvé que Google Jaini Par conséquent, je vais utiliser le JMI E pour écrire le PRD OK, comme vous pouvez le voir sur mon écran dans mon navigateur, j'ai ouvert le jm@google.com. Il s'agit de l'URL et vous connaissez déjà cette plateforme d'IA populaire. Et ici, tu dois écrire un message, d'accord ? Donc, avant de commencer à créer le thème, si vous savez pour qui et dans quel but, quel est le créneau ? Quelles sont les catégories ? Si vous savez tout, vous pouvez directement écrire ici. Par exemple, nous allons créer un thème WordPress pour restaurant, dont le nom sera Moogle Restaurant D'accord, le thème sera donc créé au nom du restaurant moghol. Et voici le nom de la marque. Donc, ce que nous avons déjà déclaré ici, nous avons déclaré le créneau. Cela signifie que notre créneau est la nourriture car le restaurant est lié à la nourriture, et le nom de notre thème sera le thème du restaurant moghol Donc, en fin de compte, deux choses que nous avons décrites ici. Le premier est le nom de la marque et le second est le créneau. Donc, comme ça, tu dois tout décrire si tu en as. Par exemple, si vous avez la palette de couleurs, si vous avez le style d' arrière-plan, si vous avez le style de typographie, vous pouvez tout décrire dans le PRD Mais si vous n'avez pas le créneau exact, les catégories exactes, la palette ou toute autre information, dans ce cas, vous pouvez faire appel à l'IA. D'accord, commençons donc par créer le PRD. Et pour fabriquer le pod, vous devez écrire l'invite. OK ? Commençons donc par écrire l'invite et pour écrire l'invite dans un premier temps, ce que vous devez écrire, je veux créer un thème Wordpress et ce sera un thème de restaurant. D'accord, j'ai donc mentionné que je vais créer un thème WordPress, et ici j'ai mentionné la niche et ce sera un thème de restaurant. Et le nom du thème sera Michael Restaurant. TIM. OK. Donc, dans un premier temps, j'ai déclaré avoir déclaré le créneau et le nom de mon équipe. Et maintenant, ce que j'ai besoin d' écrire, je dois l'écrire ici, et j'ai fait du PRD pour cela. OK. Donc, en fin de compte, je fais juste le PRD avec Jamin E, mais je vais exécuter le PRD en Par conséquent, vous devez mentionner ces éléments dans votre invite. C'est pourquoi j'écris ici. Je développerai le thème de Claude. D'accord, je vais donc développer le thème par Clot. C'est ce que j'ai mentionné. Et si vous donnez la commande exacte, dans ce cas, vous aurez le meilleur PRD car Jim et E comprendront que codage sera généré par l'IA du caillot. Par conséquent, JaMine préparera le PRD conformément à votre demande C'est pourquoi vous devez toujours mentionner, si vous utilisez le JMNE pour le PRD, quelle plateforme d'IA sera utilisée pour Et donc, j'ai déjà mentionné ici que je développerais le thème par caillot. OK. Maintenant, vous devez mentionner quelques points, comme le code doit être au niveau de l'entreprise. normes de niveau entreprise garantissent la sécurité. Garantissez les performances. Et réactive. D'accord, donc en fin de compte, lorsque vous utiliserez ce mot clé réactif, il sera compatible pour l'onglet Bureau et les vues du smartphone. OK, c'est donc notre principal problème. Passons donc en revue ce que nous avons écrit ici. Dans un premier temps, je l'ai mentionné ici, je voulais créer un thème Wordpress. C'est donc ce qui est exactement déclaré : ce que vous allez faire. Je souhaite créer un thème Wordpress, et ce sera un restaurant. Donc ici, c'est le créneau, d'accord ? Et le nom de l'équipe sera Mogul Restaurant. Et voici le nom de votre marque. Et j'ai besoin d'un PRD pour ça. OK. Donc, en fin de compte, je demande le PRD à Jamini Tout tourne donc autour de l'invite. Ensuite, j'ai mentionné que je développerais le thème par cloud. Donc, ici, je déclare quelle sera ma plateforme. Ensuite, j'ai mentionné que le code devrait être conforme aux normes de l'entreprise, garantir la sécurité, garantir les performances et être réactif. D'accord, pour prononcer cette phrase amère, vous pouvez écrire ici et le thème devrait être le même. Réactif. OK, cool, non ? Alors maintenant, appuyons sur le bouton d'introduction de notre clavier ou vous pouvez simplement cliquer sur ce bouton d'envoi, vous aurez alors le PRD principal, mais vous devrez apporter plus de directives et de modifications une fois que vous aurez le Allons d'abord chercher le PRD. Ensuite, nous effectuerons la modification en fonction de vos besoins. OK, donc j'appuie sur le bouton inter. Et une fois que vous aurez appuyé sur le bouton d'introduction, le processus démarrera et vous pourrez voir ici le résultat Vous pouvez donc voir le document sur les exigences du produit ou le PRD, et vous pouvez voir ce qui est mentionné ici Le document sur les exigences du produit PRD est conçu pour développer un thème de restaurant magnat à l'aide d'un collaborateur basé sur l'IA, tel que cloud, pour obtenir un code sécurisé et performant au niveau de l'entreprise à partir d'un LLM Les exigences sont décomposées en plusieurs parties, spécifications modulaires que vous pouvez intégrer au cloud section par section Voici donc notre PRD. Au début, il est nommé ici. Le nom du projet sera le thème du restaurant Mogul, et ici déjà, AI a défini le public cible Quel sera donc mon public ici ? J'ai parlé la gastronomie des restaurants d' Asie du Sud ou de Mogul, marques culinaires haut de gamme et des valeurs hôtelières haut de gamme Tout dépend donc du public cible. Au lieu de cela, j'ai généré un public ciblé Si vous avez un public cible, dans ce cas, vous pouvez écrire ici. Supposons que vous créiez un thème WordPress pour le style européen ou pour la cuisine chinoise. Dans ce cas, vous devez indiquer quel sera votre public cible. Cela vous aidera donc à générer correctement le thème. OK, donc ici, il est question de philosophie. Concentrons-nous maintenant sur le plan technique. Et vous pouvez voir que dans le domaine technique, il est fait mention du framework de développement. Ici, il est question d'une approche hybride utilisant composant PHB standard combiné à une bibliothèque de blocs Gutenberg personnalisée Aucune dépendance à un élément ou à un DV pour garantir des performances optimales. C'est vraiment très important. OK. Donc, en fin de compte, de nos jours, quels pré-avoir deux types d'éditeurs. Le premier est, par défaut, l'éditeur Gutenberg. C'est le dernier en date, et en plus de cela, si vous n'êtes pas un technophile , dans ce cas, vous pouvez vous concentrer sur l'Elementor, car Elementor est très facile à utiliser et c'est une option Dragon Donc, si vous avez les connaissances de base sur la bibliothèque de blocs, comme si vous avez déjà connaissances sur le Gutenberg, dans ce cas, vous pouvez simplement utiliser ces éléments directement ou au lieu de la bibliothèque de blocs, si vous n'avez aucune connaissance technique, dans ce cas, vous pouvez utiliser un élément parce qu' Elementor, comme je vous l'ai dit, est très facile à utiliser et contient beaucoup de composants, mais le problème est que vous n' aurez pas toutes les fonctionnalités d' Elementor gratuitement car Elementor a une version payante et une version gratuite Mais avec la version gratuite, vous pouvez apporter de nombreuses modifications. OK ? Ainsi, en fonction de vos besoins, vous pouvez choisir le framework, ce soit la bibliothèque de blocs Gutenberg ou Elementor De nos jours, la bibliothèque de blocs Gutenberg est donc largement utilisée. Par conséquent, je préfère d' abord utiliser la bibliothèque de blocs Gutenberg. OK. Ensuite, ce qui est écrit ici dans plan architectural technique en quelques secondes permet de maintenir la norme de code, respecter à 100 % la norme de codage vocal Wordpress et les règles internationales ESL pour JavaScript Comme nous avons demandé le code standard, il est déjà mentionné ici. Ensuite, il est question de l'efficacité de la base de données. Ensuite, il est question de la gestion d'actifs. Ensuite, pour ce qui est de la fonctionnalité principale et des exigences fonctionnelles, il s'agit de fournir ce que vous pouvez voir ici, à savoir un moteur de menu dynamique, un système de réservation de luxe, système de réservation de luxe personnalisateur en direct et un jeton de design Ensuite, il se concentre sur les spécifications de sécurité de l'entreprise. OK, donc ici, ce que nous avons mentionné, nous avons en grande partie ce dont nous avions besoin. Nous sommes arrivés ici. Mais la question est ce qui est fourni par le contenu généré par l' IA ou par le PRD généré par l'IA Si vous avez besoin de modifier autre chose, vous pouvez le faire. Comme vous pouvez le voir ici, il propose un menu de plats dynamique. Vous pouvez voir que c'est demander le système de réservation de luxe. Si vous n'avez pas besoin du système de réservation associé à votre thème, vous pouvez le supprimer. Et pour le supprimer, vous devez écrire un message ici et je vais vous le montrer. OK. Donc en fin de compte, tout va bien jusqu'ici. Et surtout, dans un premier temps, vous devez déclarer le cadre. Et une autre chose que je tiens à vous montrer, numéro quatre, concerne les performances et l'optimisation, et vous pouvez obtenir un score interne de 95 plus la vitesse payante. C'est donc vraiment très important. Permettez-moi de vous expliquer comment ces choses fonctionnent. Si vous souhaitez classer votre site Web, dans ce cas, votre site devrait se charger rapidement. C'est pourquoi j'ai parlé de la performance. Et après avoir utilisé ce mot clé à mon invite, j'ai obtenu une norme de performance et d'optimisation dans mon PRD Ensuite, il a été question de l'EIUX et c'est une matrice réactive parce que je disais qu'elle devait être réactive car non seulement pour l' ordinateur portable ou le bureau, elle devait être compatible avec le smartphone, mais aussi pour l'onglet Et c'est pourquoi le cinquième point est mentionné à propos de la réactivité, cool Et dans le numéro six, il a été question de la stratégie de développement avec le cloud, comme nous l'avons déclaré, il sera développé par le cloud tout est prévu ici Cool, non ? Alors maintenant, vous avez encore quelques questions. La première question est de savoir si vous allez créer le framework avec Gutenberg ou Elementor Si vous n'êtes pas intéressé à concevoir votre thème avec le Gutenberg, vous pouvez écrire ici Vous pouvez écrire au bal de fin d'année ce que je veux, je veux créer le thème pour une compatibilité élémentaire OK ? Et de la part de l'équipe, si vous n'avez pas besoin du système de réservation, si vous souhaitez supprimer ces éléments, vous pouvez écrire ici. OK. Donc, je tiens à écrire cela, car je ne cherche pas ce système de réservation, mais je conserve la bibliothèque de blocs Gutenberg. C'est pourquoi j'écris. Je n'ai pas besoin de ce système de réservation de luxe. Donc je copie d' ici et je colle. Je n'ai donc pas besoin de la fonctionnalité du système de réservation de luxe. Ensuite, j'appuie sur le bouton d'introduction. Donc, après avoir écrit ces informations, le système de réservation sera supprimé. Cool, non ? Donc, en fin de compte, maintenant tout est fourni ici et maintenant je vais vous dire une chose très importante, donc la modification vient d'être apportée. Vous pouvez voir ici qu'après avoir mentionné que je n'ai pas besoin d'un système de réservation de luxe, le système de réservation de luxe a été supprimé, mais il est fourni séparément. Mais je n'ai pas besoin de cette méthode. Je n'ai pas besoin du PRD, copie à l'usage, car sinon, chaque fois que je dois revenir sur mon Gemini, je dois copier le Encore une fois, je dois le coller. C'est complètement désordonné, mais je n'ai pas besoin de tout ce désordre. J'ai besoin de moyens propres pour douceur sans aucun problème. J'ai donc besoin d' une copie pour utiliser le PRD. Je vais donc copier les propriétés à partir d'ici, et je vais les utiliser sur le cloud sans aucun problème C'est vrai. Et encore une chose que je dois vous dire si vous voyez que la police entière est assez volumineuse, non ? En fin de compte, le cloud doit générer de nombreuses commandes. Le cloud doit suivre de nombreux processus. Et dans ce cas, votre jeton risque de brûler automatiquement. Par conséquent, nous devons appliquer une chose, n'est-ce pas ? Par conséquent, je dois écrire une invite, car si vous fournissez le PRD complet et si vous fournissez le PRD d'entrée à Cloud et si vous exécutez la commande, alors avec une seule commande, Cloud ne sera pas en mesure de créer le thème à partir de ce PRD car le processus est long et cela prendra de nombreuses minutes, voire des heures, parfois cela prend et votre sortie ne sera pas Par conséquent, nous allons diviser l'ensemble du PRD de manière séparée Comme dans une seule commande, Cloud exécutera l'étape de performance, et dans une autre commande, Cloud exécutera l'étape de sécurité. Dans une autre commande, il exécutera les normes du code. Donc, si nous divisons le PRD différentes manières ou en différentes étapes, votre jeton ne sera pas utilisé en interne et les performances seront très fluides Et vous pouvez suivre l'utilisation de votre station actuelle et obtenir le résultat parfait. Par conséquent, ce que vous devez écrire, vous devez écrire une invite ici. Je vais donc écrire l'invite ici. Regardez mon écran, s'il vous plaît. J'écris ici. Il est trop grand pour créer le thème en une seule commande pour le cloud. Par conséquent, je veux diviser en étapes. Le PRD doit se diviser en huit étapes. Une étape est terminée, puis Claude doit me demander la permission de passer à l' étape suivante. OK. Donc ce que j'ai écrit ici, je l'ai écrit, c'est trop gros pour créer le thème en une seule commande pour Clot. Par conséquent, je veux diviser en étapes. Le PRD doit se diviser en huit étapes une fois qu' une étape est terminée, puis le caillot doit me demander la permission de passer à l'étape suivante Cela vous aidera donc à sauvegarder votre jeton. Et si vous utilisez ce produit courant, votre sortie sera parfaite et vous n'aurez aucun problème. OK, donc j'appuie sur le bouton inter, et maintenant vous devez attendre que la sortie soit générée via le Jamini, vous pouvez voir qu'elle a été générée en huit étapes au total Et vous pouvez voir à la première étape qu' il est question de la tuberculose centrale à la deuxième étape. Il s'agit du type de publication personnalisé dans trois méta-boîtes dans quatre modèles principaux sur cinq, bloc Gutenberg personnalisé numéro six, du bloc Gutenberg personnalisé numéro six, du menu alimentaire réactif dans le numéro sept Intégration du personnalisateur en direct et en quelques étapes, tout tourne autour de la sécurité et de l'optimisation des performances Il est donc divisé en huit parties au total. Ainsi, une fois la première partie terminée, il vous sera demandé de passer à la deuxième étape. Si vous donnez la commande que vous acceptez de démarrer la deuxième étape, clod lancera l'étape suivante Voici donc comment vous pouvez enregistrer votre jeton, vous pouvez obtenir le résultat parfait. OK, cool. Maintenant, il ne s'agit pas de copier pour utiliser ces choses. Par conséquent, vous devez écrire une autre invite, comme je veux l'écrire ici, je suis prêt à l'utiliser et à copier pour utiliser le PRD pour le caillot OK. Donc, lorsque vous écrirez ce bal de fin d'année dont j'ai besoin, prêt à être utilisé et à copier pour utiliser le PRD pour les caillots, il vous en donnera une copie Un bloc à copier. Vous aurez une boîte noire ici, et vous aurez l'option de copie. Tu dois juste attendre un peu parce que tu peux voir OK, allons-y. Voici le résultat. Et maintenant, vous pouvez le voir, nous avons une copie à utiliser ou un PRD prêt à l'emploi ici Il vous suffit de copier le devis à partir d'ici, et il est divisé en différentes étapes. OK, donc ici, la huitième étape est mentionnée ici et tout ce que nous avons dans le PRD est mentionné, conformément à notre demande. Alors maintenant, que devez-vous faire ? Il vous suffit copier le code à partir d'ici, puis de revenir au caillot et de le coller ici C'est donc la tâche, mais avant de coller le PRD dans le Cloud, nous devons déterminer le modèle que nous allons utiliser C'est vraiment important. Donc pour les modèles, vous pouvez voir en ce moment par défaut, nous avons le Solid fib Mais Solid fib est bon pour générer du code, c'est bon pour écrire Mais si vous recherchez des fonctionnalités avancées sans tracas, dans ce cas, à mon avis, vous pouvez directement utiliser OPas 4.8 ou Mais il faut des fables. Vous pouvez voir ici que le crédit est obligatoire et que vous le connaissez déjà. Mais juste pour le moment et de mon point de vue, rien que pour votre tâche, vous pouvez utiliser cet Opus 4.8. Je vais donc voir Opus 4.8. Et encore une chose, je tiens à vous dire qu'à partir du FFO de FFOT, je veux utiliser high, car si vous utilisez Max, vous consommerez beaucoup de jetons Par conséquent, un niveau élevé est suffisant. Et encore une chose, si vous activez ce bouton de réflexion, dans ce cas, cela prendra beaucoup de temps. OK ? Donc, si vous souhaitez obtenir une sortie plus rapide avec une précision parfaite, dans ce cas, vous pouvez simplement utiliser le high. Et mon opinion personnelle est que vous pouvez continuer à désactiver cette option de réflexion . OK, cool, non ? Alors maintenant, nous devons le coller ici. Alors collons le PRD ici. Je suis donc en train de coller et vous pouvez voir que c'est déjà collé ici, et j'envoie l'invite, ou vous pouvez appuyer sur le bouton d'introduction de Maintenant que vous pouvez voir que le processus est lancé et que ce qui est écrit ici, je vais le construire étape par étape. Permettez-moi de commencer par la première étape. Cela prendra donc un peu de temps car vous devez passer par huit étapes au total. Ainsi, une fois la première étape terminée, il vous sera demandé de commencer la deuxième étape. Nous devons donc attendre que la première étape soit terminée. Attendons donc quelques instants. Alors, on y va. Notre première étape est terminée, et sur le côté droit, vous pouvez voir l'aperçu, d'accord ? Et si vous faites défiler l'écran vers le bas, vous pouvez voir à la première étape ce que Cloud a créé, le fichier de style, les fichiers de thème ont créé le fichier de fonction. Puis il me demande si je peux passer à la deuxième étape. Voyons maintenant combien de jetons il a été consommé. Et vous pouvez voir ici que 9 % de jetons sont déjà consommés, et ma session actuelle va être réinitialisée dans les 15 minutes. OK ? Et maintenant, on m'a demandé si je pouvais passer à la deuxième étape. Alors tu peux écrire ici. Oui, commencez. Deuxième étape. Ensuite, vous pouvez appuyer sur le bouton d'introduction de votre clavier. Et vous pouvez voir ici que la deuxième étape est commencée. Encore une fois, nous devons attendre un peu, et si vous ne voulez pas voir l'aperçu sur le côté droit, dans ce cas, vous pouvez fermer cet aperçu et passer en plein écran. OK, donc encore une fois, nous devons attendre quelques instants. Encore une fois, vous pouvez voir que la deuxième étape est terminée, et là encore, on a créé des CPT PhgFleu, des fonctions PHGFleu Ensuite, on m'a demandé l'autorisation pour les métabxes et les champs personnalisés et Quad souhaite commencer la troisième étape C'est pourquoi je veux écrire, commencer. Troisième étape. OK, encore une fois, je dois attendre un peu jusqu'à ce que la troisième étape soit terminée. Vous pouvez donc voir que la troisième étape est terminée. Il a créé les méta-boîtes et les fonctions. Et maintenant, il m'a demandé de lancer la quatrième étape, et tout tourne autour du modèle de base et des fichiers de mise en page hiérarchique. Alors laissez-moi donner l' ordre, commencez. Quatrième étape. Vous pouvez donc voir que la quatrième étape est lancée. Voyons maintenant combien de jetons sont consommés. Par conséquent, dans un autre onglet, j'ai ouvert ici et vous pouvez voir que j'ai encore neuf minutes pour réinitialiser ma limite de session actuelle, et jusqu'à l'année, un total de 18 % de consommation totale. OK ? OK, notre quatrième étape est donc terminée. Et à la quatrième étape, de nombreuses choses ont été créées. Vous pouvez voir l'index du menu Mole unique, l' en-tête, le pied de page, la fonction de navigation dans un seul menu Beaucoup de fichiers sont créés, et maintenant il m'est demandé de commencer la cinquième étape. Et laisse-moi donner le commandement. Ici, commencez l'étape 5. Ensuite, il faut attendre un peu. Voyons maintenant combien de jetons sont consommés. Cliquons sur notre autre onglet et vous verrez que 24 jetons ont été consommés au total, et nous avons six minutes pour réinitialiser notre devise actuelle Bien, attendons que l' étape 5 soit terminée. OK, donc l'étape 5 est terminée. Maintenant, demandez-moi de commencer la sixième étape. Laisse-moi écrire. Oui, commencez. Sixième étape. Encore une fois, il faut attendre. La sixième étape est terminée. Permettez-moi de commencer par la septième étape. Laisse-moi écrire. Ici, commencez l'étape sept. Et encore une fois, il faut attendre. Vous pouvez donc voir que la septième étape est terminée, et qu'il ne nous reste plus qu'une étape. C'est pourquoi il me demande la tâche finale. Et laissez-moi écrire, oui, commencez l'étape huit. Vous pouvez voir que le processus de l'étape 8 est lancé. Maintenant, examinons nos utilisations, et vous pouvez voir que ma limite de session précédente est réinitialisée, et après avoir fourni la commande ou le texte d'invite, seulement 2 % sont consommés, et ma limite de session actuelle ou actuelle sera réinitialisée au bout de quatre heures et 56 minutes plus tard. OK. J'espère donc que vous avez une idée pratique du la limite de session actuelle fonctionnement de la limite de session actuelle, car vous venez voir que ma limite de session précédente est réinitialisée alors que mon étape se poursuivait. vous pouvez le constater, la huitième étape est toujours en cours d'exécution et c'est la dernière étape. Cela prendra donc un peu plus de temps, car il s'agit de peaufiner le fichier final et d'auditer tout. Par conséquent, cela prendra un peu plus de temps. Nous devons donc attendre que la huitième étape soit terminée. Et c'est parti. Enfin, nous avons terminé huit étapes au total. Et vous pouvez voir que nous avons enfin obtenu notre fichier de thème. Il s'agit du fichier Zip MoblerStaant et du fichier principal Et en plus de cela, c'est fourni. C'est ce qu'on appelle un document. MD est l'abréviation de Markdown. En fin de compte, tout dépend des performances de sécurité ou des méta-boîtes « lisez-moi ». Nous devons donc maintenant vérifier le thème fonctionne ou non Il faut donc goûter au thème de notre hébergement principal. Ensuite, nous nous assurerons que le thème fonctionne et qu'il est fonctionnel. Par conséquent, que devons-nous faire, nous devons écrire une invite ici et me laisser fermer l'aperçu de droite, et laisser moi écrire que je veux diriger l'équipe vers un hébergement partagé, alors donnez-moi le fichier d'équipe WordPress à installer dans WP admin. OK. Donc ce que j'ai écrit ici parce qu' faut goûter au thème fonctionne ou non, et donc nous allons le faire vivre, et par conséquent, je vais utiliser un hébergement mutualisé. Et si vous avez un hébergement dédié, vous pouvez écrire la commande en fonction de votre hébergement, mais je vais utiliser l'hébergement mutualisé, comme je vais utiliser le nom de puce, et par conséquent, je vais goûter au fichier de thème dans l'hébergement mutualisé. C'est pourquoi j'ai écrit ici. Je souhaite faire passer le thème à un hébergement partagé. Alors donnez-moi le fichier de thème Wordpress pour installer WP. Admin, et cet administrateur WP est l' abréviation de WordPress admin. OK ? Alors j'appuie à nouveau sur le bouton d' envoi, et maintenant j'ai le fichier G complet prêt. OK ? Je dois donc attendre un peu. Alors, on y va. Nous avons obtenu notre résultat final ici. La création de notre thème est donc terminée, et vous pouvez voir ici qu' après ce que j'ai écrit ici après ma précédente demande selon laquelle je souhaite exécuter le thème sur un hébergement partagé, donnez-moi donc le fichier du thème WordPress à installer dans WP admin. Après avoir fourni cette invite, j'ai obtenu mon dernier fichier Zip ici. Vous pouvez voir sur le côté droit que j'ai mon fichier Zip, vous pouvez donc le télécharger ici. Ou si vous faites défiler la page vers le bas, vous pouvez également télécharger à partir d'ici. Il s'agit du bouton de téléchargement, identique à celui du côté droit. OK. Permettez-moi donc de terminer un aperçu, et vous pourrez déjà voir Clot étant donné comment vous allez installer le thème sur votre wordpress Vous pouvez voir que les instructions sont fournies. Vous devez d'abord opter pour l'apparence, puis vous devez opter pour le thème, puis vous devez opter pour la nouvelle annonce. Et enfin, vous devez opter pour l' option de téléchargement, non ? Et après l'avoir téléchargé, vous devez opter pour l'installation maintenant, puis pour l'option d'activation. Chaque commande est donc donnée ici, et vous pouvez voir que le nom de notre thème est un restaurant Moogle Donc, selon notre PRD, nous avons tout obtenu, et notre thème est créé Il est donc temps de télécharger Je vais cliquer sur le bouton de téléchargement et vous verrez que le fichier est téléchargé. OK ? Il s'agit donc de notre fichier principal. Maintenant, dans notre prochaine leçon, nous allons héberger ce thème sur notre hébergement, et nous allons en apprendre davantage sur l'hébergement et le dépannage. Si vous rencontrez une erreur, si vous rencontrez des problèmes, nous corrigerons tout dans notre prochaine leçon La prochaine leçon est donc vraiment très importante, et j'espère que vous l'avez appréciée, et que vous avez déjà une idée de la façon dont vous allez créer le thème WordPress en utilisant le codage Vibe sur Cloud Passons donc à notre prochaine leçon. Prenez soin de vous, et au revoir à tous. 5. Hébergeur et résolution de problèmes: Bonjour, tout le monde. Bienvenue, encore une fois, et maintenant nous allons héberger notre thème, et nous allons résoudre les problèmes si nous trouvons des problèmes, puis nous les résoudrons Et c'est très important car vous devez savoir comment fonctionne le dépannage , n'est-ce Vous pouvez donc voir sur mon écran que j'ai ouvert un domaine, et c'est ce à quoi je me suis connecté. C'est dans mon interface d'administration WordPress. OK ? Donc, pour y parvenir, vous devez d' abord avoir votre hébergement et à l'intérieur de votre hébergement, vous devez installer le Word Press, puis vous aurez cette interface. OK ? Vous pouvez donc voir que pour tester le thème, par conséquent, ce que je dois faire je dois d'abord opter pour l' apparence. À partir de là, vous devez opter pour l'option thème, et à partir d'elle, vous trouverez cette option de thème publicitaire. Par conséquent, vous pouvez utiliser ce thème publicitaire. Et encore une chose que je tiens à vous dire si vous n'avez pas l'hébergement partagé ou si vous n'avez pas acheté d'hébergement. Mais si vous voulez toujours essayer, le thème fonctionne ou non. Dans ce cas, vous pouvez utiliser votre serveur local. Et pour le serveur local, vous pouvez utiliser un autre logiciel comme Za wamp, et en utilisant ce type de logiciel, votre ordinateur local agira comme un serveur local, et vous pouvez héberger votre Wordpress sur l' hôte local, puis vous pouvez télécharger puis vous pouvez télécharger le thème ici ou vous pouvez directement utiliser ce WP local, vous pouvez utiliser ce site et vous téléchargez le WP local à partir d'ici et vous pouvez vous connecter directement à votre ordinateur et vous pouvez transformer votre ordinateur en serveur ou en serveur local, et vous pouvez utiliser le serveur local comme hébergement. OK ? Mais si vous êtes déjà familiarisé avec l'hébergement comme l'hébergement mutualisé ou l'hébergement acheté, dans ce cas, vous savez déjà comment WordPress est installé, et après avoir installé le Wordpress, vous aurez ce type d'interface. OK, passons donc au test du thème. Donc, d'après l'apparence, vous devez opter pour l'option thème, et à partir de là, vous obtiendrez cette option d'ajout de thème. Donc, lorsque vous aurez l'option Ajouter un thème, encore une fois, vous avez une autre option, et à partir de là, vous devez opter pour le thème de téléchargement Une fois que vous aurez cliqué sur les télécharger, une fenêtre contextuelle apparaîtra. OK ? À partir de là, vous devez choisir un fichier et la fenêtre contextuelle apparaîtra. Et vous pouvez voir le fichier téléchargé déjà dans notre dossier. Vous devez donc sélectionner le chemin où vous avez conservé votre fichier téléchargé. Vous pouvez donc voir que voici mon fichier restaurant, le fichier de thème, puis vous devez sélectionner le fichier de thème, puis cliquer sur Ouvrir. Et après avoir ajouté le fichier ici, vous devez opter pour l'option Installer maintenant. Et après avoir cliqué sur Installer maintenant, vous devez attendre un peu, puis activer le fichier, n'est-ce pas ? Vous pouvez donc voir que j'ai le bouton d'activation. Permettez-moi donc de cliquer sur le bouton Activer. Et vous pouvez voir que le thème est activé, et vous pouvez voir ici que le thème du restaurant Mole est activé. Voyons maintenant à quoi ressemble le thème car nous devons vérifier s'il fonctionne ou non. Et si vous vous concentrez sur le côté B, vous pouvez voir que nous avons déjà le menu des plats. Et ce menu fait partie de notre thème. Cela signifie que notre thème est totalement fonctionnel et réalisable, non ? Donc, pour voir ce que vous pouvez faire, vous pouvez cliquer ici et à partir de là, vous pouvez opter pour l'option côté visite et j'ouvre dans un nouvel onglet ou vous pouvez simplement accéder directement à l'URL où vous avez installé le thème. Vous pouvez donc voir que j' ai mon thème ici et qu'il fonctionne, n'est-ce pas ? Alors maintenant, nous n'avons aucun design. Nous avons juste l'architecture. Nous avons l'architecture. Maintenant il le faut. Nous devons ajouter ce design à notre thème. Auparavant, ce que nous avions créé, c'était juste la structure et l'architecture du thème, et le thème est réalisable et nous n'avons eu aucun problème, nous n' avons eu aucune erreur, et nous inclinons, nous n' avons eu aucun Mais le thème n'a aucun design. Et maintenant, nous devons créer un design. Et pour réaliser le design, nous devons suivre un processus différent. Et pour le design, vous devez créer le design séparément. Mais le thème dont nous avons créé la fonctionnalité, et vous pouvez le voir ici, est le menu des plats à partir d'ici. Vous pouvez créer les menus. Vous pouvez voir ici ajouter un nouvel élément de menu, et ce menu sera ajouté à votre page principale. OK, nous avons donc l'architecture. Nous avons tout ce dont nous avons besoin. Mais la principale question est que nous n'avons pas encore le design parce que nous le voulons. Nous voulons créer notre propre design. Et vous pouvez voir que Gutenberg fonctionne parfaitement, et Gutenberg se concentre sur le titre du bloc, et vous pouvez voir si vous voulez ajouter des pages, vous pouvez ajouter les pages pour ajouter les éléments Vous avez le champ ici, et si vous cliquez sur ce bloc d'annonces, vous aurez différents types d' options, comme si vous souhaitez ajouter les images, le paragraphe, le titre, shortcode et bien d'autres options sont disponibles Si vous cliquez dans Parcourir, vous aurez différents types d' options pour ajouter autre chose, vous pouvez voir que voici l' option pour Google Hero Par exemple, si vous souhaitez ajouter un slider ou une section héros votre page d'accueil, vous pouvez l'ajouter à partir d'ici Mais non seulement ces éléments, vous aurez de nombreuses options à ajouter à votre site Web. OK ? De nombreuses options sont donc disponibles. Il vous suffit de picorer d' ici et de l' utiliser sur votre site Web Bien. Notre structure est donc prête, mais le moment est venu de le concevoir, et nous voulons le faire. Nous voulons appliquer un nouveau design à notre thème car nous avons la structure, nous avons l'architecture, mais nous n'avons pas encore le design. Et maintenant c'est l'heure de faire le design. Dans notre prochaine leçon, nous allons apprendre comment créer un design et comment associer ce design à votre thème actuel. D'accord, donc cette leçon porte sur l'hébergement et le dépannage, mais pour l'instant, nous n'avons pas encore de solution de dépannage car le thème fonctionne parfaitement Nous n'avons aucun problème. Nous n'avons aucun problème. C'est donc une bonne pratique car lors de la création d'un thème, si vous rencontrez un problème, votre thème ne sera pas installé sur l'hébergement. Et lors de l'installation, vous aurez l'erreur, et vous pouvez voir que nous installons le thème, mais nous n'avons aucune erreur. Cela signifie que notre thème fonctionne parfaitement. Et c'est l'un des principaux avantages de l'utilisation du modèle Cloud OPS. Vous pouvez le voir, j'ai utilisé le modèle OPS d'après mon expérience précédente, j'utilise le modèle Sont et j'ai créé de nombreux thèmes avec le modèle Sonnet Et avec le Sonnet, j'ai eu quelques cannes, j'ai eu quelques problèmes, mais avec la version Opus 4.8, et en plus de la version fable, j'ai obtenu le Bien. Nous avons donc créé le thème, et dans notre prochaine leçon, nous allons créer le design et nous l' appliquerons à notre thème. 6. Appliquer le design au thème: Bonjour, tout le monde. Bon retour. Encore une fois, dans cette leçon, nous allons apprendre comment ajouter design ou comment appliquer le design au thème. Donc auparavant, nous venions créer le thème et vous pouvez considérer le thème comme le corps et vous pouvez considérer le design comme une robe. Alors maintenant, nous allons mettre la robe sur le corps, non ? Nous devons donc d'abord faire la conception, et par conséquent, nous devons également créer un PRD appelé document d' exigences du produit appelé document d' exigences du produit pour la partie conception Et le design que nous ne créerons pas via le cloud. Nous allons réaliser le design avec le Google Stitch. Et vous pouvez voir sur mon écran que j'ai ouvert un autre navigateur, et dans mon navigateur, j'ai ouvert cet EL, j'ai ouvert cet EL, et le nom de cet ERL appelé stitch.withgoogle.com Et ce Google Stitch est un produit de Google. Et avec ce site Web ou avec cette application, nous réaliserons le design de notre thème. Mais quel en sera le design ? Quelle sera la palette de couleurs ? Quel sera le ton, tout, nous devons le reprendre depuis le cloud. C'est pourquoi nous devons demander à Cloud quel sera le design et nous devons donc écrire quelques instructions dans Cloud. Par conséquent, revenons au cloud et ici, vous devez écrire une invite. Laissez-moi écrire l' invite et vous pourrez suivre ce que j' écris. Je dois appliquer le design pour le thème et le design. J'ai besoin de créer par Google Stitch. Maintenant, donnez-moi un PRD rapide pour le design que je vais appliquer sur Google Stage. OK. Ensuite, encore une chose que je dois écrire sur les images, car l'image de la palette de couleurs, c'est ce que je dois mentionner ici, et maintenant je vais saisir l'image sur la palette de couleurs, sur le motif. C'est ce que je vais écrire maintenant. Je veux Google Stitch, créer les images pour le design par IA et utiliser une couleur accrocheuse pour le Le design doit avoir l'air professionnel. Et moderne, je vais vous donner le design de Google Stitch au format STML et CSS, et vous devez appliquer le design au thème OK, c'est donc notre invite, et avec cette invite, nous obtiendrons le PRD ou l' invite pour le Google Stig, et nous copierons l'invite d' ici et nous l' utiliserons sur Google Révisons donc ce que j'ai écrit à propos de l' invite. En fin de compte, j' ai écrit ici. Je dois appliquer le design du thème et le design que je dois créer par Google Stage. D'accord ? Donc, ici, j'ai mentionné à partir de quelle plate-forme je vais générer mon design. Maintenant, donnez-moi un message et un PRD pour le design, que je vais appliquer sur Google Stitch Je veux Google Stitch, créer les images pour le design par IA et utiliser une couleur accrocheuse pour le Si vous avez un design attendu, dans ce cas, vous pouvez écrire ici que la couleur principale sera le violet ou le vert ou la couleur que vous souhaitez mettre pour votre design. Vous pouvez écrire ici si vous avez choisi une couleur spécifique, non ? Et si vous n'en avez pas dans ce cas, vous pouvez simplement donner la commande de base. Dans ce cas, l'IA générera la palette de couleurs pour vous. OK. Ensuite, ce que j'ai écrit, le design doit être professionnel et moderne, je vais vous donner le design de Google Stitch au format HTML et CSS, et vous devez appliquer le design au thème OK. Donc, en fin de compte, Google Stitch génère le design au format HTML CSS Par conséquent, j'ai mentionné ici que je vais donner le design au format HTML CSS, et Claude doit rendre le design compatible avec le thème. OK. Bien que nous appliquions le design dans le cloud, il sera confronté à certaines erreurs Nous découvrirons donc comment résoudre les problèmes liés à l' application du design depuis Google Stage, n'est-ce pas ? Appuyons donc sur le bouton d'envoi, et nous devons attendre quelques instants car cela prendra un peu de temps. Et assurez-vous d' utiliser le modèle Opas car le modèle Opas fonctionne vraiment bien Et vous pouvez voir dans la première partie qu'il fournit l'invite Google Stitch et vous pouvez voir qu'il fournit l'invite Google Stitch ici. Nous devons simplement copier les pages. Je veux dire, nous devons copier le tout à partir d'ici et nous devons coller sur Google Vous pouvez voir que la première partie est terminée et maintenant nous devons attendre la deuxième partie et tout tourne autour du design PRD. Et c'est parti. Il y a deux choses là-dedans. Comme résultat, vous pouvez voir que dans la deuxième partie, nous avons obtenu le design PRD, et dans la première partie, nous avons parlé de l'invite Google Stitch Nous devons donc appliquer ces deux éléments dans Google Stitch. Mais avant cela, je souhaite utiliser une seule invite car l'utilisation de deux invites est compliquée. Par conséquent, je souhaite fusionner ces deux éléments en un seul. C'est pourquoi vous devez modifier ou écrire une autre invite ici, et je ferme l'onglet de droite pour l'aperçu. Et ici, je vais écrire que j'ai besoin d' une invite pour le design et le PRD pour Google Stitch Donnez-moi une copie pour utiliser Design Prompt et PRD at own, afin que je puisse appliquer les deux à la fois Donc, ce que j'ai écrit, j'ai besoin d'une invite pour le design et le PRD de Google Stage Donnez-moi une copie pour utiliser Design prompt et PRD moi-même afin que je puisse appliquer les deux à la fois OK, donc je clique sur le bouton Envoyer un message, ou vous pouvez appuyer sur le bouton d'introduction de votre clavier Et maintenant, nous avons reçu un message combiné pour le concepteur. Vous pouvez le voir sur le côté droit, nous avons maintenant la possibilité de copier. Vous pouvez voir que voici l'option de copie, nous pouvons donc simplement utiliser l'option de copie et nous pouvons copier entièrement l' invite de conception ainsi que le PRD Donc, tout ce que vous pouvez voir ici est fourni conformément aux instructions que nous avons données ici. OK, cool. Je vais donc copier à partir d' ici et vous pouvez voir que c'est copié sur mon clime board, et maintenant je reviens à Google Stitch Et dans Google Stitch, assurez-vous que vous n'utilisez pas cette version de l'application, car cette application sert essentiellement à créer le design d'une application mobile Mais comme nous allons créer le design de la version Web, vous devez vous assurer de sélectionner la version Web, puis de coller ici, vous devez coller ici, et vous pouvez voir l'invite et le design que j'ai collés ici et vous pouvez voir qu'il propose différents types de palette de couleurs, ainsi que la Tout est prévu ici, non ? Une fois que tout est collé, vous pouvez appuyer sur le bouton Genet. Ou si vous avez un logo ou des images spécifiques, dans ce cas, vous pouvez utiliser ce signe plus, puis vous aurez l'option de télécharger des fichiers. Donc, si vous avez un logo, héros ou une image de curseur, dans ce cas, vous pouvez utiliser cette option de téléchargement de fichiers et ajouter les images Mais cette fois, nous n'allons pas télécharger ou ajouter d'images spécifiques, nous utiliserons une image générée. Par conséquent, je vais cliquer sur le bouton Générer. Et une fois que vous aurez cliqué sur le bouton Générer, cela prendra beaucoup de temps car cela créera quelques pages, quelques designs, et pour terminer l'ensemble du processus, cela prendra un peu de temps. Vous pouvez voir que vous devez garder un œil sur le côté gauche, vous pouvez voir qu'un cercle se déplace ici, qu'un cercle se déplace, que l' image se crée ici, la page se crée ici. Vous devez donc attendre que le cycle de chargement ou de traitement cesse de bouger, n'est-ce pas ? Le cercle est donc toujours en mouvement. Cela signifie que le processus est en cours et que vous pouvez voir que Google Stage est en train d' esquisser notre design D'accord, vous pouvez donc voir que cela pourrait être la page accueil, la page du produit ou la page de détails. Tout se crée selon nos instructions. Nous devons donc attendre que l' ensemble du processus soit terminé. Ensuite, nous exporterons le dessin et nous l'exporterons vers le caillot. Nous devons donc attendre que chaque processus soit terminé. Alors, on y va. Vous pouvez maintenant voir que le processus est arrêté. Cela signifie que le cercle est arrêté. Cela signifie que l'ensemble du processus est terminé. Et en bas à droite, vous pouvez voir les sept personnes. Tout tourne autour du Zoom. Donc, si vous souhaitez augmenter le zoom, car vous pouvez voir Google Stage créé, nombre d'images, et ces images sont générées par l'IA. Nous recherchions donc les images, et c'est pourquoi, selon notre commande, l'image est générée par l'IA, et certaines pages ont été créées. Vous pouvez donc voir que toutes les pages ont été créées ici, voici la page d'accueil, voici le menu et voici les détails du produit. OK, cool. Nous devons donc maintenant exporter ces choses. Et pour l'export, que devez-vous faire ? Vous devez le sélectionner et vous assurer que tout est sélectionné. Sinon, s'il manque un élément , une image ou des pages, le design ne sera pas appliqué correctement. Par conséquent, vous pouvez voir ici que vous devez utiliser cette option de sélection, puis vous devez d'abord sélectionner les images, puis vous devez appuyer sur le bouton Shift de votre clavier et vous devez sélectionner tous les éléments étape par étape. Encore une fois, je vous dis que tout doit être sélectionné. Maintenant, vous pouvez voir que tout est sélectionné, et maintenant nous devons le faire. Il faut maintenant l'exporter. Et pour l'exportation, vous pouvez voir ici l'option Exporter. Et ici, si vous faites défiler la page vers le bas, vous aurez cette option zip. Il vous suffit donc de sélectionner l'option zip puis de l'exporter. Vous pouvez le voir, le total est d'environ 17,2 mégaoctets et le design est exporté Maintenant, nous devons télécharger ce design le caillot pour l'appliquer à notre thème. OK, allons-y. Je dois donc retourner à mon caillot et voici un navigateur. Et pour appliquer ce design, vous devez utiliser ce signe plus, puis sélectionner l'option Ajouter un fichier ou une photo. OK. Et voici le design que nous venons de télécharger, vous devez donc le sélectionner, puis cliquer sur Ouvrir. Nous devons donc attendre un peu car il s'agit d'environ 17 mégaoctets, et vous pouvez voir que le design Maintenant, tu dois écrire, tu dois écrire l'invite. Et ici, pendant que vous devez écrire, vous devez écrire, j'ai téléchargé le fichier zip depuis Google's Ditch et le fichier est généré à partir de l'invite et du PRD que vous avez donnés Maintenant, appliquez un design à partir d' fichier Z et ajoutez-le au thème. OK, donc ce que j'ai écrit ici rapidement, que j'ai téléchargé le design, puis je l'ai écrit ici. J'ai téléchargé le fichier Z depuis Google Stitch, et le fichier est généré à partir de l'invite et du PRD que vous avez donnés Maintenant, appliquez le design du fichier Z et ajoutez-le au thème. OK. Alors tu dois le faire. Vous devez envoyer le même message, cela prendra un peu plus de temps et vous poserez quelques questions. Et vous pouvez voir que le fichier Z est en cours d'extraction. D'accord ? Il a donc extrait le fichier Z. Et quel est le design de ce stylo, de six bonnes pages HTML. Ce MD représente Markdown et 11 images. Permettez-moi de lire ce document sur le système de conception et le balisage de page. OK, je vais prendre un peu plus de temps. Vous devez attendre que le processus soit terminé et une fois le processus terminé, il nous donnera le fichier Z ou si vous rencontrez des problèmes, vous aurez les problèmes ici Claude vous informera du problème auquel il est confronté. Allons-y. Nous avons obtenu notre résultat, et vous pouvez voir qu'il fournit au total trois fichiers différents, plus il s'agit de design de restaurant, il s'agit du CSS et le fichier de thème est au format JSON, d'accord ? Mais il vous sera compliqué d' appliquer le fichier de conception séparément, ce fichier de thème séparément. Par conséquent, vous devez vous préparer à utiliser le fichier. Par conséquent, je vais écrire une autre invite. Ensuite, nous avons une fermeture éclair et le motif sera appliqué à la fermeture éclair. Par conséquent, vous devez écrire une invite ici. J'ai besoin d'un fichier Zip de thème prêt à l'emploi où ce design est applicable et sera visible après l'installation du thème sur l'hébergement. OK, donc j'ai écrit ici. J'ai besoin d'un fichier de thème Z prêt à l' emploi où cette conception est applicable et sera visible après l'installation du thème sur l'hébergement. D'accord ? Après avoir écrit ceci, vous aurez un seul G. Et encore une fois, j'appuie sur le même bouton de message, et vous devez attendre un peu car cela prendra un peu de temps. Alors voilà. Nous nous sommes préparés à installer le fichier Z pendant 1 seconde. Et vous pouvez alors me demander pourquoi c'est réellement ce fichier. Lisez-moi est un fichier dans lequel vous aurez des conseils sur la façon d' installer ce qui est requis pour cette équipe. Et vous pouvez voir que la version 6.4 de Wordpress et la version 7.4 de PHBour sont requises version 6.4 de Wordpress et la version 7.4 de PHBour OK. Et voici un guide sur la façon dont ces choses fonctionnent. Et il a placé un importateur de démonstration pour le contenu. D'accord ? Il est donc doté d'un bouton d'importation de démonstration pour importer le design que nous avons créé. Alors, dans un premier temps, que devons-nous faire ? Nous devons télécharger ce thème Moholrstaurant. Vous pouvez donc cliquer sur ce bouton de téléchargement et vous pouvez voir que le téléchargement est terminé et que la taille du fichier est passée à 1,7 mégaoctet Nous devons maintenant le télécharger sur notre Revenons-en à Google Chrome. Ici, j'ai ouvert mon interface administrateur WordPress et je n' ai pas appliqué le thème Voyons donc à quoi ressemble le design actuel, et voici mon design actuel. Maintenant, je veux télécharger pour le téléchargement, ce que vous devez faire, vous devez accéder à l' apparence à partir de là, puis nous devons cliquer sur cette option de thème. Ensuite, nous devons accéder au thème de l' annonce puis les télécharger. Et ici, vous devez accéder à l'option Choisir un fichier. Par conséquent, vous devez accéder à l'option Choisir un fichier. Et voici notre fichier Zip, et vous pouvez voir ce MoblerStaurant C'est ce que nous venons de télécharger depuis le cloud. Il vous suffit de le sélectionner, puis de cliquer sur Ouvrir, puis de cliquer sur Installer maintenant. Ensuite, il me demande de remplacer le fichier car nous l' avons déjà fait un thème du même nom est déjà installé, et encore une fois, nous l'avons téléchargé. C'est pourquoi vous devez cliquer sur ce bouton pour remplacer le fichier installé par le fichier téléchargé. D'accord ? Et maintenant vous pouvez voir, maintenant vous pouvez voir que l' installation du thème est terminée. Vous pouvez donc voir l'équipe le mettre à jour avec succès, c'est écrit ici, et maintenant vous pouvez penser que le design est applicable sur notre site principal. Alors, pensez-vous vraiment que la réponse est non ? Donc, pour être sûr d'y aller, je vais visiter mon URL principale et je vais cliquer sur ce bouton d'actualisation, et le résultat sera toujours le même car le design n'est pas encore appliqué. Vous pouvez donc me poser la question. Le thème est téléchargé et mis à jour, alors pourquoi le design n' est pas appliqué. Donc, si vous vous concentrez sur notre fichier Read Me, vous pouvez entendre que vous pouvez voir ici dans le fichier Read Me, nous devons d' abord configurer la démo car le design que nous avons téléchargé ou que nous avons créé à partir de Google Stage a été ajouté au thème. Cela a fonctionné en tant que contenu de démonstration, et nous devons importer la démo. Et pour importer la démo, que devez-vous faire ? Vous devez recharger la page ou vous pouvez accéder directement au tableau de bord, vous aurez alors la mise à jour Je clique donc sur le tableau de bord, et maintenant vous pouvez voir que nous avons une option pour configurer la démo, puis vous devez cliquer sur Configurer la démo, puis vous aurez ce contenu de démonstration d'importation. Ainsi, lorsque vous cliquerez sur ce contenu de démonstration d'importation, l' importation de la démo commencera. D'accord ? Vous pouvez donc voir Importation terminée. Vous pouvez voir ici une notification Importation terminée, six plats et deux pages créées. Donc, encore une chose que je tiens à vous dire pendant que vous importerez la démo, parfois la page d'accueil peut être manquante, parfois une page supplémentaire peut manquer, et si quelque chose manque, dans ce cas, nous apprendrons comment y remédier. Il est donc temps d'appliquer le look exact que nous avons ajouté. Donc, pour y jeter un œil, vous pouvez aller sur mon blog ici et à partir d'ici, vous pouvez utiliser ce site de visualisation, et j'ouvre dans un nouvel onglet. OK, vous pouvez donc voir que voici la démo. Et comme je le disais, il se peut que certaines pages, certains menus soient absents. Vous pouvez donc voir que le style de notre page d'accueil est toujours absent. Mais regardons si le menu ou l' autre fonctionne ou non parce que nous avions le menu, nous avions les détails du produit. Donc, je vais vérifier le menu à partir d'ici, donc je clique sur le menu et vous pouvez voir que le menu fonctionne parfaitement, et vous pouvez voir que la page de menu fonctionne parfaitement. Et maintenant, nous devons vérifier si les détails du produit fonctionnent ou non. Je dois donc sélectionner un produit, et c'est parti. Nous avons obtenu les détails de notre produit, et il fonctionne vraiment bien. Vous pouvez voir que le prix est indiqué ici. Voici l'image. Voici le titre et les détails du produit. Et pour réserver, vous pouvez voir nous avons une option de réservation de table, mais elle n'est pas encore fonctionnelle. Par conséquent, vous devez appliquer un autre plug-in. D'accord, mais oui, en fin de compte, nous avons presque tous les designs ici, sauf que la page d'accueil n'est pas appliquée ici. Par conséquent, nous devons apporter quelques modifications rapidement. Et pour appliquer la page principale, nous devons prendre une capture d'écran. D'accord ? Vous devez donc faire une capture d'écran ou utiliser les outils de capture, et nous fournirons la capture d'écran au caillot pour quel problème sommes-nous confrontés ? C'est donc ce que nous devons faire dès maintenant. Ici, j'ai pris ma capture d'écran, et je reviens à Cloud. C'est mon cloud. Et voilà, je suis en train de le coller, et je dois écrire une invite que j'écris ici Le design de la page d'accueil n' est pas ajouté. reste du design est ajouté, mais assurez-vous que le design de la page d'accueil de Google Stitch doit être appliqué OK, j'ai donc donné la capture d'écran, et il vous suffit de prendre la capture d'écran d' ici et de la coller directement. Vous pouvez utiliser Control plus V, ou vous pouvez utiliser ce signe plus, et à partir du signe plus, vous pouvez ajouter la capture d'écran à l' endroit où vous avez défini. D'accord ? Ou vous pouvez, pour prendre la capture d'écran, utiliser l'outil de capture d' Donc, si vous allez dans votre barre de recherche et si vous écrivez les outils de capture, dans ce cas, vous pouvez prendre la capture d'écran à partir de là OK. Nous avons donc mentionné ici la page d'accueil ne l'est pas et en fait, le design de la page d'accueil n'est pas ajouté. OK. Le reste du design est ajouté, mais assurez-vous que la page d'accueil est conçue à partir de Google Speech. Devrait être appliqué, puis j'appuie sur le même bouton de message. Nous devons donc attendre car Claude va régler le problème, et vous pouvez voir ici, Cloud alreadyml, je peux voir le La page d'accueil affiche le héros et le bloc de notes du menu sous forme de texte brut au lieu du bloc de conception lui-même D'accord ? Il faudra donc un peu de temps pour que le processus soit terminé par le cloud, il faut attendre. Et c'est parti. Le processus est terminé et le nouveau fichier est généré à partir de notre nouvelle invite concernant la conception de la page d'accueil. Et vous pouvez voir que le nouveau fichier est créé et que je dois le télécharger. Je clique donc sur Télécharger. En le téléchargeant. OK, maintenant nous devons télécharger le thème sur notre hébergement, sans vraiment héberger sur notre Wordpress et donc, vous savez où vous devez aller, vous devez aller sur l'apparence à partir de là, vous devez accéder à un thème puis ajouter thème puis les télécharger. Et à partir de là, il faut choisir le fichier. Je sélectionne donc l'option Choisir un fichier, et voici mon fichier. Vous pouvez voir qu'aujourd'hui je viens de le télécharger, et voici le restaurant Mogul. Vous devez le sélectionner, puis cliquer sur Ouvrir. Ensuite, vous devez appuyer sur le bouton Installer maintenant, et cela prendra un peu de temps car la taille du fichier est plus grande qu'avant. C'est pourquoi cela prendra quelques instants, puis vous devrez activer ou remplacer la version actuelle. Attendons donc. Voici donc l'option. Et comme je le disais la version précédente est déjà téléchargée, mais nous allons ajouter la nouvelle version. C'est pourquoi nous devons utiliser cette installation de remplacement par uploadée. D'accord ? Parce que la version précédente est 1.2, et maintenant la version du fichier que nous avons téléchargée est à peu près la version 1.2 0.1. C'est pourquoi il demande le remplacement et l'installation du nouveau. Vous devez donc utiliser replace installed par uploadé. OK, maintenant vous pouvez voir que nous avons l'option à partir d'ici et maintenant rechargeons Mais encore une chose, vous devez vous assurer que la vitesse de chargement du thème est plus rapide, car nous avons parlé dans notre PRD au sujet des performances Voyons maintenant à quoi cela ressemble, et vous pouvez comparer entre avant et l'après dès maintenant pour voir ici que design du home pitch est appliqué conformément à notre design importé depuis la scène. Et maintenant, laissez-moi faire défiler la page vers le bas et vous pouvez voir tout ce que nous avons obtenu conformément à notre demande. Voici donc la section des héros et vous pouvez ajouter l'image ici, et ici les menus, et voici tout ce qui concerne les détails du produit. Mais c'est tout dans le thème précédent, nous n'avons pas cette page d'accueil, non ? Nous avions donc tous les menus, tout ce que nous avions sauf le design de la page d'accueil, et nous avons simplement résolu le problème avec notre page d'accueil. Voyons maintenant les boutons sont fonctionnels ou non. Alors, cliquons sur le filtre. Et si cela ne fonctionne pas, si le bouton ne fonctionne pas, nous allons le réparer. Alors laissez-moi cliquer sur le filtre comme le Berry Ai et vous pouvez voir que le filtre Bryan fonctionne, et vous pouvez voir que le Bryan est Maintenant, cliquons sur les pains et vous pouvez voir que l'article sur les pains parle des currys, ici sur le dessert écoutez les cubes et écoutez les En fin de compte, chaque filtre et chaque bouton fonctionnent et fonctionnent. C'est vrai. Donc, conformément à notre invite, nous avons maintenant le thème parfait. Nous avons donc eu un problème avec notre page d'accueil, mais le problème est résolu. J'espère donc que vous avez compris comment vous allez créer un thème à partir de zéro, comment vous allez appliquer le design depuis Google Stage, puis comment vous allez connecter le design à votre thème et comment vous allez résoudre le problème Donc, tout ce que nous avons appris ici. J'espère donc que vous avez apprécié cette leçon, et si vous avez des questions, vous pouvez me les poser dans la section commentaires ou dans la section discussion. Donc, si vous avez un problème, je peux y répondre et encore une chose, je dois dire que si vous avez le sous-entendu dans ce cas, vous pouvez commencer à créer un thème comme moi, ou vous pouvez simplement copier le PRD et toutes les informations requises pertinentes que vous pouvez commencer à créer un thème comme moi, ou vous pouvez simplement copier le PRD et toutes les informations requises pertinentes j'ai données dans le dossier de ressources Donc, si vous n'êtes pas en mesure de créer le PRD parfait, vous pouvez simplement le copier à partir du fichier de ressources J'ai mis le PRD dans le fichier de ressources, vous pouvez donc simplement copier et commencer à créer le thème Ou vous pouvez créer votre propre PRD et créer votre propre thème avec un créneau différent Parce qu'ici, j'ai créé sur le thème du restaurant, mais au lieu du thème du restaurant, vous pouvez créer un thème caritatif, vous pouvez créer un thème Ngo, vous pouvez créer un thème d'actualité. Selon votre choix, vous pouvez créer le thème comme vous le souhaitez, non ? J'espère donc que vous avez apprécié la leçon, et je m'attends à ce que vous soyez présents à notre prochaine leçon Prenez soin de vous et au revoir, tout le monde. 7. Créer une liste de plugins de tâches: Bonjour, tout le monde. Je vous souhaite une fois de plus la bienvenue. Et dans cette leçon, nous allons apprendre comment créer des plugins. Donc, dans la leçon précédente, nous avons appris comment il va créer un thème, mais cette fois, nous allons apprendre comment il va créer un plugin, et tout tourne autour du plugin wordpress car nous nous concentrons sur Wordpress et maintenant vous avez déjà une idée du processus à suivre. Au début, ce sur quoi vous devez vous concentrer, vous devez vous concentrer sur le PRD Alors que nous allons créer une liste de choses à faire, nous allons donc faire appel à l' IE et l'IE fournira tous les détails nécessaires. Nous prendrons le PRD à partir de là et nous ferons une demande de coagulation OK ? je préfère toujours GMNE pour écrire le PRD parce que JM&E fournit le PRD parfait, mais j'analyse toutes les autres plateformes, le Commençons donc par écrire le PRD, et, vous savez, je préfère toujours GMNE pour écrire le PRD parce que JM&E fournit le PRD parfait, mais j'analyse toutes les autres plateformes, le site Web des agents AI. Mais j'ai trouvé qu'un JMI PRD fonctionne bien et qu'il donne vraiment le résultat parfait avec le Donc, si vous combinez GME avec un caillot, vous obtiendrez un meilleur résultat OK, commençons donc à créer le PRD. Donc, ce que vous devez écrire rapidement, vous devez l'écrire, je veux créer une liste de plugins Wordpress pour les tâches à faire. Et j'ai besoin d'un PRD pour ça. Je vais développer les plugins avec un chiffon. Et j'ai besoin de toutes les fonctionnalités essentielles pour que le plugin de liste tâches soit fourni sur PRD OK, j'ai donc écrit une invite très simple, et révisons l'invite comme je l'ai écrit ici. J'ai donc écrit que je voulais créer un plugin Wordpress pour Todo List, et j'ai besoin de PRD pour Je vais développer les plugins avec Cloud et j'ai besoin que toutes les fonctionnalités essentielles pour plugin Todo list soit fourni sur PRD C'est donc une invite très simple, puis j'appuie sur le bouton d'introduction Et vous pouvez voir que le processus est lancé, et ici, tous les détails sont déjà donnés. Le nom du projet est donc mentionné ici, tout ce qui concerne le flux de tâches W. Ce sera donc notre titre provisoire. Et au lieu de celui-ci, si vous voulez mettre un nom spécifique, vous pouvez écrire ici parce que précédemment, nous avons donné un nom notre thème qui ressemble à un restaurant moghol, mais cette fois nous n'avons fourni aucun nom spécifique Vous pouvez donc écrire le nom ici. Donc, si vous avez le nom, sinon Jamie générera le nom généré par l'IA. Vous pouvez donc voir ce flux de tâches WB, c'est le nom du projet généré par l'IA Ensuite, il est fourni sur l' aperçu et l'objectif du produit, puis sur le public cible et les principaux cas d'utilisation. En troisième lieu, tout tourne autour de l'architecture du système. Et dans le numéro quatre, il propose un modèle différent concernant les spécifications des fonctionnalités. Et dans le numéro six, on trouve tout ce qui concerne l'exécution. OK, tout est fourni ici, et maintenant nous devons utiliser une autre invite de copie à utiliser et une autre invite prête à l'emploi. Maintenant, ce que tu as à écrire, tu dois l'écrire. Maintenant, donnez-moi le PRD prêt à l'emploi et copiez-moi pour l'utiliser. Vous allez donc écrire cette invite et lorsque vous appuierez sur le bouton de saisie, Jamini vous donnera la copie pour demander à PRD, et il vous suffit de copier d'ici et de coller Et c'est parti. Voici notre PRD, mais avant de copier ce PRD, vous devez vous assurer que chaque point, chaque fonctionnalité est inclus ou non , car j'ai une hallucination et avec l'hallucination, parfois elle saute, et c'est ce que je raconte Alors laissez-moi faire défiler la page vers le bas. Et oui, vous pouvez voir que pour les trois premières entrées ajoutées à la copie, utilisez le PRD, mais les numéros quatre, cinq et six ne sont pas ajoutés ici Nous devons donc le faire. Nous devons nous assurer que tous les modules, tous les points doivent être inclus sur la copie pour utiliser le PRD C'est pourquoi nous devons le faire. Nous devons encore écrire une chose. Nous devons écrire tout le PRD is M prêt à l'emploi et copier le PRD Tous les PRD ne sont pas inclus. Et PRD prêt à être utilisé et à copier pour utiliser. Et encore une chose, je dois m' assurer que pour l'exécution, vous devez demander au cloud terminer un processus ou une étape à la fois. Sinon, si vous fournissez tous les PRD à la fois, Cloud aura des problèmes concernant le jeton et les limites C'est pourquoi, dans chaque module, Claude vous posera la question. Le cloud va-t-il démarrer pour l'étape suivante ou non, comme avons déjà fait dans notre leçon de création de thèmes. C'est ce que nous voulons suivre ici, en procédant de la même manière. Après avoir terminé une étape, Claude devrait me demander la permission de commencer deuxième étape incluant cette commande dans PRD. OK. Donc, ce que j'ai écrit ici, tout le PRD n'est pas inclus dans le PRD prêt à être utilisé et à copier vers le PRD Après avoir terminé une étape, Pod devrait me demander la permission de commencer la deuxième étape, inclure cette commande dans le PRD OK, maintenant je clique sur le bouton Soumettre. Et maintenant, attendons le résultat. Ici, la copie pour utiliser le PRD apparaîtra. OK, maintenant nous devons vérifier une dernière chose, mais vous pouvez voir ici que les numéros quatre, cinq et six ne sont toujours pas inclus ici. Par conséquent, j'ai besoin d'une dernière invite et je dois écrire ici un PRD complet et prêt à l'emploi, où toutes les étapes et tous les processus sont inclus Donnez-moi une copie pour utiliser le format. Ce que j'ai écrit ici, donnez-moi un pard complet prêt à l'emploi où toutes les étapes et processus sont inclus, donnez-moi une copie au format d'utilisation, et maintenant je clique sur le bouton Soumettre. Et c'est parti. Et vous pouvez voir que nous avons toujours le même problème. En fait, cela s'appelle l'hallucination de l'IA, mais vous n'avez pas à vous inquiéter, je vous montre comment vous pouvez copier les informations saisies sauf celle-ci Si vous utilisez le module Enter dans la copie, c'est bon. Mais si vous n'y arrivez pas, vous n'avez pas à vous inquiéter, vous suffit de faire défiler la page vers le bas. Et puis vous aurez cette option de réponse de copie. Vous pouvez donc utiliser cette option de réponse de copie. Revenons maintenant à notre caillot. Il vous suffit de choisir une nouvelle option de chat et de vous assurer que le modèle est haut ici plutôt que haut Je vais maintenant utiliser cette option max. OK ? C'est donc l'option maximale. Je vais utiliser celui-ci ou maintenant vous pouvez le voir au lieu de l'Opus 4.8, maintenant nous avons l'Opus 5. Utilisons maintenant ce nouveau modèle car l'Opus 5 est plus avancé et l' Opus quatre points. C'est pourquoi je vais utiliser Opus 5. Et avec l'Opus Five, je pense que c'est parfait, car si nous utilisons Max Effort, dans ce cas, il consommera beaucoup de jetons. Par conséquent, je vais poursuivre mes efforts avec le modèle Opus Five. Auparavant, nous utilisions Opus 4.8, mais c'est la dernière version, elle est sortie hier, et c'est pourquoi je vais utiliser cet Opus 5. Et maintenant, collons-le. Vous pouvez donc voir, j' ai collé ici, et maintenant vous pouvez appuyer sur le même bouton de message et vous devez attendre car cela prendra un peu plus de temps, et à chaque étape, il vous demandera la permission de lancer une étape secondaire comme avant Nous devons donc attendre que ce processus soit terminé. Et c'est parti. Vous pouvez voir que notre première étape est terminée, et vous pouvez voir qu'il contient de nombreux fichiers au format PHQ Et maintenant, on m'a demandé de commencer la deuxième étape. Je dois donc donner l'autorisation, et nous devons examiner l'utilisation de notre station actuelle. Vous pouvez donc voir que j'ai déjà consommé environ 30 % de ma station actuelle. Je dois donc faire attention à la limite de sons actuelle, Je dois donc faire attention à la limite de sons actuelle car si la présentation est terminée pendant l'exécution d'un processus, il se peut que nous ayons des problèmes ou que nous ayons du code cassé C'est pourquoi il est toujours recommandé de jeter un coup d'œil à votre station actuelle. OK. Alors maintenant, pour commencer la deuxième étape, vous devez écrire ici, oui. Démarrez. Deuxième étape. Ensuite, vous devez appuyer le bouton d'introduction de votre clavier ou vous pouvez utiliser ce bouton d' envoi de message Et vous pouvez voir que le deuxième processus est lancé. Encore une fois, nous devons attendre que le deuxième processus soit terminé. Notre deuxième étape est donc terminée et nous demandons maintenant l'étape trois. Et maintenant, nous devons examiner combien de sessions en cours sont consommées. Auparavant, nous en avions 30 %. Maintenant, jetons un coup d'œil, et vous pouvez voir qu'il est passé à 37 %. Cela signifie qu'avec la commande actuelle, il est consommable à 7 % dans notre session en cours OK, alors laissez-moi terminer toutes les étapes, et passons directement à notre résultat final, car cela prendra beaucoup de temps. Et chaque fois que j'en ai besoin, je dois écrire ici la troisième étape, ici commencer, les étapes quatre, cinq, de même. Laissez-moi donc terminer toutes les étapes. Et quand la dernière fois viendra, nous commencerons notre leçon à partir de là. OK, toutes nos étapes sont terminées, et maintenant vous pouvez voir qu'il ne s'agit pas de lancer l'autre étape. En fin de compte, cinq étapes au total sont effectuées. Et si je fais défiler la page vers le haut, vous pouvez voir ici qu'il s'agit de commencer la cinquième étape. Il s'agit de la quatrième étape, et ainsi de suite. Mais maintenant, nous avons le résultat final ici, et vous pouvez voir que le nom de notre plugin est WP task flow, n'est-ce pas ? Vous pouvez donc voir que c'est ce que nous avons ici. Nous avons un nom de fichier différent, mais nous n'avons pas besoin du nom de fichier différent. Nous avons besoin de plugins prêts à l'emploi. Et par conséquent, nous devons écrire encore une chose. Je souhaite l'utiliser dans WPAdmin et me donner le plugin ZFle prêt à l'emploi OK, donc si vous utilisez cette invite, vous n'aurez qu'une seule pile G, et vous pourrez la télécharger sur votre administrateur WP, puis vous pourrez l'utiliser. Et ce sera plus facile au lieu d'utiliser ces quatre fichiers différents au total. Et maintenant je suis totalement prêt à utiliser le format. OK ? Nous devons donc attendre que le bâtiment Z soit terminé. Et c'est parti. Nous avons notre fichier Z ici et il contient quelques problèmes liés à l'erreur. Par exemple, si une tâche ne parvient pas à être enregistrée, lancez WP Dbug. Tout tourne autour du Dbug et voici le processus, comment vous allez corriger l'erreur Mais si l'erreur apparaît, nous devons suivre ces étapes et nous apprendrons comment vous allez corriger l'erreur. Mais pour le moment, nous avons le fichier WtS low Z et nous devons d'abord le télécharger Alors, où cliquer pour télécharger et vous pouvez voir que le téléchargement est terminé. Il faut maintenant le tester. Soit ça marche, soit ça ne marche pas. Alors goûtons à notre administrateur WP. Alors, on y va. Vous pouvez voir dans mon navigateur que j'ai ouvert cette ARL sur tastedkillfod.com, et ici, cette fois, nous n'optons pas pour l'apparence du thème Cette fois, nous n'allons pas y aller car ce n'est pas un thème. Il s'agit d'un plugin. Et par conséquent, vous devez opter pour l'option plugins. À partir de là, vous devez l'utiliser lors de l'option Plug-ins. Ensuite, vous aurez cette option de plug-in de téléchargement et les processus se dérouleront comme avant Vous devez choisir le fichier, et voici notre flux de tâches, et vous devez cliquer sur Ouvrir, puis sur Installer maintenant. Je vais prendre un peu de temps. Et vous pouvez voir que l'installation du plugin est réussie, et maintenant nous devons l'activer. Et pour activer, vous devez cliquer sur ce bouton d'activation du plugin. OK, allons-y. Vous pouvez voir que notre plugin est activé. Et si notre plugin a eu une erreur ou des problèmes, dans ce cas, vous pouvez recevoir le message d'erreur ici. Mais le plugin est construit avec succès et le plugin est activé avec succès, et vous pouvez voir le message indiquant plugin a été activé avec succès. Et maintenant, où trouverez-vous les choses ? Vous obtiendrez les réglages. Vous pouvez le voir sur le site Web. Nous avons un nouveau paramètre, et tout tourne autour de ma liste de choses à faire. Donc à partir de là, vous devez définir votre tâche, n'est-ce pas ? Alors laissez-moi cliquer ici, et vous cliquerez ici, vous aurez tout selon vos besoins. Vous pouvez donc voir ici que nous avons une liste de tâches en attente et terminée, et pour ajouter un bureau, nous avons des problèmes. Ajoutons donc une tâche ici. Vous pouvez donc écrire ici. J'ai besoin d'ajouter une tâche comme une réunion avec NGB. OK, donc j'ai un rendez-vous avec NGB et c'est ce que j'ai mentionné, et cela figurera dans ma liste de choses à faire Et c'est une question de priorité. S'agit-il d'une priorité moyenne, d'une priorité supérieure ou d'une priorité faible. Je vais donc dire la priorité absolue. Et quand la réunion aura lieu, vous devez définir la date ici, afin que vous puissiez voir la date du calendrier. Et ici, je voudrais en fixer environ 28. OK, j'ai donc fixé la date. Et si vous avez besoin d'autres détails, dans ce cas, vous pouvez souvent utiliser cet ajout de détails. Et lorsque vous utiliserez souvent cette option pour ajouter des détails, vous aurez le champ pour ajouter les nœuds. Comme s'il s'agissait du développement d'un CRM. OK, j'ai donc une réunion avec NGB et il s'agit du développement du CRM J'ai pris une note ici , puis je vais cliquer dessus dans l' option de tâche. Vous pouvez donc voir que le processus commence. Maintenant, vous pouvez voir que la tâche a été ajoutée et qu'elle est toujours en attente. Et vous pouvez voir ici que c'est sur la liste en attente. Ainsi, lorsque ma tâche sera terminée, vous pouvez la supprimer d'ici, ou elle sera automatiquement terminée car elle sera automatiquement marquée comme tâche terminée une fois la date terminée. Voici donc comment vous pouvez créer une liste de tâches avec load, et vous pouvez voir qu'elle fonctionne totalement, totalement fonctionnelle et qu'elle fonctionne bien. Il s'agit donc d'un processus simple. Alors maintenant, revoyons depuis le début, cela vous aidera. Donc, ce que nous avons fait. Finalement, dans un premier temps, nous avons pris le jami.google.com, cette URL et ici, nous avons créé C'est le PRD, et nous l' avons copié à partir d'ici. Ensuite, nous avons utilisé Cloud pour une nouvelle discussion, et nous avons collé le pad copié ici Ils sont collés, puis le processus est lancé par le cloud et nous n'avons eu qu'à donner l'autorisation, et nous avons donné l'autorisation de démarrer chaque étape Et finalement, nous avons obtenu le résultat de cette façon. Mais avec ce résultat, il sera essentiel que vous postuliez sur l'hébergement ou dans WP Admin, car si vous ne disposez pas de la technologie précédente dans ce cas, ce sera compliqué pour vous. C'est pourquoi j'ai écrit une autre invite, et avec cette invite, je ne suis prêt à utiliser qu'un seul dossier. Et c'est ce que nous avons téléchargé le dossier sur notre ordinateur. Ensuite, nous revenons à notre tableau de bord WordPress, et voici notre tableau de bord, nous nous sommes connectés. Ensuite, à partir du bouton plugins, nous avons installé un bouton plugin, puis nous activons le plug-in. Et maintenant, vous pouvez voir que nous avons notre liste de choses à faire ici, et pour le test, nous écrivons un nom ici. Nous modifions les détails, nous fixons la priorité et nous avons ajouté l'heure ici. OK, donc tu peux maintenant me poser une question comme s'il manquait quelque chose, non ? Vous pouvez donc voir que nous avons la date ici, mais nous n'avons pas eu le temps ici. Donc, ici, vous pouvez suivre deux étapes. Vous pouvez simplement écrire l'heure ici. Et si vous ne cherchez pas à le faire, mais si vous recherchez de manière intelligente et standard, dans ce cas, vous pouvez utiliser le rappel ou vous pouvez utiliser une heure précise ici. La réunion aura donc lieu à 10 h 30. Vous pourrez donc fixer l'heure et faire une autre chose Vous pouvez ajouter une notification par e-mail. Donc, avant la réunion, l'e-mail sera envoyé à votre messagerie personnelle depuis cet hébergement, et vous recevrez une notification. Tu peux le faire. Mais par conséquent, en appliquant ce type de fonctionnalités, vous devez mentionner que vous devez le mentionner dans votre BRD Ensuite, l'heure et la fonctionnalité de notification par e-mail seront ajoutées. Et la fonctionnalité n'a pas encore été ajoutée car nous n'avons pas mentionné la notification par e-mail concernant l'heure précise. Nous n'en avons pas parlé dans notre PRD. C'est pourquoi la fonctionnalité n'est pas ajoutée. Mais si vous cherchiez à ajouter la notification par e-mail, si vous cherchiez à ajouter l'heure, dans ce cas, vous pouvez écrire dans le PRD Et comme je vous l'ai dit, nous ne sommes pas entrés ici parce que le PRD est généré par Google JNE C'est pourquoi nous n'avons pas obtenu cette fonctionnalité. Mais si vous avez besoin de cette fonctionnalité, vous pouvez l'ajouter à l'intérieur du PRD ou vous pouvez mentionner lors de la création du PRD avec JMNE C'est vrai. Il s'agit donc d'un processus simple pour créer un plugin à deux listes de tâches pour WordPress, et nous l'avons fait avec succès. Et maintenant, je vais vous demander de créer des plugins similaires ou vous pouvez créer d'autres plugins. Et oui, tu peux aussi t'entraîner. Et pour créer, si vous rencontrez des problèmes ou si vous rencontrez des problèmes, hésitez pas à me demander. Vous pouvez écrire les problèmes dans la section des commentaires ou dans la section de discussion, je vous contacterai donc avec la réponse. J'espère donc que vous vous hasarderez à suivre cette leçon jusqu'à présent, prenez soin de vous et au revoir, tout le monde. 8. Projet de cours - Fabriquez une calculatrice avec Vibe Coding: Bonjour à tous, c'est l' heure du projet de classe, et vous pouvez considérer le projet de classe comme votre devoir. Quoi que vous appreniez, il est donc temps de mettre en pratique vos compétences d'apprentissage. C'est ce qu'on appelle le projet de classe, et le nom de notre projet de classe est make a calculator with be coding. Et ce sera notre projet de classe. Et concentrons-nous sur la description. Il est question de créer une application de calcul entièrement fonctionnelle avec codage Vibe avec l' assistance de l'IE Dans ce projet, vous apprendrez à transformer une idée simple en une application fonctionnelle écrivant des instructions efficaces , en générant du code, en affinant l'IE, en corrigeant les erreurs et en ajoutant des fonctionnalités de base au calculateur, telles que opérations arithmiques de base et une interface réactive Voici la description de notre projet de classe. Maintenant, nous devons nous concentrer sur ce que vous devez faire. Vous devez donc suivre les trois étapes. La première est que vous devez ouvrir le cloud, et concentrons-nous sur la manière dont vous allez procéder. Donc, dans mon navigateur Firefox, je vais ouvrir le cloud ici, et, vous savez, il s'agit de la barre oblique cloudlclod.ai NU, ou vous pouvez simplement utiliser ce signe plus pour une nouvelle discussion D'accord, alors vous aurez cette interface similaire à la mienne. Ou, oui, vous pouvez également le faire dans votre application Cloud sur votre smartphone, mais je préfère utiliser la version Distro C'est vrai. Alors que devez-vous suivre, puis vous devez écrire ce bal de fin d'année. L'invite est donc mentionnée à propos de l'application Web de calcul réactive moderne et créative utilisant HTML, CSS et JavaScript. La calculatrice doit avoir une interface claire et intuitive prenant en charge les opérations rythmiques de base, l'addition, soustraction, la multiplication et la division, autoriser les nombres décimaux, les pourcentages, les fonctions claires, différées et égales Incluez le support du clavier, une gestion appropriée des erreurs, des animations fluides des boutons et une mise en page réactive adaptée aux mobiles. Organisez le projet dans des fichiers séparés tels que index point html style point css et script point GSS en utilisant code propre, modulaire et bien commenté qui suit les meilleures pratiques JavaScript modernes L'application doit être entièrement fonctionnelle et prête à être exécutée en ouvrant simplement le fichier HTML du point d'index dans un navigateur Web. Donc, dès l'invite, vous avez eu une idée de ce que seront les fonctionnalités ? Il sera entièrement fonctionnel et sera ouvert dans le navigateur Web. Et si nous utilisons ce fichier HTML d'index dans un navigateur Web, nous pourrons utiliser la calculatrice. Enfin, nous devons nous concentrer sur la troisième étape, vérifier la fonctionnalité. L'un ou l'autre des calculateurs fonctionne. Nous avons donc déjà ouvert la première étape. Nous avons déjà ouvert le module. Maintenant, nous devons copier cette invite d'ici. Ensuite, tu dois le coller. Et vous pouvez conserver l'opus 5 comme nous avons utilisé ce modèle opus 5, donc vous pouvez conserver l'opus 5. Ensuite, vous devez appuyer sur le bouton d'introduction. Et vous savez, la création de la calculatrice prendra un peu de temps car nous avons indiqué quelle sera la langue. Par conséquent, nous devons attendre un peu jusqu'à ce que le processus soit terminé. Alors, on y va. Nous avons le résultat ici, et vous pouvez voir que nous avons au total quatre fichiers. Il s'agit du fichier Zip l'index , du style et du fichier de script, comme nous l' avons indiqué dans notre invite. Et maintenant, laissez-moi télécharger le fichier Zip. Le fichier est donc téléchargé et laissez-moi l'ouvrir. Et pour ouvrir, vous devez ouvrir celui-ci, et vous pouvez l'extraire. Vous pouvez donc en extraire deux directement. Je vais donc l'extraire dans mon dossier de téléchargement. Et voyons si le fichier fonctionne ou non. Vérifions-le donc dans mon dossier de téléchargement. Et c'est parti. Nous avons extrait notre fichier ici et nous avons trois fichiers. Il s'agit du fichier d'index. Voici le script et voici le fichier de style. Donc, en fin de compte, comme nous l'avons mentionné dans notre invite , vous pouvez voir que ce fichier sera utilisé pour être ouvert dans un navigateur Web. Voyons donc s'il s'ouvre ou non dans le navigateur Web, nous devons donc nous assurer qu' il s'ouvre dans le navigateur Web. Nous devons donc ouvrir ce fichier. Et voici le fichier d'index. Alors laissez-moi double-cliquer ici et vous verrez que la calculatrice est ouverte dans le navigateur Web. Donc, dans notre troisième étape, ce que nous devons faire, nous devons vérifier la fonctionnalité. Donc, en fin de compte, le calculateur fonctionne ou non. Nous devons le vérifier. Alors vérifions-le. Et oui, je vais multiplier dix pour cinq, c'est 50. OK, donc en fin de compte, la calculatrice fonctionne et elle est entièrement fonctionnelle. Tout tourne donc autour de votre projet de classe. Concentrons-nous maintenant sur le résultat du projet de classe. la fin de ce projet, les étudiants seront en mesure de créer une calculatrice entièrement fonctionnelle à une calculatrice entièrement fonctionnelle l'aide du codage Vibe alimenté par l'IE Ils apprendront à rédiger une invite efficace pour générer, améliorer et affiner le code de l'application, créer une interface de calculatrice propre et réactive, implémenter des opérations arithmiques de base telles que l'addition, la substruction, multiplication et le débogage par division, à optimiser un code généré et à exécuter avec succès l' application de calcul terminée dans un navigateur Web Donc, à partir de l'invite, nous avons créé la calculatrice, nous avons exécuté avec succès l'application de calcul dans le navigateur Web Elle est entièrement fonctionnelle, et nous avons vérifié. OK. C' est donc dans la dernière partie que les étudiants soumettront le projet de classe. Il s'agit donc d'un projet de classe. Vous devez créer le même fichier et vous pouvez partager votre projet de classe dans la section projet ou vous pouvez également partager ou le publier dans la section de discussion. Vous pouvez donc vous concentrer de deux manières. Vous pouvez partager directement la capture d'écran l'URL ou le fichier Z téléchargé sur Google Drive ou ailleurs. Vous pouvez partager le ZFle afin que nous puissions voir comment fonctionne votre calculatrice Voici donc comment vous allez partager votre projet de classe. OK, c'est donc votre tâche, et je suis vraiment intéressée et impatiente de voir comment fonctionne votre calculatrice et comment vous la fabriquez, et je suis vraiment impatiente d'y jeter un œil. Alors commencez simplement à participer au projet de classe et partagez votre tâche avec moi.