Sommaire
Les thèmes, également appelés modèles, sont des skins que vous utilisez pour modifier l’apparence de votre site web WordPress. En quelques clics de souris, vous pouvez passer d’un simple dessin blanc à une couleur et des caractéristiques spectaculaires. Cependant, tous les thèmes ne sont pas parfaits pour chaque design ou sujet. C’est à ce moment que la modification entre en jeu.
En modifiant les fichiers du thème, vous pouvez personnaliser davantage un site WordPress. La modification des couleurs des polices, l’ajout de placements d’images et bien d’autres choses encore peuvent être effectuées par une édition directe.
Dans le tutoriel d’aujourd’hui, je vais vous montrer comment visualiser et modifier les fichiers de thème WordPress. C’est un moyen simple d’apporter des modifications efficaces aux fonctionnalités de votre site web.
Trouver un thème ou un modèle de fichier WordPress
Le plus difficile dans l’édition des thèmes est que les développeurs ne les conçoivent pas toujours de la même manière. Parfois, un créateur donnera à un fichier un nom différent de celui qu’un autre utiliserait. Pour ce tutoriel, je fais la démonstration d’un plugin appelé “What The File”.
Ce plugin ajoutera une fonctionnalité à votre barre WordPress supérieure qui vous permettra de voir le nom du fichier utilisé. C’est un outil pratique si vous n’êtes pas sûr des types de fichiers que vous devez modifier pour changer l’apparence de votre site.
Depuis WordPress, allez dans la section Plugins et installez “What The File”.
Une fois que vous avez activé le plugin, vous pouvez visiter votre site web. Dans la barre d’outils supérieure de WordPress, vous verrez une fonction pour What The File. Cliquez sur cet outil pour afficher les types de fichiers qui sont affichés.
Cliquez sur “Modèles de pièces” pour voir tous les fichiers liés à la page que vous consultez. Ce sont les sections que vous pourrez modifier si vous souhaitez apporter des modifications personnalisées au code.
Vous pouvez écrire les parties de votre thème pour le rendre plus facile à modifier plus tard. Comme vous pouvez le voir sur l’image ci-dessus, il y a au total trois parties qui vont sur la page d’accueil de ce site web particulier.
- page d’accueil.php
- contenu.php
- navigation.php
Ces trois fichiers sont utilisés pour créer la page d’accueil du thème ColorMag. Vos modèles peuvent être très différents selon le développeur.
Mais quel thème vous utilisez-vous actuellement ? Cet outil ne vous le dit pas, malheureusement. Pour voir quel thème votre site utilise, allez dans la zone Apparence de WordPress et notez le thème qui s’affiche, “Active”.
Édition des dossiers du thème
Il est important de noter que toute modification apportée à un thème peut être écrasée si ce modèle reçoit une mise à jour de son développeur. Toutefois, de nombreux propriétaires de sites web contournent ce problème en utilisant plutôt des thèmes enfantins.
De plus, n’oubliez pas de créer des copies de sauvegarde de votre site WordPress avant d’apporter des modifications manuelles au codage. La dernière chose que vous souhaitez faire est de casser votre site à cause d’une mauvaise ou d’une mauvaise saisie. Une copie de sauvegarde vous donnera les moyens de récupérer rapidement en cas de problème.
Cela étant dit, voyons comment vous pouvez modifier les fichiers de votre modèle.
Utiliser le gestionnaire de fichiers de cPanel
Un moyen facile d’accéder aux fichiers de WordPress est le gestionnaire de fichiers de cPanel. Il s’agit d’un outil d’édition directement intégré à votre plateforme d’hébergement et doté de nombreuses fonctionnalités. En fait, vous pouvez créer un fichier zip de sauvegarde complet de votre site dans le gestionnaire de fichiers.
Pour ouvrir cet outil, cliquez sur le lien “Gestionnaire de fichiers” dans cPanel.
Cela ouvrira une fenêtre contenant tous les répertoires et fichiers de votre compte d’hébergement. Cliquez sur le dossier intitulé “public_html”. C’est là que se trouve votre site web.
Maintenant, la plupart des modifications que vous finirez probablement par faire seront pour le thème spécifique que vous utilisez. Double-cliquez dans le répertoire “wp-content”.
Cliquez dans le répertoire intitulé “themes”.
Cliquez dans le répertoire thématique du modèle que vous utilisez. C’est le thème que vous avez trouvé plus tôt dans la section Apparence de WordPress.
Pour ouvrir l’éditeur du gestionnaire de fichiers, sélectionnez le fichier que vous souhaitez modifier et cliquez sur “Modifier”.
Une nouvelle fenêtre apparaîtra, vous permettant de sélectionner la méthode d’édition que vous souhaitez utiliser. Dans la plupart des cas, vous allez simplement utiliser l’encodeur “utf-8” intégré directement dans cPanel. À partir de cet écran, cliquez sur le bouton “modifier” pour accéder au fichier.
Une nouvelle fenêtre apparaîtra pour le codage de ce fichier particulier. À partir de là, vous pouvez procéder à vos ajustements de code pour personnaliser votre site. Lorsque vous avez terminé vos ajustements de code, cliquez sur le bouton “Enregistrer les modifications” en haut à droite.
Vos modifications seront alors immédiatement mises en ligne sur le site.
Utilisation de l’éditeur WordPress
WordPress est livré avec un éditeur de code de base intégré dans son cadre. Cela vous donne un accès direct aux fichiers de thèmes afin que vous puissiez faire des ajustements. Cependant, l’utilisation de cet éditeur présente deux inconvénients majeurs : il est plus difficile de faire des sauvegardes et vous n’avez pas accès à tous les fichiers du site.
De par sa conception, l’éditeur ne vous donne accès qu’aux fichiers qui se rapportent au modèle. Ce qui est bien si c’est tout ce dont vous avez besoin pour y accéder. Si vous avez besoin de modifier d’autres fichiers en dehors du thème, vous devrez utiliser soit le gestionnaire de fichiers dont j’ai parlé plus tôt, soit des applications FTP. Je vous expliquerai le FTP dans un instant.
Pour accéder à l’éditeur WordPress, allez dans la zone Apparence et cliquez sur “Editeur”.
Par défaut, le thème qui est actuellement actif dans WordPress sera affiché dans cet écran. Cliquez sur le fichier que vous souhaitez modifier dans la colonne de droite de l’éditeur.
L’une des meilleures façons de créer une sauvegarde du fichier que vous allez éditer dans WordPress est peut-être de copier et de coller le code original dans un éditeur de texte. Par exemple, vous pouvez copier le code du fichier que vous modifiez directement dans le Bloc-notes si vous utilisez un PC et l’enregistrer.
Faites les ajustements de codage que vous souhaitez dans l’écran principal d’édition.
Lorsque vos modifications sont terminées, cliquez sur le bouton “Mettre à jour le fichier” en bas. Vos modifications seront alors répercutées sur le site web.
Utilisation des programmes FTP
Le protocole de transfert de fichiers, ou FTP, est un outil utile si vous souhaitez modifier des fichiers ou créer des sauvegardes. Il s’agit de programmes qui vous donnent un accès direct à vos fichiers d’hébergement. Bien que la plupart d’entre eux ne soient pas fournis avec leur propre logiciel d’édition, les programmes FTP offrent néanmoins un moyen d’approfondir le fonctionnement du site.
L’un des programmes FTP les plus populaires que vous pouvez utiliser gratuitement est celui de FileZilla. Cette application, qui prend en charge les systèmes d’exploitation Windows, Mac et Linux, est facile et rapide à télécharger et à installer. Même si vous choisissez de ne pas l’utiliser pour modifier des fichiers, FileZilla est très utile si vous souhaitez télécharger des images en masse ou créer une sauvegarde complète de votre site sur un ordinateur.
Pour mettre en place le FTP, vous devrez créer des comptes de connexion et des mots de passe pour accéder au serveur. Cliquez sur “Comptes FTP” dans cPanel pour créer des connexions au site web.
La personnalisation fait partie de WordPress
L’une des principales raisons pour lesquelles WordPress est une plateforme de création de sites web aussi puissante et populaire est la personnalisation. Que vous installiez des plugins pour des fonctionnalités ou des éléments de codage manuel, le système est assez flexible. Il suffit de s’assurer que vous apportez les bonnes modifications. L’ajout d’un trop grand nombre de plugins ou l’utilisation de pratiques de codage inappropriées pourrait compromettre le site web.
Combien de fois vous retrouvez-vous à activer de nouveaux thèmes ? Quel type de fonctionnalités aimeriez-vous voir dans un thème au lieu de personnaliser le code ?