Comment reconstruire le design de votre site WordPress dans Airo AI Builder

Reconstruisez le design de votre site sans partir d'un modèle vierge

Si vous gérez un site sur WordPress depuis des années, changer d'outil peut sembler fastidieux. Les thèmes, plugins, mises à jour et l'écart entre ce que vous voulez et ce que vous avez obtenu s'accumulent vite.

Dans le tutoriel ci-dessus, un site WordPress existant est reconstruit dans Airo AI Builder : mêmes couleurs, même structure de contenu, une page d'accueil qui liste les articles, une mise en page d'article et une page À propos. Sans code. Sans recherche de thème. Une construction ciblée, puis quelques passes de raffinement.

Le même flux de travail fonctionne si vous utilisez une autre plateforme, ou si vous partez de zéro et pouvez décrire l'apparence souhaitée sans URL active.

Essayez Airo AI Builder gratuitement — 50 crédits gratuits pour commencer, sans carte de crédit : Commencer à construire

Pour qui est-ce

• Vous gérez un site sur WordPress (ou une autre plateforme) et voulez le même aspect dans Airo AI Builder
• Vous écrivez sur la cuisine, dirigez un cabinet de conseil ou photographiez des mariages dans votre ville
• Vous partez de zéro et pouvez décrire le design souhaité même si vous n'avez pas encore de site actif

Que vous colliez une URL ou écriviez votre premier prompt de zéro, les étapes ci-dessous sont les mêmes.

Comment les étapes s'articulent

Ce guide utilise trois étapes. Si vous commencez par Reconstruire mon site, l'Étape 1 consiste à ajouter votre URL ou domaine. Airo AI Builder génère votre première passe à partir de votre URL. Vous n'avez pas besoin d'écrire un prompt d'ouverture séparé en plus.

Le tutoriel vidéo montre la voie du prompt écrit. La voie Reconstruire mon site vous amène au même endroit plus rapidement quand vous avez déjà un site actif.

Étape 1 — Commencez avec Reconstruire mon site sur la page d'accueil

Sur la page d'accueil d'Airo AI Builder, cliquez sur Reconstruire mon site. Une fenêtre modale s'ouvre : Comment devons-nous reconstruire votre site ?

1. Collez l'URL de votre site (par exemple, votre site WordPress actif). Utilisez un site que vous possédez et contrôlez.
2. Choisissez une voie de reconstruction :
   • Réimaginer mon site — un redesign frais et moderne. Bon si vous voulez un nouvel aspect, pas une correspondance proche de ce que vous avez aujourd'hui.
   • Garder mon aspect actuel — reconstruire avec votre design et contenu existants. C'est la voie pour correspondre à un site WordPress que vous gérez déjà.
3. Cliquez sur Continuer pour démarrer la construction.

Pour le flux de travail de ce guide (même mise en page, couleurs et structure de site que votre site WordPress), choisissez Garder mon aspect actuel. Quand la première construction est terminée, passez à l'Étape 2 pour la revoir.

Vous partez de zéro ? Ignorez Reconstruire mon site et utilisez le prompt d'ouverture écrit dans la section ci-dessous, puis continuez avec les Étapes 2 et 3.

Optionnel : prompt d'ouverture écrit (si vous ignorez Reconstruire mon site)

Utilisez-le quand vous n'avez pas d'URL à coller, ou quand vous voulez un contrôle total sur le premier message. Mettez du contexte dans votre premier prompt. Dites à Airo AI Builder :

1. Ce que vous construisez (un blog personnel, un site d'entreprise, un portfolio avec des articles)
2. Pour qui c'est (vos lecteurs, clients, communauté)
3. Ce qu'il doit faire (lister des articles, pages d'article individuelles, page À propos, contact, etc.)
4. Vos couleurs et l'aspect que vous voulez reconstruire (de votre site existant ou une description écrite)

