Obtenez le meilleur plugin WordPress Backup
& Migration dès aujourd'hui
Obtenir Duplicator maintenant
Nettoyage des sauvegardes, suppression automatique et mise à jour des versions de Duplicator en un seul clic

Nettoyage des sauvegardes, suppression automatique et mise à jour des versions de Duplicator en un seul clic

Vous voulez des sauvegardes de WordPress plus propres, plus organisées et plus sûres ? Découvrez les nouvelles fonctionnalités de gestion des logs de sauvegarde de Duplicator et la mise à jour de la version...
Comment redessiner un site WordPress

Comment redessiner un site WordPress tout en le gardant vivant 

Écrit par : avatar de l'auteur Joella Dunn
avatar de l'auteur Joella Dunn
Joella est une rédactrice qui a des années d'expérience avec WordPress. Chez Duplicator, elle se spécialise dans la maintenance de sites - des sauvegardes de base aux migrations à grande échelle. Son but ultime est de s'assurer que votre site WordPress est sûr et prêt pour la croissance.
     Reviewed By : avatar de l'évaluateur John Turner
avatar de l'évaluateur John Turner
John Turner est le président de Duplicator. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Votre site web ressemble-t-il encore à ce qu'il était il y a quelques années ? Un site web peut rapidement sembler dépassé, et vous remarquez peut-être qu'il n'attire plus autant l'attention des visiteurs qu'auparavant.

Il ne s'agit pas seulement d'avoir un nouveau look ; vous voulez que votre site web soit un outil puissant qui fasse avancer votre entreprise.

Une refonte est une démarche stratégique visant à rafraîchir votre présence en ligne et à faire en sorte que votre site WordPress soit le plus efficace possible.

Si elle est effectuée correctement, une refonte peut stimuler l'engagement, les conversions et la notoriété de la marque. Mais comment s'y prendre ?

Dans ce tutoriel, je vous montrerai comment redessiner votre site web WordPress !

Table des matières

Résumé rapide : Comment redessiner un site WordPress

1. Sauvegardez votre site web
À l'aide de Duplicator, créez une sauvegarde complète de votre site web WordPress. Téléchargez les fichiers de sauvegarde.
2. Construire un site de transit
Si vous n'en avez pas encore, vous devrez créer un site de démonstration. Vous pouvez le faire avec votre hébergeur ou utiliser un environnement de développement local comme LocalWP.
3. Déplacer la sauvegarde vers la phase de préparation
Une fois que vous avez installé WordPress sur le site de démonstration, glissez et déposez la sauvegarde de votre site live dans la page d'importation des sauvegardes de Duplicator. Suivez le guide étape par étape pour importer vos fichiers originaux.
4. Commencer la refonte
Maintenant que vous avez une copie de votre site, n'hésitez pas à modifier votre design web. Ajoutez du nouveau code ou utilisez un constructeur de thème WordPress comme SeedProd pour faciliter ce processus.
5. Transférer les modifications de la phase d'essai à la phase de production
Une fois que votre site ressemble et fonctionne exactement comme vous l'aviez imaginé, sauvegardez le site de démonstration. Glissez-déposez la sauvegarde sur votre site réel. Duplicator réécrira l'ancien design avec le nouveau !

Pourquoi devriez-vous envisager de refondre votre site WordPress ?

Vous repoussez peut-être la refonte de votre site parce que vous craignez qu'elle ne prenne trop de temps ou qu'elle ne mette votre site en mode maintenance. Pourtant, voici quelques situations dans lesquelles une refonte serait utile.

  • Conception dépassée

Si votre site web semble dépassé, s'il manque de fonctionnalités modernes ou s'il ne répond pas aux normes de conception actuelles, il est peut-être temps de le remanier.

Une conception actualisée du site web peut améliorer l'expérience de vos visiteurs et rendre votre site plus attrayant et plus professionnel.

  • Mauvaise expérience de l'utilisateur

Si les utilisateurs éprouvent des difficultés à naviguer sur votre site web ou si les temps de chargement des pages sont lents, cela peut entraîner un taux de rebond élevé et une baisse des conversions.

