brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read26mn de lecture

Comment faire une refonte graphique de site WordPress ?

19 juin 2022

Comment faire une refonte graphique de site WordPress ?

La refonte d’un site est une démarche dans laquelle il faut se lancer en étant bien préparé. Les objectifs derrière la refonte graphique d’un site WordPress peuvent être multiples. Changement de missions dans une entreprise, changement de l’image de la marque, question d’améliation du référencement naturel, changement simple de design… Les raisons sont variées. ☺️

Si vous avez une idée de refonte graphique de site WordPress, vous devez savoir par où commencer. Toutes les manipulations ne devraient pas déranger vos visiteurs, ni encore moins affecter votre trafic. Cet article est un guide qui vous apprend comment faire une refonte graphique de site WordPress. Maintenant, allons-y ! 👊

Objectif

Ce tutoriel donne des détails sur les grands points qu’il faut savoir si vous souhaitez faire une refonte graphique de site WordPress. Vous trouverez des étapes pour refondre un site basé sur WordPress sans affecter votre productivité ou votre trafic. 🥰

Prérequis

La refonte de site WordPress nécessite les prérequis suivants :

Ce que vous devez faire avant la refonte

refonte de site WordPressLa refonte du site est une tâche qui doit être bien préparée très à l’avance. En pratique, tout dépend de ce que vous envisagez de faire sur votre nouveau site. Qui dit refondre WordPress entend changer l’architecture du site ou son design général.

Mais, ce relooking peut cependant prendre plusieurs formes. Il peut s’agir d’un simple changement de la palette de couleurs, le type ou la taille de polices.

Une modification de menus ou du type de contenus à publier peut aussi être envisagé. Si la modification est partielle, elle ne devrait pas nécessiter les mêmes ressources que lorsque vous souhaitez changer la structure entière du site.

Vous devez être, en général, organisé. Pour un site en production, vous ne devez pas mettre en danger votre trafic. ⚠️ Pour y aller systématiquement, prenez le temps de :

  • Lister tous les éléments à modifier
  • Préparer les ressources nécessaires pour tous les changements qui devront être faits
  • Si vous souhaitez déléguer un développeur pour cette tâche, vous devez à l’avance prévoir un budget conséquent
  • Si la refonte doit être effectuée par un développeur, lui remettre la liste des nouvelles fonctionnalités à inclure au nouveau site.

Pour ne pas mettre en péril votre trafic, vous devez aussi fixer un temps bien mesuré pendant lequel, la refonte sera effectuée. 💡

Créer une maquette du nouveau site

maquette du nouveau siteLa réalisation d’une maquette est une étape cruciale de la refonte de site WordPress. En effet, tout ne doit pas se faire au hasard. Il s’agit d’un plan de référence pour agir avec précision. Que la refonte soit effectuée par vous ou par un développeur engagé, la mise en place d’une maquette va sûrement accélérer le processus.

Ce plan préconçu détaille, sur mesure, votre nouveau site. Il reprend toutes les nouvelles fonctionnalités qui doivent être créées ou modifiées. Ainsi, si la modification concerne l’ajout ou la modification d’une fonctionnalité, vous devez établir une maquette fonctionnelle avec cette nouvelle fonctionnalité. Ce qui permet d’avoir une idée sur la façon dont cette dernière sera intégrée au site actuel. 💡

Mais si vous envisagez une refonte graphique totale, vous devez concevoir également une maquette de l’image du nouveau site. Et pour créer une maquette, vous avez des nombreux outils gratuits et payants en ligne. À travers ces logiciels, vous pouvez concevoir votre plan et l’avoir sur vous comme référence pour que la refonte soit un succès.

Parmi ces logiciels de création de maquettes, vous avez notamment

  • GlooMaps : cet outil plus simple à utiliser vous permet de créer une maquette similaire à votre site actuel. C’est une véritable solution si vous envisagez une refonte partielle de votre site.

Créer une maquette pour site web

  • Pour obtenir une maquette fonctionnelle parfaite pour votre site, vous pouvez également utiliser un outil wireframe tel que Balsamiq.

Obtenir une maquette avec balsamiq

  • Et si vous envisagez de tout refondre sur votre site, vous avez un autre outil pour créer rapidement une maquette. Il s’agit notamment d’Adobe XD.

Adobe XD

👍 Excellent ! Maintenant que vous avez une maquette, vous pouvez passer à l’étape suivante.

Mettre en place une solution technique

Étant donné que vous modifiez un site en ligne et qui reçoit des visites, vous ne devez pas vous lancer de n’importe quelle manière. Dans la partie suivante, vous allez découvrir comment faire une refonte sans que vos visiteurs s’en aperçoivent. 😉

1. Créer une page de maintenance

C’est l’une des meilleures solutions pour refondre WordPress sans que vos visiteurs soient gênés pendant les modifications. La page de maintenance informe à vos visiteurs que le site est momentanément indisponible et qu’il sera à nouveau disponible après quelques minutes.

De cette façon, vos visiteurs sont confiants et sereins. Vous pouvez mettre en place cette solution technique si vous apportez des modifications mineures. Par exemple, vous désinstallez un thème ou des extensions pour en installer d’autres.