Plus vous ajoutez de contexte dans ce premier message, moins vous aurez besoin d'allers-retours ensuite. Pour plus d'exemples sur différents cas d'utilisation, consultez Comment rédiger des prompts qui donnent de grands résultats dans Airo AI Builder.

Exemple de prompt d'ouverture (reconstruction depuis votre propre site) :

Construis un site pour [votre sujet]. Je reconstruis l'aspect de mon site existant à [votre URL]. Utilise mes couleurs : [primaire], [accent], [arrière-plan]. J'ai besoin d'une page d'accueil qui liste mes produits et d'une page À propos. Fais correspondre la mise en page de cartes épurée et la navigation de mon site actuel.

Exemple de prompt d'ouverture (partir de zéro) :

Construis un site pour mon cabinet de conseil. L'audience est composée de petits entrepreneurs à [votre ville]. J'ai besoin d'une page d'accueil avec mes derniers articles, une page d'article lisible et une page À propos. Design minimaliste, beaucoup d'espace blanc, titres bleu marine et fond blanc cassé chaud.

Exemple de prompt d'ouverture (de la vidéo) :

Construis un blog personnel pour moi. J'écris sur la création de sites web pour les personnes non techniques.

Pages : une page d'accueil qui liste les articles récents, une page d'article individuelle, une page À propos et une page Contact.

Aspect et ambiance : épuré et minimaliste avec beaucoup d'espace blanc. Utilise mes couleurs de marque : #8B5CF6 comme primaire et #2A1A5E pour les titres et accents. J'aime la façon dont mon site WordPress existant organise sa liste d'articles et je veux que ça ressemble à ça.

Ajoute un toggle de mode clair/sombre/système.

Étape 2 — Examinez ce que la première passe vous donne

N'attendez pas la perfection à la première passe. La plupart des reconstructions de sites prennent quelques tours.

Après la construction initiale, vérifiez :

• La page d'accueil liste-t-elle les articles comme vous l'attendez ?
• La page À propos est-elle présente et cohérente avec la marque ?
• Vos couleurs de marque sont-elles appliquées de manière cohérente ?

Bons signes : La page d'accueil liste les articles dans une mise en page que vous reconnaissez, la page d'article individuelle est lisible et cohérente avec la marque, la page À propos existe dans vos couleurs, le site vous ressemble plutôt qu'un thème aléatoire.

Lacunes normales : Espacement ou typographie légèrement incorrects, l'en-tête ou le pied de page nécessite une autre passe, une section ne correspond pas encore à votre ancien site. Utilisez des prompts de suivi ciblés à l'Étape 3. La première passe devrait vous donner un site d'apparence réelle à affiner, pas un clone parfait au pixel.

Si la structure correspond à ce que vous aviez sur WordPress et que l'ambiance correspond à votre marque, passez aux raffinements ciblés. Si quelque chose d'important manque, ajoutez-le dans un prompt de suivi clair avant de peaufiner les détails.

Étape 3 — Affinez avec des prompts ou des modifications manuelles

La façon la plus rapide de perdre le contrôle est de tout demander en même temps. Gérez un changement ciblé à la fois :

Passe 1 — mise en page : "Mets à jour la page d'accueil pour que les articles s'affichent sous forme de cartes avec une image en vedette, un titre, un extrait et une date."

Passe 2 — navigation : "Ajoute un en-tête fixe avec des liens vers Accueil, Blog et À propos. Fais correspondre les liens du pied de page à la même structure."

Passe 3 — finition : "Augmente l'espacement entre les cartes d'articles. Utilise ma couleur d'accent uniquement pour les liens."

Chaque prompt fait un travail. Airo AI Builder sait exactement quoi changer au lieu de deviner parmi dix demandes regroupées.

Modifications manuelles : Pour les petits ajustements de texte, les échanges de texte ou les ajustements de mise en page, cliquez directement dans l'éditeur au lieu d'utiliser des prompts. C'est souvent plus rapide qu'un prompt de suivi et peut économiser des crédits IA sur des changements qui n'ont pas besoin de l'agent.