La refonte de votre site WordPress en mettant l'accent sur l'expérience utilisateur (UX) peut contribuer à résoudre ces problèmes et à maintenir l'intérêt de votre public.

  • Non responsive ou Mobile-Unfriendly

De nombreuses personnes utilisent leurs appareils mobiles pour naviguer sur l'internet. Il est donc important d'avoir un site web réactif qui s'adapte aux différentes tailles d'écran.

Si votre site web actuel n'est pas adapté aux mobiles ou manque de réactivité, il est peut-être temps de le remanier pour en maximiser l'accessibilité.

  • Changements de marque ou de message

Si votre marque a subi des changements importants ou si vous souhaitez revoir votre message, une refonte de votre site web peut vous donner une nouvelle identité de marque. La cohérence de votre image de marque et de votre message renforcera votre image globale et vous aidera à atteindre votre public cible.

  • Amélioration de l'optimisation des moteurs de recherche (SEO)

Les moteurs de recherche mettent fréquemment à jour leurs algorithmes et les meilleures pratiques en matière de référencement évoluent au fil du temps. La refonte d'un site web est l'occasion d'optimiser la structure de votre site, d'améliorer la vitesse de chargement des pages et de mettre en œuvre des éléments favorables au référencement afin d'augmenter votre trafic organique.

  • Nouvelles fonctionnalités

Au fur et à mesure de l'évolution de votre entreprise, vous aurez peut-être besoin d'ajouter à votre site web une boutique de commerce électronique, un blog ou des flux de médias sociaux. Une refonte vous permettra d'intégrer ces nouvelles fonctionnalités de manière transparente et de vous assurer qu'elles s'harmonisent avec votre conception générale et l'expérience utilisateur.

Avant de remanier votre site WordPress

Nous verrons plus loin comment procéder à une refonte complète de votre site WordPress. Cependant, il y a quelques étapes à suivre au préalable.

Évaluez votre conception actuelle

Avant de procéder à la refonte de votre site web, examinez sa conception actuelle. Vous devez être conscient de ses bonnes caractéristiques, ainsi que de tout ce que vous aimeriez améliorer.

N'oubliez pas de noter ce que vous aimez dans votre site web d'origine. Au fur et à mesure de la refonte, vous voudrez conserver ces caractéristiques et fonctionnalités.

Mais il est important de tenir compte de ses points faibles pour procéder à une bonne refonte. En corrigeant les mauvaises mises en page et palettes de couleurs, vous obtiendrez un site web performant et agréable à regarder.

Vérifiez vos critères de référence actuels

Pour savoir si une refonte a été efficace, vous devez connaître les statistiques actuelles de votre site.

Vous pouvez facilement vérifier vos performances actuelles en installant MonsterInsights. Il s'agit d'un plugin qui connecte Google Analytics à votre back-end WordPress, compilant toutes vos données de performance en un seul endroit.

Plugin MonsterInsights

Une fois que vous avez ajouté MonsterInsights à votre site web, trouvez le rapport Top Posts/Pages. Vous y verrez le nombre de visiteurs que vous recevez :

Rapport MonsterInsights sur les articles et les pages les plus consultés

Si vous souhaitez sauvegarder les données de MonsterInsights, cliquez sur le bouton Exporter le rapport PDF. Vous pourrez ainsi télécharger un fichier zip contenant vos pages vues, vos sessions d'utilisateurs, votre taux de rebond, etc :

Exporter le rapport MonsterInsights

En enregistrant ces statistiques, vous pourrez facilement voir si votre refonte en valait la peine. Vous pourrez comparer les analyses avant et après la mise en service du nouveau design. 

Vous voulez voir ce que MonsterInsights peut faire d'autre? Lisez notre revue complète !

Fixer des objectifs pour la refonte

Une fois que vous connaissez vos critères de performance, vous pouvez fixer des objectifs pour la refonte.

Avec une bonne refonte, c'est possible :

  • Accélérer le temps de chargement
  • Augmenter les taux de conversion
  • Réduire le taux de rebond
  • Augmenter le temps moyen passé sur la page
  • Améliorer l'expérience des utilisateurs
  • Et plus encore !

