Les thèmes WordPress sont constitués de plusieurs fichiers, et savoir lesquels modifier peut s’avérer délicat, surtout pour les débutants.
Mais apporter des modifications à votre thème ne devrait pas être source de confusion. Avec quelques astuces, vous pouvez facilement identifier les bons fichiers à ajuster.
Dans cet article, nous vous guiderons pour trouver les bons fichiers pour les ajustements que vous souhaitez.
Comprendre les fichiers de modèles de thèmes WordPress
Les thèmes WordPress sont constitués de plusieurs fichiers. Il s’agit notamment des fichiers de modèles, des marqueurs de modèles personnalisés et des fonctions, des éléments de modèles, des images, de JavaScript et des fichiers CSS.
Tous les meilleurs thèmes WordPress suivent les meilleures pratiques officielles. Cela signifie qu’ils organisent tout le code en utilisant la structure standard des fichiers et des modèles.
Par exemple, tous les thèmes WordPress ont des fichiers archive.php, single.php, functions.php et autres.
Chaque fichier est utilisé comme modèle pour afficher une zone particulière de votre site WordPress. Par exemple, le Modèle single.php affiche des publications uniques, et le Modèle page.php affiche une page unique.
Comprendre la hiérarchie des fichiers modèles de WordPress vous permet de mieux comprendre le fonctionnement de WordPress. Si jamais vous avez besoin d’ajouter ou de modifier du code sur votre thème WordPress, cela vous aidera également à déterminer quels fichiers vous devez modifier.
Pour plus de détails, consultez notre aide-mémoire pour débutants sur la hiérarchie des modèles WordPress.
Dans cette optique, voyons comment trouver facilement les fichiers à modifier dans un thème WordPress.
Trouver les fichiers de modèles à modifier dans un thème WordPress
La première chose à faire est d’installer et d’activer l’extension What The File. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
L’extension est prête à l’emploi et il n’y a aucun réglage à effectuer.
Une fois activé, vous devez visiter l’interface publique de votre site, et vous remarquerez un nouveau menu « What The File » dans la barre d’administration de WordPress.
Il vous suffit maintenant de survoler l’élément de menu avec votre souris. Cela affichera un menu déroulant listant les fichiers de modèles utilisés pour afficher cette page.
En cliquant sur le nom du fichier, vous accéderez à l’éditeur de fichiers par défaut de WordPress, dans lequel vous pourrez modifier le fichier en question.
Cependant, nous ne recommandons pas d’utiliser l’éditeur de fichiers WordPress pour modifier les fichiers de thème, car il ne dispose pas d’une option d’annulation. Si vous faites une erreur et que vous vous bloquez sur votre site, vous devrez utiliser un client FTP pour la corriger.
Nous vous conseillons plutôt d’utiliser un client FTP ou l’application Gestionnaire de fichiers du panneau de contrôle de votre hébergeur WordPress.
Grâce à ces outils, vous pouvez modifier les fichiers de thème à l’aide de n’importe quel éditeur/éditrices de texte brut, tel que le Bloc-notes.
Il est déconseillé d’apporter des modifications directes à votre thème WordPress. Ces modifications seront effacées lors de la mise à jour de votre thème.
Apporter des modifications directes à votre thème WordPress est également une mauvaise idée. En effet, ces modifications disparaîtront lorsque vous mettrez à jour votre thème.
Si vous avez uniquement besoin d’ajouter du CSS, vous pouvez le faire en tant que CSS personnalisé dans WordPress.
Pour des modifications plus importantes des fichiers de votre thème, vous devez créer un thème enfant. L’extension « What The File » peut vous aider à localiser les fichiers de thème que vous devez copier et modifier dans votre thème enfant.
Note : L’élément de menu ajouté par l’extension dans la barre d’administration sera visible par tous les utilisateurs/utilisatrices connectés et renverra à un site externe. Vous devez utiliser cette extension uniquement dans un environnement de développeurs/développeuses, tel qu’un site de staging.
Astuce bonus : Ajouter un code personnalisé pour l’en-tête et le pied de page dans WordPress
Parfois, il n’est pas nécessaire de modifier les fichiers de votre thème pour ajouter des fonctionnalités à votre site WordPress.
Par exemple, vous pourriez uniquement vouloir ajouter un code personnalisé dans l’en-tête ou le pied de page de votre site pour insérer des scripts de suivi ou des codes de vérification.
Dans ce cas, vous pouvez utiliser des extensions pour ajouter des extraits de code sans modifier les fichiers du thème, comme WPCode.
WPCodes dispose d’une interface simple pour coller votre code. Ainsi, les fichiers de votre thème ne sont pas modifiés et vos modifications restent sûres lors des mises à jour.
Par exemple, nous ajoutons ici un code de personnalisation dans l’en-tête de notre site de démonstration :
L’utilisation d’extensions de ce type permet d’enregistrer du temps et de réduire les erreurs. C’est un moyen plus sûr d’ajouter de nouvelles fonctionnalités à votre site. Pour plus de détails, vous pouvez consulter notre guide sur l ‘ajout de code d’en-tête et de pied de page dans WordPress.
Nous espérons que cet article vous a aidé à trouver les fichiers à modifier dans votre thème WordPress. Ensuite, vous pouvez également consulter notre aide-mémoire sur le développement des thèmes WordPress ou jeter un coup d’œil aux classes CSS générées par WordPress que vous pouvez utiliser pour styliser vos thèmes.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed
This is a bit developer oriented task but yes at times we get into the question to edit the file and get into dilemma of which one to edit to get the desired changes made.
I used to think that it is always the functions.php file that is to be changed but no the change is to be made where it is desired.
I will explore the plugin to see where we would need to make the edit and changes.
Thanks for this tutorial guide. it is really helpful understanding these concepts better.
WPBeginner Support
You’re welcome
Administrateur
Jiří Vaněk
Thank you for the tip. Sometimes, I need to make a change on a website, and one doesn’t immediately know which file to edit. This plugin can be a great helper in figuring out which template file is currently being used.
WPBeginner Support
Glad we could share this plugin
Administrateur
Riyaz
Installing this plugin made my life easier. However, some of the themes just leave something like these:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
and even some functions which I can find nowhere:
mytheme_get_listings_image(‘mytheme-list’)
Is there any way to find these things ?
WPBeginner Support
You would need to manually go through the files manually, normally those would be found in the functions.php file
Administrateur
mark Swift
Hi,
nice article,
but what if the files are not available in child theme which I have to edit ??
Cos
If you copy template (.php) files to your child theme (so you can edit them and not lose your changes when the theme is updated) then what happens if the file you copied and edited is updated by the theme developer? Do you then lose the benefit of their update?
Susan Sheridan
How about this same kind of tool for finding out which style sheets are being applied?
Bond Shands
I had hoped to use these directions to change the Post Office Mailing Address line at the bottom of my blog. However, installing and activating the What The File plugin produced no discernible results. Nothing new appeared on my Menu Bar. Also, to be honest, your instructions left me in the dark about how I would see the plugin displayed when viewing the blog page I wished to see. (Also, I’m already a subscriber via an alternate email address).
WPBeginner Support
Hi Bond Shands,
Each WordPress site uses a couple of templates which are loaded on each page. For example, the header and footer templates. In order to change your postal address you will need to edit the footer.php file. However, make sure that you backup your WordPress theme before making any direct changes.
Thanks
Administrateur