Note sur les crédits : Construire et affiner l'aspect avec des prompts utilise des crédits IA, comme toute session Airo AI Builder. Prévoyez une première passe plus deux ou trois petits suivis plutôt qu'une demande géante.

Qu'en est-il de mes articles de blog WordPress existants ?

Reconstruire mon site reconstruit le design et la structure de votre site à partir de votre URL active. Il n'importe pas en masse votre archive complète d'articles WordPress aujourd'hui.

Vous obtenez la mise en page : page d'accueil, modèle d'article, page À propos et l'aspect que vous avez choisi. Les articles existants doivent encore être déplacés séparément. Options aujourd'hui :

• Ajoutez des articles dans Airo AI Builder au fur et à mesure que vous publiez du nouveau contenu ou migrez d'abord les articles prioritaires
• Copiez le texte de WordPress dans de nouveaux articles sur votre site reconstruit
• Utilisez Reconstruire mon site comme passe de design, puis remplissez votre archive au fil du temps

Si vous avez des centaines d'articles, prévoyez une migration par phases plutôt qu'une importation en un clic. La deuxième partie de la série vidéo couvre le flux de travail hebdomadaire du blog après la reconstruction du design.

SEO après avoir quitté WordPress

Les blogueurs WordPress s'appuient souvent sur des plugins SEO pour les titres, les méta-descriptions et les sitemaps. Airo AI Builder inclut le SEO et AEO intégrés sur chaque site publié, vous n'avez donc pas besoin d'une pile de plugins séparée pour les bases.

Après votre reconstruction, vous pouvez demander à Airo AI Builder d'optimiser les titres, les descriptions et la structure des pages pour la recherche. Pour un tutoriel complet, consultez Comment faire trouver votre site web sur Google avec le SEO d'Airo AI Builder.

WordPress vs. reconstruire votre site dans Airo AI Builder

Airo AI Builder est un produit distinct : vous décrivez ce que vous voulez en conversation et publiez sans gérer une pile WordPress.

Surcharge WordPress vs. facilité d'Airo AI Builder

WordPress récompense la flexibilité, mais cette flexibilité s'accompagne d'un travail continu : choisir et mettre à jour les thèmes, gérer les plugins, résoudre les conflits et maintenir l'hébergement et la sécurité à jour. Pour de nombreux propriétaires de sites, cette pile ressemble à un deuxième emploi à côté du site qu'ils voulaient vraiment.

Airo AI Builder échange la pile de plugins et de thèmes contre un flux de travail conversationnel. Vous décrivez le site (ou pointez vers un que vous possédez avec Reconstruire mon site), examinez ce qui revient et affinez en langage naturel. Pas de recherche de thème. Pas de vérifications de compatibilité de plugins avant de changer une mise en page. Les changements se font par prompts, pas par cinq écrans d'administration différents.

Plus que des blogs

Ce guide utilise un blog comme exemple, mais le même chemin de reconstruction s'applique à tout site WordPress que vous possédez : sites d'entreprise, portfolios, pages de services, pages d'atterrissage et boutiques simples. Utilisez Garder mon aspect actuel quand vous voulez une correspondance proche de ce que vous avez déjà, ou Réimaginer mon site quand vous voulez une nouvelle perspective sur le même contenu. Vous n'êtes pas limité aux listes d'articles et aux pages À propos.

WordPress a encore du sens quand vous dépendez d'un écosystème de plugins spécifique, avez besoin de WooCommerce avancé à grande échelle ou voulez un contrôle CMS complet avec un développeur disponible. Airo AI Builder convient quand vous voulez votre site actif et maintenable sans la taxe de maintenance WordPress.

Questions fréquemment posées

Quelle est la différence entre Réimaginer mon site et Garder mon aspect actuel ?

Réimaginer mon site génère un redesign frais et moderne à partir de votre URL. Garder mon aspect actuel reconstruit avec votre design et contenu existants, ce qui est le meilleur point de départ quand vous voulez que votre site WordPress se sente pareil après le changement.