Sur WordPress, la création d’une page de maintenance peut se faire sans coder. Pour cela, vous devez utiliser des extensions. Depuis le répertoire officiel de plugins WordPress, vous avez plusieurs extensions gratuites que vous pouvez utiliser.Extensions WordPress de maintenance

Avec l’extension « Maintenance », le processus ne dure que quelques minutes. Après installation, vous devez accéder au plugin depuis votre tableau de bord WordPress.WP MaintenanceVous devez commencer par créer le Title de la page de maintenance. Ensuite, vous pouvez renseigner dans les zones correspondantes, le titre de la page ainsi que la description.

Dans la zone de description, vous pouvez donner quelques détails sur l’action en cours. Enfin, vous devez maintenant activer la page à l’aide du bouton d’activation en le basculant sur le statut « On », dans la partie supérieure de l’interface.Page de maintenance

Si vous avez déjà mis en place cette page, vous pouvez à présent vous concentrer sur la refonte de votre site sans déranger vos visiteurs.

2. Se servir d’une copie de votre site

Créer une copie de votre site WordPress peut vous aider à le refondre sans déranger vos visiteurs. Ceci s’avère un moyen qui peut vous aider à apporter des modifications avec la plus grande précision.

Vous pouvez créer une copie soit sur un sous-domaine ou un sous-répertoire. Après avoir fini les modifications, vous pouvez les reporter sur le site fonctionnel en ligne.

Il existe des plugins WordPress qui peuvent vous aider à créer rapidement une copie de votre site gratuitement.Créer une copie de WordPress avec DuplicatorDuplicator est sans doute une extension populaire de la catégorie. Après installation, vous serez guidé pas à pas sur la manière dont il faut procéder pour obtenir la copie de votre site.

3. Faire la refonte graphique de site WordPress avec un constructeur de pages

Si vous envisagez par exemple de ne modifier que les pages de votre site, l’utilisation d’un constructeur de pages s’avère être la meilleure solution pour vous. Ces modules permettent de créer des pages et les publier lorsque vous avez fini. 😊

Il existe plusieurs constructeurs de pages en ligne. La plupart intègrent des fonctionnalités basiques gratuites et vous pouvez passer à la version professionnelle pour bénéficier des fonctionnalités avancées.

Dans la catégorie, vous avez Elementor, qui est le constructeur de pages glisser-déposer le plus riche en fonctionnalités.Elementor Vous avez également plusieurs autres constructeurs de pages que vous pouvez installer depuis le répertoire officiel des extensions WordPress.Constructeurs de pages de WordPressUne fois que vous avez fini la création de pages, vous pouvez passer à la publication sans gêner les visiteurs.

4. Utiliser un site de staging

Un site de staging est en d’autres termes appelé un site de test. Vous pouvez envisager cette solution technique si vous souhaitez apporter des modifications intensives sur votre site. C’est le cas par exemple de la désinstallation de tous les plugins de votre site pour en installer d’autres. Elle est ainsi la meilleure solution pour une refonte complète de WordPress.

Toutes les modifications seront effectuées pendant que vos visiteurs ne s’en rendent compte. Pour créer un site de staging, vous aurez besoin d’un sous-domaine ou installer WordPress dans un sous-répertoire.

L’extension WP Staging peut également vous permettre un site de test sans connaissances dans le codage WordPress.WP Staging

Réaliser la refonte de site

Après avoir apporté des modifications, vous voilà prêt à relooker votre site. Cependant, voici quelques autres mesures à prendre en compte :

1. Créer une sauvegarde

Quel que soit votre niveau de compétences dans le développement web, il n’existe pas de code parfait. Une sauvegarde vous donne la possibilité de restaurer votre site au cas où les modifications l’ont affecté.

Trucs et astuces


Vous bénéficiez de sauvegardes gratuites disponibles depuis l’espace client avec les plan d’hébergement web LWS !

Une alternative est l’utilisation d’un plugin comme UpdraftPlus.UpdraftPlusVous pouvez aussi sauvegarder les configurations de vos plugins si vous souhaitez les conserver ultérieurement, à la suite de la refonte.refonte de site WordPress : sauvegarde des extensions

2. Ajuster le SEO du site après refonte

Nous ne cesserons jamais de le répéter : le SEO est primordial pour tout site Web en ligne. Après avoir terminé la refonte, vous devez faire un audit SEO général de votre site.refonte graphique de site WordPress : ajuster le SEOCela permettra de ne pas compromettre votre positionnement dans les résultats de moteurs de recherche et vos efforts de référencement naturel.

C’est dans la même optique que vous devez veiller à ce que la refonte n’a pas généré, après elle, des pages d’erreurs 404. Si cela est le cas, prévoir des redirections 303 avec notamment un plugin comme « Redirection ».Redirection

Conclusion

🎉 Félicitations ! 🎉 vous savez maintenant comment se fait la refonte graphique de site WordPress. En suivant les étapes ce tutoriel, plus rien ne sera difficile pour vous ! 😊

Vous avez des questions ? Utilisez la section commentaire pour nous écrire.

Avatar de l'auteur

Auteur de l'article

Joseph

Joseph est rédacteur web depuis quatre ans. Ses thématiques préférées sont le digital et le web marketing et l’e-commerce. La persévérance, l’assiduité et le courage font partie de sa méthode de travail. C'est ce qui lui permet d'affronter n’importe quel sujet.

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.