Comment effectuer la refonte de son blog WordPress ?

Mis à jour le 21/05/2018 | Publié le 21/11/2016 | 5 commentaires

Vous n’avez jamais envie de bouger les meubles et changer la déco de votre appart’ ? Généralement, ça me prend au moins une fois par an… Et bien pour mes blogs ou sites web, c’est la même chose ! J’aime le changement car je me lasse vite ! Aujourd’hui, je vous dis tout sur « comment j’ai effectué la refonte de mon blog WordPress » !

 

Refonte du logo et du design

[luv_before_after before= »1071″ after= »922″]

 

D’abord, j’ai eu envie de changer un peu mon logo qui commençait à vieillir… J’ai gardé le même vert qui me plait beaucoup (oui je me doute que ce ne doit pas être le cas de tout le monde !), j’ai modifié la police et fais deux ou trois autres petites retouches… Le tout à l’aide du logiciel Affinity Designer que j’adore…

 

[luv_before_after before= »1068″ after= »924″]

 

Changement de Thème WordPress

Une fois que le design était réalisé, il a fallu choisir le thème WordPress idéal, ce qui n’est pas une chose à prendre à la légère… Et généralement, les bases fondamentales de votre site ou blog reposent sur celui-ci ! En fait, j’ai déjà testé un bon nombre de templates toutes aussi différentes les unes que les autres et parmi elles, je pourrais vous citer :

Jusqu’à présent, je n’ai jamais vraiment trouvé LE thème idéal car il y a toujours quelques détails qui coincent (bon, il est vrai que je suis très perfectionniste et pointilleuse, donc…) jusqu’à ce qu’une vente promotionnelle sur la plateforme Themeforest attire mon attention : 16$ au lieu de 59$ ! Cette occasion a donc précipité la refonte de mon blog que je ne comptais pas faire avant janvier 2017 ! Il s’agit de Fevr proposé par LuvThemes.

Une belle découverte : non seulement le prix est attractif (seulement jusqu’à la fin de l’année ou jusqu’aux 1600 ventes) mais, en plus, j’ai rarement vu un thème aussi « propre » et proposant autant de petites options originales dont les images « avant-après » que vous avez pu voir plus haut ou les petits cœurs qui s’envolent quand on clique sur l’icône situé en bas de cet article par exemple (essayez pour voir !).

 

Une refonte est semée d’embuches

Et oui, une refonte engendre beaucoup de travail ! D’abord parce qu’on crée généralement un thème enfant truffé de code pour parvenir à un résultat appréciable (lisez « Comment créer un thème enfant en 5 étapes seulement ») et qui faudra reprendre de zéro lorsqu’on change de thème, ensuite parce qu’il faut s’adapter à la nouvelle template et enfin parce que certains thèmes font appel à leur propre constructeur de page (ou page builder) qui laissera des traces lors du changement de thème. Je suis donc passée par toutes ces étapes et seulement deux petites journées auront suffit pour migrer de la template SimpleMag vers Fevr.

 

Voici le résultat :

[luv_before_after before= »1074″ after= »1075″]

 

Il faut dire que SimpleMag est une très jolie template qui compte près de 13000 ventes, une note de 4,77 sur 5 pour une création qui date de juin 2013 alors que Fevr est un tout jeune thème qui comptabilise à peine plus de 1000 ventes, avec une note de 4,91 sur 5, pour une sortie datant de juin 2016… C’était donc un peu risqué mais je vous confirme que je ne regrette pas car ce thème WordPress est très prometteur !

 

Mes conseils pour votre refonte :

  1. Ne refaites pas les même erreurs du passé : en changeant votre thème, repérez ce qui ne vous plait pas dans votre thème actuel et essayez de choisir votre nouveau thème en fonction de ces critères.
  2. Préparez le terrain : avant d’activer votre nouveau thème vous pouvez visualiser le rendu que vous obtiendrez avec celui-ci. Pour cela, allez dans Apparence > Theme > Prévisualiser. Vous allez certainement prendre peur ! Alors, retournez dans votre thème actuel pour voir quels sont les plugins utilisés « d’office » par celui-ci, repérez les pages qui on été créées via des templates de page propres à votre thème et essayez de faire un peu de ménage.
  3. N’oubliez-pas de mettre votre site en maintenance pendant toute la période de la refonte. Ceci évitera à vos visiteurs de voir certaines horreurs dues à vos nombreux essais 🙂 !
  4. Dans la mesure du possible évitez au maximum d’utiliser le page-builder de votre thème, ou du moins pour vos articles… car lorsque vous changerez de thème, vous verrez les stigmates que celui-ci laisse sur son passage.
  5. Si vous avez envie d’obtenir des présentations un peu élaborées visuellement, vous pouvez faire appel à un plugin qui propose d’insérer des ShortCodes, du coup, lorsque vous changerez de thème, votre présentation ne changera pas contrairement à l’utilisation d’un constructeur.
  6. Profitez-en pour revoir votre design : pourquoi ne pas donner un petit coup de lifting à votre logo par exemple ? Cela ira dans la continuité de votre refonte.
  7. Prenez « votre mal en patience » et vous finirez bien par obtenir le résultat souhaité.

 