Vous pouvez également essayer de changer de marque en adoptant de nouvelles couleurs, de nouveaux logos ou de nouvelles mises en page. Veillez à enregistrer vos critères de performance avant et après la refonte. Ces indicateurs vous aideront à déterminer si la refonte a été une réussite ou non.

Fixer un budget

Enfin, vous devrez déterminer le budget que vous consacrerez au projet. Parmi les coûts de base d'une refonte, citons l'achat d'un nouveau thème ou l'embauche d'un concepteur de sites web professionnel.

Si vous souhaitez économiser de l'argent pour d'autres aspects de votre activité, nous vous recommandons de procéder vous-même à la refonte de votre site. Avec un bon créateur de thèmes, vous n'aurez pas besoin d'avoir des compétences en codage pour construire votre nouveau site.

Comment redessiner un site WordPress

Lorsque vous décidez d'améliorer la conception de votre site, vous ne savez peut-être pas comment vous y prendre. Ne vous inquiétez pas, nous vous accompagnerons à chaque étape !

Étape 1 : Installer Duplicator Pro

Si vous envisagez une refonte, vous ne voudrez pas créer une installation WordPress entièrement nouvelle à partir de zéro. Même si vous refaites l'intégralité de votre site web, il est important de conserver tous vos articles, pages, plugins et autres éléments clés.

Pour éviter toute perte de données, nous vous recommandons de créer une copie de votre site web en ligne et de la transférer sur un site de démonstration. Vous pourrez ainsi créer un nouveau design sans affecter les utilisateurs en ligne.

Le meilleur outil pour ce travail est Duplicator. Ce plugin WordPress est un outil puissant pour les sauvegardes, les migrations et le clonage. Il télécharge l'intégralité de votre site web sous la forme d'un seul fichier zip, ce qui facilite son déplacement.

Duplicator Pro plugin

Vous n'êtes pas sûr d'avoir besoin de Duplicator pendant le processus de refonte ? Découvrez comment Rock Lobster Webdesign améliore l'efficacité de sa conception avec Duplicator!

Tout d'abord, choisissez un abonnement à Duplicator Pro. Il existe une version gratuite, mais Duplicator Pro propose des migrations par glisser-déposer. Cela peut vous aider à mettre en œuvre votre refonte en un rien de temps.

Après avoir terminé votre achat, copiez votre clé de licence. Ensuite, ouvrez le tableau de bord de votre site WordPress et installez Duplicator.

Ensuite, allez dans Duplicator Pro " Paramètres " Général.

Activer la clé de licence de Duplicator

Collez votre clé de licence et cliquez sur le bouton Activer. Vous êtes maintenant prêt à lancer le processus de refonte !

Étape 2 : Créer une copie de votre site web en ligne

Pour l'étape suivante, vous devez créer une copie (ou sauvegarde) de votre site web. Les sauvegardes manuelles peuvent être un travail difficile, mais Duplicator simplifie les choses pour les débutants.

Duplicator fonctionne en sauvegardant tous vos fichiers WordPress, thèmes, plugins et tables de base de données dans un fichier zip. Une fois que vous avez créé une sauvegarde, vous pouvez facilement la déplacer sur un tout nouveau serveur.

Tout d'abord, allez dans Sauvegardes " Ajouter un nouveau.

Ajouter une nouvelle sauvegarde avec Duplicator

Vous pouvez utiliser des balises dynamiques pour nommer la sauvegarde. Sous Stockage, sélectionnez Local.

Première étape de la sauvegarde du duplicateur

Lors de votre refonte, il se peut que vous souhaitiez supprimer certaines parties de votre site. Dans ce cas, vous pouvez personnaliser le fichier d'archive. Il vous suffit de développer la section Sauvegarde et de décocher les éléments que vous ne souhaitez pas inclure.

Les composants de sauvegarde personnalisés de Duplicator

Pour sauvegarder l'intégralité de votre site, n'apportez aucune modification. Cliquez ensuite sur Suivant

Duplicator va effectuer un scan complet de votre site web. Veillez à consulter les éventuelles notifications avant de créer la sauvegarde.