Est-ce que Reconstruire mon site importe tous mes articles de blog WordPress ?

Non. Reconstruire mon site reconstruit le design et la structure de page de votre site à partir de votre URL active. Il n'importe pas en masse votre archive complète d'articles WordPress. Prévoyez d'ajouter ou de migrer des articles séparément après la reconstruction du design.

Dois-je écrire un prompt d'ouverture si j'utilise Reconstruire mon site ?

Non. L'Étape 1 est la fenêtre modale : collez votre URL, choisissez Réimaginer ou Garder mon aspect actuel et cliquez sur Continuer. Airo AI Builder génère la première passe à partir de là. Utilisez des prompts de suivi ou des modifications manuelles à l'Étape 3 seulement si vous voulez changer quelque chose. Le prompt d'ouverture écrit est pour quand vous ignorez Reconstruire mon site.

Puis-je reconstruire le design de mon site WordPress sans copier du code ?

Oui. Décrivez vos pages, couleurs et mise en page dans des prompts. Airo AI Builder génère la structure et le design du site. Vous affinez avec des prompts de suivi au lieu de modifier des fichiers de thème ou du PHP.

Est-ce la même chose qu'Airo pour WordPress ?

Non. Airo pour WordPress construit des sites WordPress natifs sur GoDaddy Managed Hosting. Airo AI Builder est un constructeur conversationnel pour les applications web et sites en dehors du CMS WordPress. Ce guide est pour reconstruire le design de votre site dans Airo AI Builder.

Est-il acceptable de copier mon site WordPress dans Airo AI Builder ?

Reconstruire le design et le contenu de votre propre site que vous possédez est correct. Ne reconstruisez pas un site que vous ne possédez pas ou n'avez pas le droit d'utiliser.

Que faire si je n'ai pas encore de site WordPress ?

Décrivez le site que vous voulez : sujet, audience, pages, couleurs et ton. Vous n'avez pas besoin d'un site existant pour suivre le même flux de travail.

De quelles pages ai-je besoin pour un blog de base ?

Au minimum : une page d'accueil qui liste les articles, un modèle d'article individuel et une page À propos. Ajoutez Contact ou d'autres pages dans une passe ultérieure une fois que la mise en page principale du blog fonctionne.

Combien de prompts prend généralement un blog style WordPress ?

Prévoyez un prompt d'ouverture solide plus deux à quatre passes de raffinement (mise en page, navigation, en-tête/pied de page, ajustements de contenu). La démo montre la mise en page de cartes et l'en-tête/pied de page comme étapes séparées.

La première version sera-t-elle parfaite ?

Peu probable, et c'est normal. La première passe devrait vous donner une vraie page d'accueil, une mise en page d'article et une page À propos dans vos couleurs. Les passes de raffinement gèrent les détails.

Les raffinements de design utilisent-ils des crédits IA ?

Oui. Les constructions initiales et les changements de design basés sur des prompts consomment des crédits. Les modifications manuelles dans l'éditeur peuvent être plus rapides pour les petits ajustements et peuvent ne pas utiliser de crédits. Utilisez des prompts ciblés quand vous voulez que l'agent gère un changement plus important.

Airo AI Builder gère-t-il le SEO de mon blog ?

Oui. Le SEO et AEO intégrés sont inclus dans chaque site. Vous pouvez demander à Airo AI Builder d'optimiser les titres, les méta-descriptions et la structure des pages sans installer un plugin SEO WordPress.

Essayez-le sur votre propre site

L'aspect dans la vidéo est un exemple. Le vôtre aura vos couleurs, vos pages, votre contenu.

Airo AI Builder est gratuit à essayer dans votre compte GoDaddy avec 50 crédits gratuits pour commencer. Sans carte de crédit.

Essayez Airo AI Builder

Regardez la deuxième partie sur YouTube quand elle sera disponible (flux de travail hebdomadaire du blog)

Rejoignez la communauté Discord et partagez ce que vous construisez