Comment mettre à jour le thème WordPress sans perdre la personnalisation
Craignez-vous de perdre vos personnalisations lors de la mise à jour du thème de votre site WordPress ?
L’une des meilleures choses à propos de WordPress est sa facilité de personnalisation. Mais malheureusement, il y a de fortes chances que vous perdiez certaines de vos modifications lorsque vous mettez à jour votre thème.
Dans cet article, nous allons vous montrer comment mettre à jour facilement un thème WordPress sans perdre en personnalisation.
Comment fonctionnent les mises à jour de thèmes dans WordPress
WordPress est livré avec un système puissant pour installer les mises à jour non seulement pour WordPress lui-même, mais également pour les plugins et les thèmes.
Votre site Web WordPress vérifie régulièrement les mises à jour et les affiche sous la page Tableau de bord » Mises à jour.
Lorsqu'une mise à jour de thème est disponible, vous verrez également une notification sur la page Apparence » Thèmes.
Les mises à jour sont très importantes pour la sécurité et les performances de votre site WordPress. Outre la sécurité et les corrections de bugs, les développeurs de thèmes peuvent également introduire de nouvelles fonctionnalités avec ces mises à jour.
Vous pouvez simplement cliquer sur le bouton de mise à jour pour installer la nouvelle version.
WordPress téléchargera ensuite le package de thème, le décompressera et remplacera les anciens fichiers par la version la plus récente.
Cela écrasera tous les anciens fichiers de thème de votre site Web. Si vous avez ajouté manuellement du code personnalisé à vos fichiers de thème WordPress, vous perdrez ces modifications.
Cela étant dit, examinons quels changements de thème sont sécurisés et quelles personnalisations seront effacées.
Quelles personnalisations pouvez-vous perdre lors de la mise à jour du thème ?
Il existe plusieurs façons de personnaliser un thème WordPress. Certaines de ces personnalisations de thème sont sûres car vos modifications sont stockées dans la base de données WordPress elle-même.
Personnalisations que vous ne perdrez pas lors d’une mise à jour de thème
Vous ne perdrez aucune modification apportée via le personnalisateur de thème WordPress intégré auquel vous pouvez accéder en visitant la page Apparence » Personnaliser.
Le personnalisateur de thème vous permet de modifier votre thème WordPress et de stocker toutes les modifications dans la base de données WordPress. Vous pouvez modifier l'image d'en-tête, les couleurs, la mise en page, le CSS personnalisé, etc.
Vos widgets WordPress et menus de navigation ne sont pas non plus affectés par les mises à jour du thème.
Les thèmes WordPress populaires comme Astra et Ocean WP sont désormais accompagnés de plugins compagnons. Ces plugins sont utilisés pour ajouter des fonctionnalités supplémentaires à votre thème. Toutes les modifications de thème apportées à l’aide de ces plugins compagnons ne sont pas non plus affectées par une mise à jour du thème.
Si vous personnalisez votre mise en page WordPress à l'aide d'un constructeur de pages WordPress comme SeedProd, Divi ou Beaver Builder, ces modifications ne seront pas affectées.
Toutes les autres fonctionnalités que vous avez ajoutées à votre site Web à l’aide d’un plugin sont également sécurisées. Par exemple, vos formulaires de contact WordPress, Google Analytics, les popups de newsletter par e-mail, et bien plus encore.
Personnalisations que vous perdrez lors d'une mise à jour de thème
Ce que vous perdrez, ce sont toutes les modifications apportées directement aux fichiers de votre thème.
Par exemple, vous avez peut-être ajouté du code au fichier function.php de votre thème ou ajouté un style CSS au fichier de feuille de style de votre thème (style.css). Ces modifications seront perdues car les fichiers seront écrasés lors de la mise à jour de votre thème.
La même chose se produira si vous avez apporté des modifications à l’un des modèles de votre thème, tels que index.php, header.php et footer.php. Ces fichiers seront également écrasés et vous perdrez vos modifications.
Maintenant que nous savons quelles modifications seront effacées, parlons de la manière de les conserver lors d'une mise à jour de thème.
Créer un thème enfant
Un thème enfant est un thème WordPress qui hérite des fonctionnalités, des caractéristiques et du style d'un autre thème WordPress, le thème parent. Vous pouvez ensuite personnaliser le thème enfant sans apporter de modifications au thème parent.
Étant donné que vos modifications sont stockées dans le thème enfant, vous pouvez mettre à jour le thème parent en toute sécurité sans perdre vos personnalisations. Dans ce didacticiel, nous allons créer un thème enfant, puis y déplacer toutes vos personnalisations.
Vous pouvez créer le thème enfant à l'aide d'un plugin ou à l'aide de code. Rendez-vous sur notre guide du débutant pour savoir comment créer un thème enfant WordPress et créez-en un maintenant. Le thème que vous devez mettre à jour doit être le thème parent.
N’activez pas encore le thème enfant. Nous le ferons à la fin de ce tutoriel.
Si vous utilisez la méthode de code pour créer un thème enfant, vous devez le créer dans un dossier sur votre ordinateur. Si vous utilisez la méthode du plugin, vous devrez alors télécharger le dossier du thème enfant sur votre ordinateur dans la section suivante.
Téléchargement de dossiers de thème sur votre ordinateur
La première chose que vous devez faire est de vous connecter à votre compte d'hébergement WordPress à l'aide d'un client FTP.
Une fois connecté, accédez au dossier /wp-content/themes/ et téléchargez votre dossier de thème sur votre ordinateur.
Ce dossier sera la sauvegarde de votre thème et de vos personnalisations. Plus tard, nous copierons vos personnalisations de ce dossier dans le dossier du thème enfant.
Si vous avez créé un thème enfant en utilisant la méthode du plugin dans la section précédente, vous devez télécharger son dossier sur votre ordinateur de la même manière.
Nous devons maintenant télécharger la mise à jour de votre thème. Vous devez visiter le site Web de votre thème et télécharger la dernière version sur votre ordinateur. Après cela, vous devrez localiser le fichier zip du thème et l’extraire.
Vous devriez maintenant avoir trois dossiers de thème sur votre ordinateur : la nouvelle version mise à jour de votre thème, l'ancienne version personnalisée de votre thème et le thème enfant que vous venez de créer.
Copie des personnalisations vers le thème enfant
Ensuite, nous devons identifier toutes les modifications que vous avez apportées à votre thème afin de pouvoir les copier dans le thème enfant. Le moyen le plus simple de procéder consiste à comparer vos anciens et nouveaux fichiers de thème.
Vous devrez utiliser un logiciel de comparaison de fichiers pour voir la différence entre la nouvelle et l’ancienne version de chaque fichier. Nous recommandons aux utilisateurs Windows d'utiliser WinMerge, aux utilisateurs Mac d'utiliser Kaleidoscope et aux utilisateurs Linux d'utiliser Meld.
Ouvrez votre logiciel de comparaison de fichiers, puis faites glisser la version mise à jour de votre thème dans le panneau de gauche et l'ancienne version personnalisée dans la gauche. Le logiciel mettra en évidence tous les fichiers qui ont été modifiés ou ajoutés.
À l'exception de function.php et style.css, vous devez copier les fichiers en surbrillance dans le volet de droite dans le dossier de votre thème enfant.
Votre thème enfant possède déjà ses propres fichiers function.php et style.css, nous devons donc les gérer différemment. Vous devrez copier toutes les modifications que vous avez apportées à ces fichiers et les coller au bas des fichiers de votre thème enfant.
Tout d’abord, ouvrez les versions mises à jour et anciennes de votre fichier function.php dans votre logiciel de comparaison. Vous devez copier le texte en surbrillance de la version personnalisée et le copier dans le presse-papiers.
Ensuite, vous devez coller le texte au bas du fichier function.php de votre thème enfant. Assurez-vous de sauvegarder le fichier après avoir fait cela.
Si le fichier style.css de votre thème a été modifié, vous devrez alors répéter le processus avec ce fichier.
Téléchargement des dossiers de thème et de thème enfant mis à jour
Après avoir copié vos modifications dans le thème enfant, vous êtes maintenant prêt à télécharger le thème mis à jour et le thème enfant sur votre site Web.
Connectez-vous simplement à votre site Web à l'aide du client FTP et accédez au dossier /wp-content/themes/. Après cela, vous devez sélectionner le dossier de thème mis à jour et le dossier de thème enfant et les télécharger sur votre site Web.
Votre client FTP vous avertira que les fichiers du même nom existent déjà. Vous devez choisir Remplacer pour vous assurer que vos anciens fichiers de thème sont remplacés par les versions mises à jour.
Importation de vos paramètres de personnalisation de thème
Nous avons mentionné au début de cet article que les personnalisations effectuées avec le personnalisateur de thème WordPress ne sont pas stockées dans votre thème et n'ont donc pas encore été ajoutées au thème enfant.
Nous devrons les ajouter maintenant. Nous utiliserons un plugin pour exporter les paramètres de personnalisation de thème du thème parent, puis les importerons dans le thème enfant.
La première chose que vous devez faire est d'installer et d'activer le plugin Customizer Export/Import sur les deux sites sur lesquels vous souhaitez exporter/importer. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Ensuite, nous devons exporter les paramètres de personnalisation du thème parent. Le thème parent étant toujours actif, vous devez visiter la page Thèmes » Personnaliser.
Vous devez ensuite cliquer sur le panneau Exporter/Importer pour afficher ses paramètres puis cliquer sur le bouton Exporter.
Le plugin va maintenant exporter vos paramètres de personnalisation et les envoyer à votre ordinateur dans un fichier .dat.
Ensuite, vous devez activer votre thème enfant. Accédez simplement à Apparence » Thèmes, puis cliquez sur le bouton Activer sous le thème enfant.
Après cela, vous devez revenir à la page Apparence » Personnaliser et cliquer sur le panneau Exporter/Importer.
Vous devez cliquer sur le bouton « Choisir un fichier » pour sélectionner le fichier que vous avez exporté précédemment. Vous devez également cocher la case à côté de l'option « Télécharger et importer des fichiers image ? » pour importer l'en-tête et d'autres fichiers image.
Ensuite, vous devez cliquer sur le bouton « Importer » pour lancer le téléchargement. Le plugin va maintenant importer les paramètres du personnalisateur depuis votre fichier d'exportation.
Une fois terminé, vous pouvez prévisualiser vos modifications dans le personnalisateur, puis cliquer sur le bouton « Enregistrer et publier » pour rendre ces modifications actives.
Vous avez maintenant déplacé toutes vos personnalisations vers le thème enfant. À l’avenir, vous pourrez mettre à jour le thème parent sans avoir à répéter ces étapes.
Nous espérons que cet article vous a aidé à mettre à jour votre thème WordPress sans perdre en personnalisation. Si vous rencontrez des problèmes, consultez notre guide sur les erreurs WordPress les plus courantes et comment les résoudre.
Vous pouvez également consulter notre liste de plugins WordPress indispensables pour développer votre site Web.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.