Duplicator backup scan

Une fois votre sauvegarde créée, vous pouvez la télécharger.

Télécharger les fichiers de sauvegarde

Si vous prévoyez d'utiliser un environnement de test local comme LocalWP, ce logiciel installera souvent WordPress pour vous. Dans ce cas, vous n'aurez qu'à télécharger le fichier d'archive. Cependant, pour télécharger votre sauvegarde directement sur un serveur avec un client FTP ou cPanel, assurez-vous de sauvegarder également le script installer.php. 

Étape 3 : Création d'un site de démonstration

Lorsque vous vous préparez à une tâche importante telle qu'une refonte, il est important de disposer d'un site de démonstration. Il s'agit d'une version clonée de votre site web que vous pouvez utiliser pour tester les changements sans affecter les fonctionnalités ou l'apparence de votre site réel. 

Si vous modifiez la conception de votre site web, vous risquez de publier accidentellement des erreurs à l'intention de votre public. En utilisant un site de démonstration, vous disposerez d'un espace sûr et contrôlé pour vous assurer que tout fonctionne correctement avant de mettre votre site en ligne. De plus, vous n'aurez pas à mettre votre site web existant en mode maintenance pendant que vous le remaniez. 

Parfois, votre hébergeur crée automatiquement une zone de test pour vous. Toutefois, vous pouvez également en créer une vous-même ou à l'aide d'un plugin WordPress.

Pour ce tutoriel, nous utiliserons LocalWP, qui est un logiciel de développement local convivial pour les débutants. Il permet de mettre en place et d'héberger une installation WordPress sur votre ordinateur personnel. De plus, son utilisation est gratuite.

Site web de LocalWP

Pour commencer, assurez-vous de télécharger la version de LocalWP qui correspond au système d'exploitation de votre ordinateur. Ensuite, ajoutez un nouveau site en cliquant sur l'icône +.

Ajouter un nouveau site LocalWP

Ensuite, nommez votre site de démonstration. Si vous êtes développeur, n'hésitez pas à configurer une version personnalisée de PHP, Apache et MySQL. Sinon, l'option préférée créera un site WordPress de base.

Site local préféré de LocalWP

Pour terminer, saisissez un nom d'utilisateur, un mot de passe et une adresse électronique pour WordPress. Vous utiliserez ces informations d'identification pour accéder au tableau de bord de votre site de démonstration.

Connexion WordPress LocalWP

Vous pouvez héberger votre site d'essai sur le même serveur que votre site en ligne. Cela vous permettra de vous assurer qu'il n'y aura pas d'erreurs lors de la migration des modifications entre les deux sites. Pour vous aider, consultez notre tutoriel sur la création d'un site de test WordPress

Étape 4 : Importer votre sauvegarde

Après que LocalWP ait construit votre site de démonstration, il s'agira d'une installation WordPress par défaut. Pour lui donner la même apparence que votre site réel, vous pouvez simplement importer votre sauvegarde.

Sur votre application locale, sélectionnez votre site et cliquez sur WP Admin. Cela ouvrira le tableau de bord du site local.

LocalWP Bouton d'administration WP

Ici, installez et activez Duplicator Pro en tant que plugin. Ensuite, trouvez la page Importer des sauvegardes et téléchargez le fichier d'archive que vous avez sauvegardé plus tôt.

Importer une sauvegarde avec Duplicator

Duplicator vous informera lorsque la sauvegarde sera téléchargée. Cliquez sur Continuer pour lancer l'installation.

Poursuivre l'installation de la sauvegarde

Sur la page suivante, cliquez sur Lancer l'installateur.

Lancer le programme d'installation de Duplicator

Ensuite, vous verrez des instructions étape par étape pour déployer l'installation de votre site.

Installation du duplicateur de site local

Acceptez les conditions et les avis. Cliquez ensuite sur Suivant.

Enfin, vérifiez les paramètres d'installation. S'ils semblent corrects, cliquez sur OK.

Installer la confirmation du site local

