brand-lws-red brand-lws-white
Blog

Éditeur de thème WordPress : guide du débutant

02 février 2022

Éditeur de thème WordPress : guide du débutant

Nous allons voir dans cet article ce que l’éditeur de thème WordPress permet de réaliser. D’une part, comment utiliser l’éditeur de thème WordPress pour réaliser votre site web sur un hébergement WordPress, d’autre part, comment personnaliser votre site web WordPress en toute sécurité.

Avant tout, précisons qu’un thème WordPress fait référence à un ensemble de fichiers (images, feuilles de style et code). Il définit l’apparence visuelle de votre site Web et détermine la fonctionnalité de celui-ci. Toutefois, il est important de savoir comment personnaliser les thèmes WordPress afin d’inclure plus de fonctions et ainsi améliorer l’expérience utilisateur.

Qu’est-ce qu’un éditeur de thème WordPress ?

Éditeur de thème WordPress

Un éditeur de thème WordPress fait référence à un éditeur de texte au sein du tableau de bord WordPress. Il permet entre autre aux utilisateurs de placer une barre latérale supplémentaire, de personnaliser les fichiers de thèmes, d’intégrer des vidéos personnalisées dans l’en-tête et de rendre l’application adaptée aux mobiles.

Il est possible d’accéder à l’éditeur de thème via Apparence ➡ Éditeur de thème. Sur le côté droit de la fenêtre s’affiche une liste de fichiers inclus dans le thème qui servent de modèles. En cliquant sur l’un deux, le code de l’éditeur de thème s’affichera et les utilisateurs pourront apporter les modifications qu’ils souhaitent.

Éditeur de thème WordPress

Sélection de thèmes WordPress

Pour sélectionner d’autres thèmes à modifier, il suffit simplement d’accéder au coin supérieur droit de l’écran et de cliquer sur le menu déroulant.

thème WordPress

En revanche, la sélection d’un autre thème n’ouvrira que les fichiers de thème mais n’activera pas le thème. Si vous voulez en activer un, allez dans  Apparence ➡ Thèmes.

Tous les fichiers de modèle sont écrits en PHP, CSS et JavaScript, il est nécessaire de s’y connaître pour l’édition de ces fichiers car il n’y a plus de possibilités d’annuler les modifications une fois que celles-ci ont été faites.

Une fois la personnalisation du thème effectuée, cliquez sur le bouton Mettre à jour le fichier. Chose à savoir sur l’éditeur de thème, c’est qu’il empêchera d’enregistrer accidentellement des modifications non voulues en cas d’erreur, ce qui permettra de revenir aisément en arrière.

mettre à jour thème WordPress

Points de vigilance

Malgré tout, assurez-vous de modifier de façon correcte les fichiers et de coller prudemment les extraits de code. Si vous le collez de façon incorrecte cela peut entraîner des erreurs de syntaxe et vous empêcher d’accéder au site.

Ainsi, si vous êtes développeur et que vous travaillez pour un client, il est préférable de désactiver l’accès à l’éditeur de thème. De ce fait, cela évitera au client de faire des erreurs car il pourrait ne pas se rendre compte des risques liés à la modification du code source et de ce que cela pourra engendrer.

comptes WordPress

De même, la désactivation de l’accès à l’éditeur peut empêcher des actes malveillants qui peuvent être provoqués par des pirates à l’encontre du site web.

Différents moyens de personnaliser un thème WordPress

En plus d’utiliser l’éditeur de thème WordPress, il existe d’autres façons de personnaliser l’apparence de votre site web WordPress.

Modifier des fichiers de thème

Pour personnaliser un thème WordPress d’une autre façon, il suffit de l’éditer à partir des fichiers de thème. Pour cela, si vous êtes sur cPanel, allez dans le Gestionnaire de fichiers. Si vous gérez vos fichiers avec un autre panel ou interface la procédure sera la même.

  1. Rechercher le dossier public_html.public_html
  2. Cliquer sur un dossier intitulé wp_content ➡ thèmespublic_html thèmes
  3. Ce dossier contient tous les thèmes qui ont été téléchargés pour votre site WordPress. Faites un double-clic sur le nom du fichier du thème actif que vous souhaitez modifier.
  4. Puis, sélectionnez le fichier du thème que vous voulez personnaliser et cliquez sur Edit (Modifier) dans la barre de menus.Edit page WordPress
  5. L’éditeur de texte s’ouvrira pour personnaliser le code selon vos besoins. Après, cliquez sur le bouton Enregistrer et les modifications seront mises à jour sur votre site.code court WordPress

La liste des fichiers de thème peut varier selon le thème. Malgré tout, chaque thème inclut des fichiers essentiels tels que :

  • Feuille de style (style.css) qui sont des fonctionnalités de conception, comme les polices, les couleurs et les mises en page
  • Functions.php ce sont des fonctionnalités et des caractéristiques du thème comme les logos personnalisés et les widgets.
  • Fichier de modèle est une combinaison de HTML, de code PHP et de balises de modèle qui génèrent le contenu de votre site web.

Utiliser des constructeurs de pages

Beaucoup de thèmes WordPress sont compatibles avec des constructeurs de pages comme Elementor, Beaver Builder et Divi. Ces constructeurs, pour la plupart, offrent une fonctionnalité glisser-déposer qui permet de personnaliser un thème sans modifier manuellement le code.