Conclusion : vous aussi faites du ménage !

Si vous aussi vous envisagez une refonte de votre blog, n’hésitez pas à le faire, c’est bon pour le moral et ça plaira à vos lecteurs ! Lancez-vous !

Si vous avez besoin d’aide, n’hésitez pas à faire appel à mes services : CONTACTEZ-MOI !

À bientôt 🙂 !

Comment effectuer la refonte d'un blog WordPress

Comment effectuer la refonte d’un blog WordPress ?



			

Encore un peu de lecture ?

Comment j’ai écrit mon premier livre aux éditions Eyrolles ?

Comment j’ai écrit mon premier livre aux éditions Eyrolles ?

Je vous raconte dans cet article comment j'ai écrit mon premier livre WordPress pour les éditions Eyrolles ! Le quotidien d'une freelance est rarement rythmé par une routine prédéfinie (contrairement à ce que certains croient). On ne sait jamais où le vent nous...

5 Commentaires

  1. Fabrice

    Salut Lycia,

    Chouette boulot que cette refonte, je sais le travail/temps que cela représente. Je sais aussi que lorsque l’on a le nez dedans on a du mal à y voir et c’est en ce sens que je vais te faire mon retour 😉

    – La première des choses serait la vitesse du site, le ressenti utilisateur est lent, et les tests vont dans ce sens (https://tools.pingdom.com/#!/U2TM6/https://la-webeuse.com/). 240 requêtes pour un poids de 5MB pour la home c’est bcp trop… et cela se confirme sur les posts (https://tools.pingdom.com/#!/c6KL7j/https://la-webeuse.com/refonte-blog-wordpress/).

    – La deuxième est liée au SEO, oui le thème est joli mais où est le fil d’Ariane ? Est-il SEO friendly ? Le choix du one page est…un choix 😉 Sur cet article par exemple, j’ai 2 balises h1, des h2, « Laissez votre commentaire » est en h3 et les titres de widgets sont en h4… N’y a-t-il pas trop de liens sortants ? Les liens vers les réseaux sociaux sont présents en haut et en bas (avec un menu sticky ce n’est pas utile et cela double les liens sortants = jus SEO de la page dilué)

    – Enfin la troisième concerne la refonte en elle même : le choix de la police des titres ! Certes, elle est jolie mais quid de sa lisibilité ? A titre personnel, je dois reconnaître que je donne plutôt dans le sobre mais il y a une règle à laquelle je ne déroge jamais :  » Est-ce utile pour mon lecteur ? « . Attention tes widgets « Mes Ebooks », « Un océan de ressources » et « Ma page Facebook »ne s’affichent pas quand j’active mon AdBlock.

    Voilà c’était mon petit retour perso, j’espère qu’il te sera utile.
    A bientôt 😉

  2. Lycia

    Bonjour Fabrice ! Il faut dire que là tu m’a rhabillé pour l’hiver ! Lol ! Non, plus sérieusement, je te remercie pour tes conseils ! Venant de toi je sais qu’ils sont à prendre au sérieux… J’ai conscience de tout ce que tu as repéré, il me reste encore pas mal de boulot à effectuer ici, cependant, à mon grand regret, je n’ai que peu de temps à consacré à ce blog, c’est un peu « la dernière roue du carrosse » ! Il est vrai aussi que le temps de chargement s’est considérablement alourdi suite au changement de thème mais que faire ? Si tu as des idées, je suis preneuse ! À très bientôt ! 😉 PS : concernant la police, je me suis fais la même réflexion, elle est un peu difficile à déchiffrer, je vais donc y remédier prochainement !

  3. Fabrice

    lol oui cela peut ressembler à un habillage en règle mais ce n’est pas du tout le cas 😉

    Si tu gardes le même thème, il faudra mettre un cache en place, W3 Total Cache, WP Fastest Cache ou WP Rocket. Il faut compresser, déférer les JS et minifier CSS & JS. Désactiver les emoji WP te fera aussi gagner du temps au chargement.

    Fais également un test de vitesse avant/après en désactivant simplement les widgets FB, Twitter, Codeur pour en mesurer l’impact temps.

    Avec ces quelques mesures simples, le site devrait gagner en vitesse de chargement ^^

  4. Lycia

    Merci Fabrice ! Je ferais le test ! À bientôt !

  5. Florian Zorgnotti

    Merci pour ton article, peut-être que tu peux m’aider. Comment faire pour refondre un site web non WordPress en le passant sur WordPress ?

    Je sais pas si je suis bien clair lol

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Recevez les news, freebies, astuces et tutos de La Webeuse !

Pin It on Pinterest

Shares
Share This