Duplicator remplacera alors le site local par défaut par une copie exacte de votre site réel ! Vous pouvez utiliser le bouton Admin Login pour accéder à votre nouveau tableau de bord. 

Étape 5 : Élaborer votre nouveau design

Maintenant que vous disposez d'un site de démonstration, vous pouvez procéder à une refonte complète pendant que votre site original est toujours en ligne.

Bien que vous puissiez concevoir votre site web avec les éditeurs intégrés de WordPress, ceux-ci ne sont pas très conviviaux ou flexibles. 

Pour concevoir facilement n'importe quel type de site web, nous vous recommandons d'utiliser SeedProd. SeedProd est le meilleur constructeur de sites web parce qu'il est livré avec une édition par glisser-déposer, plus de 150 modèles de pages d'atterrissage, et même des thèmes de sites web préconstruits.

Plugin SeedProd

Bien que SeedProd ait commencé comme un constructeur de pages d'atterrissage, il a évolué pour personnaliser chaque partie de votre site web. En utilisant son constructeur de thème, vous pouvez facilement concevoir de nouvelles pages, des en-têtes, des pieds de page, et bien plus encore.

Pour profiter de toutes ces fonctionnalités, installez et activez SeedProd sur votre site WordPress local. Ensuite, allez dans SeedProd " Theme Builder " Theme Template Kits.

Kits de modèles pour le thème SeedProd

Vous pourrez ainsi choisir parmi de nombreux kits de thèmes préconçus. Plutôt que de coder manuellement chaque modèle de page à partir de zéro, SeedProd peut lancer le processus de conception. Vous trouverez des sites web pour des portfolios, des entreprises en ligne, des blogs et bien plus encore.

Sélectionner le thème SeedProd

Une fois que vous avez sélectionné un nouveau thème, vous disposez de modèles pour votre page d'accueil, vos articles, vos en-têtes et vos pieds de page. Pour modifier l'un de ces modèles, cliquez sur Modifier le design.

Modifier les modèles de page de SeedProd

Vous pouvez ensuite utiliser le constructeur de pages SeedProd pour personnaliser entièrement votre thème. N'hésitez pas à glisser et à déposer de nouveaux blocs sur la page, à modifier les polices, à mettre à jour les couleurs par défaut et à effectuer d'autres changements.

Editeur de page SeedProd

Veillez à enregistrer vos modifications lorsque vous avez terminé. Publiez ensuite chaque modèle de thème. En haut de la page, activez le nouveau thème SeedProd.

Publier la refonte de SeedProd

Si vous voulez un guide plus approfondi sur la conception d'un site web avec SeedProd, consultez cet article sur la façon de créer un thème WordPress personnalisé sans code. 

Étape 6 : Lancer votre nouveau site web

Une fois que vous avez entièrement remanié votre nouveau site web, il est temps de publier vos changements !

Avec Duplicator, il vous suffit de créer une sauvegarde du site de démonstration. Ensuite, téléchargez le fichier d'archive de la sauvegarde.

Avant de l'importer dans votre site web, pensez à définir un point de reprise après sinistre. Il s'agit en fait d'une sauvegarde de votre site juste avant que vous n'en modifiiez la conception. Si vous remarquez des erreurs critiques que vous n'avez pas détectées lors du développement, il vous suffira de revenir à cette sauvegarde.

Pour ce faire, créez une sauvegarde de votre site d'origine. Veillez à sélectionner Local comme emplacement de stockage.

Continuez à créer la sauvegarde. Une fois la sauvegarde terminée, cliquez sur l'icône bleue de la maison.

Icône de reprise après sinistre

Récupération en cas de catastrophe.

Définir la reprise après sinistre

À ce stade, copiez le lien de récupération ou téléchargez le fichier de lancement. Si vous les sauvegardez dans un endroit sûr, vous pouvez les utiliser pour récupérer instantanément votre site.

Options de reprise après sinistre

Il est maintenant temps d'importer votre refonte. Pour ce faire, allez à la page Importer des sauvegardes et téléchargez le fichier zip de votre site de démonstration. Duplicator vous guidera ensuite dans l'importation de votre sauvegarde sur le site. 