Afin de personnaliser votre site avec l’aide d’un constructeur de pages, il faut simplement en installer un qui est compatible avec votre thème et utiliser les options fournies pour débuter la modification de la conception de vos pages.

Divi Builder

Ces constructeurs offrent une flexibilité avancée pour ajuster le contenu de votre site web mais il est important de prendre également en compte les inconvénients.

En effet, les constructeurs de WordPress modifient la page en la convertissant en shortcodes spécifiques aux plugins. Dès lors que vous désactivez le plugin de création de pages, les codes courts ne fonctionnent pas et vous perdrez la conception que vous avez réalisé. Mais aussi, les shortcodes peuvent ralentir le chargement des pages de votre site.

Utiliser les Plugins WordPress

En outre, s’il vous manque une fonction de base à votre site web, installer un plugin supplémentaire peut s’avérer suffisant pour régler cela. Des milliers d’options sont présentes dans le répertoire de plugins WordPress, comme des plugins de sécurité, des plugins d’intégration des médias sociaux, des plugins de commerce où bien encore pour l’optimisation du référencement.

plugins WordPress

Afin d’être sûr d’installer le bon plugin, il faut inévitablement faire attention à la dernière mise à jour du plugin ainsi que l’évaluation des utilisateurs et les options de compatibilité avec la dernière version de WordPress.

Installer un thème enfant

Un thème enfant est un sous-thème qui hérite de toutes les caractéristiques du thème parent. Il remplace les fonctions du thème parent et les fonctionnalités, ce qui permet aux utilisateurs d’effectuer des modifications sans perdre les fonctionnalités originales du thème parent.

thème enfant WordPress

Cela permet aussi de préserver les modifications quand le thème parent est mis à jour.

Le thème enfant détient ses propres fichiers style.css et functions.php est il est stocké dans un fichier différent de celui du thème parent. Ici, vous pouvez y ajouter de nouveaux fichiers, apporter des modifications de style aux paramètres de mises en page, aux codages et aux scripts.

De nombreuses manières sont possibles pour créer des thèmes enfants dans WordPress.
Elles vont de la configuration d’un dossier de thème enfant dans le gestionnaire de fichier à l’installation d’un plugin.

Conseils supplémentaires lors de la modification d’un thème WordPress

Nous allons voir ici quelques pratiques de sécurité à suivre pour personnaliser votre thème WordPress.

Toujours créer des fichiers de sauvegarde

Créer une sauvegarde de votre site WordPress est importante quand vous effectuez des modifications car elle peut vous permettre de retravailler les paramètres et les personnalisations à zéro en cas de problème. Il suffit de télécharger les fichiers de sauvegarde pour rendre le site à nouveau opérationnel.

Pourtant, vous n’aurez pas besoin constamment d’une sauvegarde complète pour redémarrer votre site. Parfois, enregistrer une copie d’un fichier de thème style-editor.css peut-être une bonne idée car il suffit de supprimer le fichier et télécharger l’original pour écraser les modifications.

Utiliser le contrôle de version

Grâce à ce contrôle de version, les utilisateurs peuvent suivre et annuler les modifications apportées à leur site WordPress. Cela permet de restaurer les versions précédentes et évite d’effectuer des modifications manuelles.

De plus, le contrôle de version est particulièrement utile si vous travaillez en équipe car c’est également un excellent outil de travail collaboratif.

Plusieurs solutions de contrôle de version WordPress existent.

Configurer un serveur test local

Dès lors que vous personnalisez le code ou utilisez un thème enfant, il est fortement recommandé de le faire avant sur un serveur local. En effet, cela permet de prévisualiser les personnalisations avant de les appliquer sur votre site en ligne.

Pour cela, il faut installer WordPress localement en utilisant WampServer ou MAMP qui vous donnera accès à un environnement de transfert.

Sur cet environnement de transfert, vous pouvez tester les modifications apportées à votre thème WordPress et vérifier le contenu de votre Site Web comme les pages ou les articles. Un fois que les modifications vous conviennent vous pouvez les télécharger sur votre site Web.

Conclusion

WordPress offre à ses utilisateurs une palette d’options de personnalisation grâce à sa flexibilité. L’éditeur du code de thème WordPress permet de fournir un moyen facile d’accéder au code source du thème permettant de modifier la conception de votre site web.

Malgré tout, l’éditeur de thème de texte n’est recommandé que si vous avez des compétences en matière de codage car il peut vous faire perdre tous les ajustements effectués avant une mise à jour. L’installation d’un plugin et la création d’un thème enfant impliquent moins de risques.

Enfin, quelle que soit la méthode choisie, assurez-vous de prendre en compte les conseils de sécurité pour avoir de meilleurs résultats.

hebergement wordpress

Commentaires (0)

Laisser un commentaire

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

Serveurs performants haut de gamme

Serveurs performants
haut de gamme

Logiciels avec installation en 1 clic

Logiciels avec
l'installation en 1 clic

Sécurité optimale pour vos sites

Sécurité optimale
pour vos sites

Confiance, 100% en France

Confiance, 100%
en France

100% Satisfait ou Remboursé

100% Satisfait
ou Remboursé