Pour plus de détails, consultez notre tutoriel sur le transfert d'un site WordPress local vers un serveur live.

Étape 7 : Audit de votre site remanié

Même si vous avez vérifié qu'il n'y avait pas d'erreurs sur votre site de démonstration, il se peut que quelque chose vous échappe. Après avoir mis en ligne votre refonte, il est important de vérifier minutieusement votre site web pour vous assurer qu'il a l'air et qu'il fonctionne correctement.

Pour vous assurer que votre optimisation pour les moteurs de recherche (SEO) est à point, envisagez de faire un audit SEO complet. All-in-One SEO est le meilleur plugin SEO pour cela, car il vous donne une liste de suggestions de référencement pour votre site web, adaptée aux débutants.

Audit du site AIOSEO

Nous vous recommandons également de créer un formulaire de demande d'assistance. De cette façon, votre public peut signaler tout bogue ou erreur 404 qui affecte leur expérience sur votre site. En utilisant un plugin comme WPForms, vous pouvez commencer avec un modèle de ticket d'assistance et modifier le formulaire de contact pour répondre à vos besoins spécifiques.

Formulaire de support WPForms

Voici d'autres tâches à effectuer juste après une refonte :

Après tout cela, vous aurez une belle refonte qui attirera de nouveaux visiteurs et les incitera à revenir sur votre site encore et encore ! 

Foire aux questions (FAQ)

Comment redessiner mon site WordPress sans le mettre en ligne ?

En créant un site de démonstration, vous pouvez remanier votre site WordPress sans montrer vos modifications au public. Pour ce faire, créez une copie de votre site réel avec Duplicator Pro. Ensuite, vous pouvez créer un site de test avec votre fournisseur d'hébergement ou l'installer sur un serveur local. Enfin, importez votre site cloné dans la zone de test et commencez à remodeler secrètement votre site !

Comment redessiner mon site WordPress sans perdre en référencement ?

La meilleure façon de redessiner votre site WordPress sans perdre le référencement est d'effectuer les changements nécessaires sur un site de démonstration. Ensuite, utilisez Duplicator Pro pour migrer votre site remanié vers le serveur réel. Pour optimiser le référencement après une refonte, envisagez d'installer AIOSEO et de compléter la liste de contrôle de l'audit SEO. 

Comment créer un nouveau site WordPress alors que l'ancien site est en ligne ?

Vous pouvez créer un nouveau site WordPress sur un site de démonstration local. Lorsque vous êtes prêt, utilisez Duplicator Pro pour créer une sauvegarde complète du site remanié. Une fois que vous aurez importé le site mis à jour, Duplicator remplacera automatiquement votre site d'origine par le nouveau sans aucun temps d'arrêt. Si vous avez mis à jour des pages, assurez-vous de les rediriger avec AIOSEO. 

Comment supprimer tout le contenu et recommencer dans WordPress ?

Si vous utilisez WordPress.com, allez dans Réglages " Général et cliquez sur Réinitialiser votre site. Pour WordPress.org, vous pouvez installer le plugin WP Reset, qui supprimera vos articles, pages, commentaires, utilisateurs, types d'articles personnalisés et tables de base de données personnalisées. Cependant, nous vous recommandons d'effectuer un rollback de votre site avec Duplicator Pro afin d'éviter de perdre complètement vos données.

Conclusion

Voilà, c'est fait ! Vous avez appris à redessiner un site WordPress.

Pendant que vous êtes ici, vous aimerez peut-être ces tutoriels WordPress et ces critiques de plugins :

Vous n'avez pas besoin de passer beaucoup de temps à déplacer manuellement votre site web depuis et vers une zone de test. Téléchargez Duplicator Pro pour commencer à utiliser les migrations par glisser-déposer !

avatar de l'auteur
Joella Dunn Rédactrice de contenu
Joella est une rédactrice qui a des années d'expérience avec WordPress. Chez Duplicator, elle se spécialise dans la maintenance de sites - des sauvegardes de base aux migrations à grande échelle. Son but ultime est de s'assurer que votre site WordPress est sûr et prêt pour la croissance.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.