{"id":34755,"date":"2019-12-05T08:50:36","date_gmt":"2019-12-05T16:50:36","guid":{"rendered":"https:\/\/kinsta.com\/?p=56620"},"modified":"2023-11-10T12:32:27","modified_gmt":"2023-11-10T11:32:27","slug":"comment-personnaliser-theme-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/","title":{"rendered":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)"},"content":{"rendered":"<p>Si vous avez <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">install\u00e9 un th\u00e8me WordPress<\/a> mais qu\u2019il n&rsquo;est pas tout \u00e0 fait appropri\u00e9 pour vous, vous vous sentez peut-\u00eatre frustr\u00e9. Il y a beaucoup d&rsquo;options disponibles pour personnaliser votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">th\u00e8me WordPress<\/a>.<\/p>\n<p>Le d\u00e9fi consiste \u00e0 trouver la bonne fa\u00e7on de le faire.<\/p>\n<p>Dans cet article, je vais vous guider \u00e0 travers les options de personnalisation de votre th\u00e8me WordPress, vous aider \u00e0 choisir celui qui vous convient et vous montrer comment le faire de mani\u00e8re s\u00fbre et efficace.<\/p>\n<h3>Vous pr\u00e9f\u00e9rez regarder la <a href=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\">version vid\u00e9o<\/a> ?<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\"><\/kinsta-video>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Options pour Personnaliser un Th\u00e8me<\/h2>\n<p>Avant de plonger et de commencer \u00e0 modifier votre th\u00e8me, il est utile de comprendre quelles sont les options qui s&rsquo;offrent \u00e0 vous, car elles conviennent \u00e0 diff\u00e9rentes situations.<\/p>\n<p>Voici un aper\u00e7u des options qui s&rsquo;offrent \u00e0 vous :<\/p>\n<ul>\n<li>Si vous voulez ajouter des fonctionnalit\u00e9s \u00e0 votre th\u00e8me, installez une extension.<\/li>\n<li>Utilisez l\u2019outil de personnalisation dans les \u00e9crans d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">administration de WordPress<\/a> pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\">personnaliser les polices<\/a>, les couleurs et peut-\u00eatre aussi la mise en page, en fonction de votre th\u00e8me.<\/li>\n<li>Si vous travaillez avec un th\u00e8me avec un <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\">constructeur de page<\/a>, utilisez ses fonctionnalit\u00e9s pour personnaliser le design de votre site.<\/li>\n<li>Si vous avez install\u00e9 un th\u00e8me framework, utilisez l&rsquo;un des th\u00e8mes enfants disponibles pour personnaliser votre site, ainsi que toutes les options de personnalisation viables propres aux \u00e9crans d&rsquo;administration.<\/li>\n<li>Si votre th\u00e8me est sp\u00e9cifique \u00e0 votre site et que vous \u00eates \u00e0 l&rsquo;aise pour le faire, modifiez directement le code du th\u00e8me.<\/li>\n<li>Si vous voulez modifier le code d&rsquo;un th\u00e8me tiers, <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">cr\u00e9ez un th\u00e8me enfant<\/a>.<\/li>\n<\/ul>\n<p>Si vous souhaitez <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">modifiez le code<\/a>, vous disposez d&rsquo;un certain nombre d&rsquo;options, notamment l&rsquo;utilisation de <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">l&rsquo;\u00e9diteur de blocs<\/a>, de l\u2019outil de personnalisation, en passant par la modification des fichiers. Nous les examinerons tous dans cet article, mais commen\u00e7ons par l&rsquo;option la plus simple : installer une extension.<\/p>\n<h2>Avez-vous Vraiment Besoin de Personnaliser Votre Th\u00e8me ?<\/h2>\n<p>Parfois, vous n&rsquo;avez pas besoin de personnaliser votre th\u00e8me du tout : au lieu de cela, vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\">installer une extension<\/a>.<\/p>\n<p>Les th\u00e8mes dictent la conception de votre site : son apparence et la fa\u00e7on dont il affiche le contenu (utilisez notre <a href=\"https:\/\/kinsta.com\/fr\/outils\/detecteur-theme-wordpress\/\">outil de d\u00e9tection des th\u00e8mes<\/a> pour identifier le th\u00e8me sous-jacent d&rsquo;une conception qui vous pla\u00eet). Les extensions ajoutent des fonctionnalit\u00e9s suppl\u00e9mentaires.<\/p>\n<p>Si les changements que vous voulez faire sont ax\u00e9s sur la fonctionnalit\u00e9 plut\u00f4t que sur le design, pensez \u00e0 installer une extension vous-m\u00eame. Il peut s&rsquo;agir d&rsquo;une extension que vous devez \u00e9crire, d&rsquo;une extension que vous t\u00e9l\u00e9chargez \u00e0 partir du r\u00e9pertoire de l\u2019extension ou d&rsquo;une extension que vous achetez.<\/p>\n<p>Si vous voulez modifier le fichier functions.php dans votre th\u00e8me, demandez-vous :<\/p>\n<blockquote><p>Voudrais-je conserver cette fonctionnalit\u00e9 si je changeais de th\u00e8me \u00e0 l&rsquo;avenir ?<\/p><\/blockquote>\n<p>Si la r\u00e9ponse est oui, ce code devrait aller dans une extension, pas dans votre th\u00e8me.<\/p>\n<p>De bons exemples de ce que vous utiliseriez une extension au lieu d&rsquo;un th\u00e8me, y compris l&rsquo;ajout de <a href=\"https:\/\/kinsta.com\/fr\/blog\/widgets-wordpress\/\">widgets<\/a>, l\u2019enregistrement de <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-publications-personnalises-wordpress\/\">types de publication personnalis\u00e9s<\/a> et de taxonomies, en cr\u00e9ant des champs personnalis\u00e9s et en ajoutant des fonctionnalit\u00e9s suppl\u00e9mentaires telles que des am\u00e9liorations SEO.<\/p>\n<h2>Personnalisation de Votre Th\u00e8me WordPress via les \u00c9crans d&rsquo;Administration WordPress<\/h2>\n<p>Si les modifications que vous souhaitez apporter sont relativement simples et ax\u00e9es sur le design, vous pouvez les effectuer via les \u00e9crans d&rsquo;administration. L\u2019outil de personnalisation vous offre une vari\u00e9t\u00e9 d&rsquo;options pour ajuster votre th\u00e8me : ce qui est \u00e0 votre disposition d\u00e9pendra de votre th\u00e8me. Et vous pouvez voir quelque chose appel\u00e9 \u00c9diteur de th\u00e8me dans le menu Apparence. \u00c9vitez cela, pour des raisons que je d\u00e9crirai plus loin.<\/p>\n<h3>Personnalisation de Votre Th\u00e8me \u00e0 l&rsquo;Aide de la Personnalisation<\/h3>\n<p>La fa\u00e7on la plus simple de personnaliser votre th\u00e8me WordPress est d&rsquo;utiliser la personnalisation de WordPress.<\/p>\n<p>Vous pouvez y acc\u00e9der de deux fa\u00e7ons :<\/p>\n<ul>\n<li>Lorsque vous consultez votre site (lorsque vous \u00eates connect\u00e9), cliquez sur le lien<strong> Personnaliser <\/strong>dans la barre d&rsquo;administration en haut de l&rsquo;\u00e9cran.<\/li>\n<li>Dans les \u00e9crans d&rsquo;administration, cliquez sur <strong>Apparence &gt; Personnaliser.<\/strong><\/li>\n<\/ul>\n<p>Vous acc\u00e9dez alors \u00e0 l\u2019outil de personnalisation<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/personnalisation-wordpress.jpg\" alt=\"La personnalisation WordPress\" width=\"1500\" height=\"776\"><figcaption class=\"wp-caption-text\">La personnalisation WordPress<\/figcaption><\/figure>\n<p>Dans la capture d&rsquo;\u00e9cran ci-dessus, j&rsquo;ai install\u00e9 un th\u00e8me gratuit appel\u00e9 <a href=\"https:\/\/wordpress.org\/themes\/colormag\/\">ColorMag<\/a> qui offre de nombreuses options de personnalisation. Des sections ont \u00e9t\u00e9 ajout\u00e9es \u00e0 la personnalisation pour des fonctions de conception, y compris une image d&rsquo;en-t\u00eate, des r\u00e9seaux sociaux, des couleurs de cat\u00e9gories et un onglet Options de design qui vous am\u00e8ne \u00e0 d&rsquo;autres onglets o\u00f9 vous pouvez apporter des modifications \u00e0 la mise en page et \u00e0 la conception de votre site.<\/p>\n<p>Diff\u00e9rents th\u00e8mes ont diff\u00e9rentes options de personnalisation, mais les th\u00e8mes plus r\u00e9cents semblent en ajouter de plus en plus. Si vous trouvez un th\u00e8me qui vous pla\u00eet mais qui ne vous convient pas, vous trouverez peut-\u00eatre que le fait de le personnaliser vous donne exactement le design et la mise en page dont vous avez besoin.<\/p>\n<h3>L&rsquo;\u00c9diteur de Th\u00e8me (et Pourquoi Ne Pas l&rsquo;Utiliser)<\/h3>\n<p>Dans vos \u00e9crans d&rsquo;administration, vous remarquerez peut-\u00eatre une option appel\u00e9e \u00c9diteur de th\u00e8me, o\u00f9 vous pouvez acc\u00e9der via <strong>Apparence &gt; \u00c9diteur de th\u00e8me.<\/strong><\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-theme.jpg\" alt=\"L'\u00e9diteur de th\u00e8me WordPress\" width=\"1500\" height=\"772\"><figcaption class=\"wp-caption-text\">L&rsquo;\u00e9diteur de th\u00e8me WordPress<\/figcaption><\/figure>\n<p>Cela vous donne acc\u00e8s aux fichiers de votre th\u00e8me, ce qui signifie que vous pouvez les modifier directement.<\/p>\n<p>Ne fa\u00eetes pas \u00e7a.<\/p>\n<p>M\u00eame si vous \u00eates \u00e0 l&rsquo;aise avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">l&rsquo;\u00e9criture CSS<\/a> ou PHP, modifier comme ceci les fichiers dans votre th\u00e8me est une tr\u00e8s mauvaise id\u00e9e, pour deux raisons :<\/p>\n<ul>\n<li>Si vous avez achet\u00e9 ou t\u00e9l\u00e9charg\u00e9 un th\u00e8me tiers, toutes les modifications que vous apporterez seront perdues la prochaine fois que vous mettrez \u00e0 jour le th\u00e8me (et <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-theme-wordpress\/\">vous devriez garder votre th\u00e8me \u00e0 jour pour des raisons de s\u00e9curit\u00e9<\/a>).<\/li>\n<li>Plus important encore, si vous faites un changement qui casse votre site, il ne sera pas suivi et la version pr\u00e9c\u00e9dente du fichier ne sera pas modifi\u00e9e. Vous pourriez irr\u00e9vocablement casser le site.<\/li>\n<\/ul>\n<p>Si vous voulez modifier le code de votre th\u00e8me, vous devriez le faire en utilisant un \u00e9diteur de code (consultez les <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeurs-html-gratuits\/\">meilleurs \u00e9diteurs HTML gratuits<\/a>), et vous ne devriez pas \u00e9diter les fichiers de votre site en direct avant de l&rsquo;avoir test\u00e9 sur un <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">site de test<\/a>. Si vous devez modifier un th\u00e8me tiers, vous devez le faire via un th\u00e8me enfant. Nous reviendrons sur ces deux points plus loin dans cet article.<\/p>\n<p>WordPress sait combien il est dangereux d&rsquo;utiliser l&rsquo;\u00e9diteur de th\u00e8me : il vous donne m\u00eame un avertissement lorsque vous essayez d&rsquo;y acc\u00e9der.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/avertissement-utiliser-editeur-theme.jpg\" alt=\"Avertissement pour ne pas utiliser l'\u00e9diteur de th\u00e8me WordPress\" width=\"1500\" height=\"1022\"><figcaption class=\"wp-caption-text\">Avertissement pour ne pas utiliser l&rsquo;\u00e9diteur de th\u00e8me WordPress<\/figcaption><\/figure>\n<p>Alors suivez le conseil de WordPress : n&rsquo;utilisez pas l&rsquo;\u00e9diteur de th\u00e8me !<\/p>\n<h2>Utilisation de Constructeurs de Page et des Frameworks pour Personnaliser Votre Th\u00e8me WordPress<\/h2>\n<p>Une grande partie des th\u00e8mes WordPress ont des options de personnalisation, ce qui signifie que vous pouvez apporter des modifications au design et \u00e0 la mise en page via l\u2019outil de personnalisation.<\/p>\n<p>Mais certains th\u00e8mes vont plus loin et sont con\u00e7us pour \u00eatre \u00e9tendus et personnalis\u00e9s de mani\u00e8re significative. Ces th\u00e8mes sont appel\u00e9s des th\u00e8mes frameworks.<\/p>\n<p>Une autre option est d&rsquo;utiliser une extension qui vous permet de concevoir votre site \u00e0 l&rsquo;aide d&rsquo;une interface conviviale : ce sont les constructeurs de pages.<\/p>\n<h3>Utilisation d&rsquo;un Constructeur de Pages pour Personnaliser Votre Th\u00e8me<\/h3>\n<p>Les extensions de construction de page sont con\u00e7us pour vous permettre de d\u00e9finir facilement le design de votre site, en utilisant une interface qui vous permet de voir ce que vous obtenez.<\/p>\n<p>Vous installez une extension de construction de page avec un th\u00e8me compatible, puis utilisez les options qu&rsquo;il vous offre pour concevoir votre site exactement comme vous le souhaitez.<\/p>\n<p>L&rsquo;un des constructeurs de pages les plus connus est <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/elementor\/\">Elementor<\/a>, mais vous pouvez trouver d&rsquo;autres solutions de rechange dans notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\">rassemblement des constructeurs de pages<\/a>.<\/p>\n<p>Les constructeurs de pages vous permettent de modifier vos articles et vos pages avec une interface en glisser-d\u00e9poser, ce qui signifie que vous pouvez voir \u00e0 quoi ressemblera votre contenu et rendre chaque page unique.<\/p>\n<p>Ci-dessous, j&rsquo;utilise le constructeur de page Elementor avec le <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/#hello-elementor\" target=\"_blank\" rel=\"noopener noreferrer\">th\u00e8me Hello Elementor<\/a>, qui est compatible avec lui.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/interface-elementor.jpg\" alt=\"L'interface Elementor\" width=\"1500\" height=\"787\"><figcaption class=\"wp-caption-text\">L&rsquo;interface Elementor<\/figcaption><\/figure>\n<p>Les constructeurs de pages vous donnent beaucoup de flexibilit\u00e9 dans la mise en page et la conception de vos pages. Si vous avez l&rsquo;habitude d&rsquo;un constructeur de site web comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/wix-vs-wordpress\/\">Wix<\/a>, ils peuvent aider \u00e0 faciliter <a href=\"https:\/\/kinsta.com\/fr\/blog\/wix-vers-wordpress\/\">la transition vers WordPress<\/a>. Et si vous pr\u00e9f\u00e9rez une interface WYSIWYG pour votre contenu WordPress, ils peuvent vous aider \u00e0 concevoir vos pages rapidement.<\/p>\n<h3>Utilisation d&rsquo;un Th\u00e8me Framework pour Personnaliser Votre Th\u00e8me<\/h3>\n<p>Une alternative aux constructeurs de pages est les th\u00e8mes frameworks. Ce sont des ensembles de th\u00e8mes con\u00e7us pour travailler ensemble. Il y a un th\u00e8me parent qui est le framework, et un choix de th\u00e8mes enfants que vous pouvez utiliser pour personnaliser le th\u00e8me principal et le transformer comme vous le souhaitez.<\/p>\n<p>Un exemple de th\u00e8me framework est <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/#divi\">Divi<\/a>, qui poss\u00e8de des options de personnalisation qui vous permettent d&rsquo;affiner encore plus le design de votre th\u00e8me enfant, y compris une interface en glisser-d\u00e9poser similaire \u00e0 celles des constructeurs de pages.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/theme-divi.jpg\" alt=\"Le th\u00e8me Divi\" width=\"1500\" height=\"811\"><figcaption class=\"wp-caption-text\">Le th\u00e8me Divi<\/figcaption><\/figure>\n<p>Lecture recommand\u00e9e : <a href=\"https:\/\/kinsta.com\/fr\/blog\/divi-vs-elementor\/\">Divi vs Elementor : Comparaison des extensions WordPress de constructeur de pages<\/a><\/p>\n<h2>Modification du Code de Votre Th\u00e8me WordPress<\/h2>\n<p>Si vous \u00eates \u00e0 l&rsquo;aise pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">modifier du CSS et\/ou du PHP<\/a>, alors vous pouvez modifier le code dans votre th\u00e8me pour personnaliser votre th\u00e8me.<\/p>\n<p>Cela vous donne le plus grand degr\u00e9 de contr\u00f4le.<\/p>\n<p>Si vous modifiez votre propre th\u00e8me, qui est sp\u00e9cifique \u00e0 votre site et a \u00e9t\u00e9 d\u00e9velopp\u00e9 sp\u00e9cialement pour lui, alors vous pouvez faire des modifications directement dans le th\u00e8me. Mais si vous travaillez avec un <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/#where\">th\u00e8me tierce partie<\/a> et que vous voulez modifier ce <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/#where\">th\u00e8me<\/a>, vous devez cr\u00e9er un th\u00e8me enfant pour \u00e9viter <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-theme-wordpress\/#update-custom-theme\">la perte de vos modifications la prochaine fois que vous mettrez \u00e0 jour le th\u00e8me<\/a>.<\/p>\n<h3>Modification des Fichiers du Th\u00e8me<\/h3>\n<p>La premi\u00e8re \u00e9tape pour modifier votre th\u00e8me WordPress est de comprendre quels fichiers du th\u00e8me contr\u00f4lent quoi, et lesquels vous devrez modifier.<\/p>\n<h4>La Feuille de Style<\/h4>\n<p>Chaque th\u00e8me WordPress a une feuille de style, appel\u00e9e style.css. Elle contient tout le code de style de votre site : mise en page, polices, couleurs, et plus encore.<\/p>\n<p>Si vous voulez changer les couleurs de votre th\u00e8me, par exemple, vous pouvez modifier la feuille de style. Si vous voulez ajouter une <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\">nouvelle police<\/a>, vous pouvez utiliser la feuille de style pour l&rsquo;appliquer \u00e0 diff\u00e9rents \u00e9l\u00e9ments tels que le corps du texte et les titres.<\/p>\n<p>Faites attention lors de la modification de la feuille de style : la sp\u00e9cificit\u00e9 signifie que le code d&rsquo;un \u00e9l\u00e9ment ne vient pas toujours de l\u2019endroit o\u00f9 vous pensez qu&rsquo;il est. Les \u00e9l\u00e9ments h\u00e9riteront du style des autres \u00e9l\u00e9ments qui sont au-dessus d&rsquo;eux dans la hi\u00e9rarchie de la page \u00e0 moins que vous n&rsquo;ajoutiez un style sp\u00e9cifique \u00e0 l&rsquo;\u00e9l\u00e9ment inf\u00e9rieur.<\/p>\n<p>Pour d\u00e9couvrir quel CSS affecte quels \u00e9l\u00e9ments de la page, vous pouvez utiliser l&rsquo;inspecteur de votre navigateur pour afficher le CSS (Chrome DevTools dans cet exemple) :<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/inspecter-code.jpg\" alt=\"Inspecter le code d'un site WordPress avec Chrome DevTools\" width=\"1500\" height=\"774\"><figcaption class=\"wp-caption-text\">Inspecter le code d&rsquo;un site WordPress avec Chrome DevTools<\/figcaption><\/figure>\n<p>Vous pouvez ensuite l&rsquo;utiliser pour \u00e9crire un nouveau CSS qui cible des \u00e9l\u00e9ments individuels ou une s\u00e9rie d&rsquo;\u00e9l\u00e9ments ou de classes sur la page.<\/p>\n<p>Si toutes ces discussions sur les \u00e9l\u00e9ments, les classes et la sp\u00e9cificit\u00e9 sont nouvelles pour vous, vous voudrez peut-\u00eatre \u00e9viter de modifier directement le CSS de votre th\u00e8me. Au moins jusqu&rsquo;\u00e0 ce que vous ayez pu <a href=\"https:\/\/www.codecademy.com\/learn\/learn-css\">en savoir plus sur le CSS<\/a> et son fonctionnement.<\/p>\n<h4>Le Fichier de Fonctions<\/h4>\n<p>Un autre fichier que presque tous les th\u00e8mes auront est le fichier de fonctions (functions.php). C&rsquo;est le fichier qui fait fonctionner un tas de choses dans votre th\u00e8me. \u00c0 l&rsquo;int\u00e9rieur, vous pouvez trouver du code pour enregistrer les caract\u00e9ristiques des th\u00e8mes comme les images mises en avant, les widgets, et plus encore.<\/p>\n<p>Si vous \u00eates tent\u00e9 d&rsquo;ajouter du code fonctionnel \u00e0 votre th\u00e8me, c&rsquo;est ici que vous l&rsquo;ajouterez. Mais attention : dans la plupart des cas, vous devriez vraiment \u00e9crire une extension. Demandez-vous :<\/p>\n<blockquote><p>Voudrais-je conserver cette fonctionnalit\u00e9 si je changeais de th\u00e8me \u00e0 l&rsquo;avenir ?<\/p><\/blockquote>\n<p>Si la r\u00e9ponse est oui, cr\u00e9ez une extension au lieu d&rsquo;ajouter du code dans le fichier des fonctions. Les extensions n&rsquo;ont pas besoin d&rsquo;\u00eatre grosses : rien ne vous emp\u00eache d&rsquo;en cr\u00e9er une pour quelques lignes de code.<\/p>\n<p>Le fichier de fonctions est enti\u00e8rement r\u00e9dig\u00e9 en <a href=\"https:\/\/kinsta.com\/fr\/blog\/php-est-il-mort\/\">PHP<\/a>, donc vous devez \u00eatre familier avec. Ne copiez pas aveugl\u00e9ment le code que vous trouvez via une recherche Google : prenez le temps de comprendre ce que fait ce code. De cette fa\u00e7on, vous \u00eates moins susceptible d&rsquo;ajouter du code qui n&rsquo;est pas aussi bon qu&rsquo;il devrait l&rsquo;\u00eatre.<\/p>\n<h4>Les Fichiers Mod\u00e8les de Th\u00e8mes<\/h4>\n<p>La plupart des fichiers d&rsquo;un th\u00e8me sont des fichiers de mod\u00e8le de th\u00e8me. Ce sont des fichiers qui d\u00e9terminent quel contenu WordPress sort sur une page donn\u00e9e et qui sont choisis en fonction de l&rsquo;attribut <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#how-wordpress-chooses-template-files\">hi\u00e9rarchie de mod\u00e8les<\/a>.<\/p>\n<p>Si vous voulez changer la fa\u00e7on dont le contenu est \u00e9dit\u00e9 sur un type de publication, une page ou une archive donn\u00e9e, vous devrez soit modifier un de ces fichiers, soit en cr\u00e9er un nouveau.<\/p>\n<p>Par exemple, disons que votre th\u00e8me a un fichier archive.php qui est utilis\u00e9 pour produire des pages d&rsquo;archives pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-une-taxonomie\/\">cat\u00e9gories et les \u00e9tiquettes<\/a>. Vous voulez apporter des modifications \u00e0 la fa\u00e7on dont les \u00e9tiquettes sont affich\u00e9es. Vous cr\u00e9ez donc un fichier appel\u00e9 \u00ab tag.php \u00bb, qui serait bas\u00e9 sur archive.php avec vos r\u00e9glages.<\/p>\n<p>Encore une fois, faites attention en modifiant les fichiers : cela pourrait casser votre site.\u00a0Toujours tester sur une installation locale en utilisant en premier un outil comme <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a> et\/ou un site de staging.<\/p>\n<p>Quel que soit le type de fichier que vous devez modifier, vous devez le faire correctement. Lisez la section ci-dessous sur les meilleures pratiques pour savoir comment modifier votre code de mani\u00e8re \u00e0 ne pas casser votre site et \u00e0 ne pas vous causer de probl\u00e8mes de s\u00e9curit\u00e9.<\/p>\n<h3>Personnalisation d&rsquo;un Th\u00e8me Tiers avec un Th\u00e8me Enfant<\/h3>\n<p>Si le th\u00e8me que vous utilisez sur votre site provient d&rsquo;un tiers et que vous souhaitez modifier le code, vous devrez <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#create\">cr\u00e9er un th\u00e8me enfant<\/a>.<\/p>\n<p>C&rsquo;est parce que si vous modifiez le th\u00e8me directement et que vous le mettez \u00e0 jour (ce que vous devriez faire), vous perdrez tous les changements que vous avez faits.<\/p>\n<p>La cr\u00e9ation d&rsquo;un th\u00e8me enfant se compose de quatre \u00e9tapes :<\/p>\n<ol>\n<li>Cr\u00e9er un nouveau dossier dans <strong>wp-content\/themes<\/strong>.<\/li>\n<li>Dans ce dossier, cr\u00e9ez une feuille de style. Dans cette feuille de style, dites \u00e0 WordPress qu&rsquo;il s&rsquo;agit d&rsquo;un th\u00e8me enfant de votre th\u00e8me existant.<\/li>\n<li>Ajoutez des copies des fichiers que vous voulez modifier au th\u00e8me enfant et modifiez-les \u00e0 cet endroit.<\/li>\n<li>Activez le th\u00e8me enfant dans votre site.<\/li>\n<\/ol>\n<p>WordPress utilisera toujours un fichier du th\u00e8me enfant pour produire du contenu \u00e0 moins qu&rsquo;il n&rsquo;y ait un fichier plus haut dans la hi\u00e9rarchie du th\u00e8me parent. S&rsquo;il y a deux versions du m\u00eame fichier, il utilisera celle du th\u00e8me enfant. Cela signifie que votre nouveau fichier dans le th\u00e8me enfant remplacera celui du th\u00e8me parent.<\/p>\n<h2>Meilleures Pratiques pour Personnaliser les Th\u00e8mes WordPress<\/h2>\n<p>Vous pr\u00e9voyez donc de personnaliser votre th\u00e8me. Avant d&rsquo;aller de l&rsquo;avant et d&rsquo;effectuer les changements, suivez ces conseils pour vous assurer que vous le faites en toute s\u00e9curit\u00e9 et que vous n&rsquo;allez pas casser votre site, le rendre <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-pirate\/\">vuln\u00e9rable aux attaques<\/a>, ou perdre votre code.<\/p>\n<h3>Si Possible, Personnalisez sans Modifier le Code<\/h3>\n<p>Si vous pouvez faire vos personnalisations via l\u2019outil de personnalisation ou ailleurs dans les \u00e9crans d&rsquo;administration, c&rsquo;est plus s\u00fbr que de modifier le code.<\/p>\n<p>Ne modifiez le code que si vous \u00eates familier avec CSS (pour la feuille de style) et PHP (pour les autres fichiers du th\u00e8me) et que vous savez comment le faire en toute s\u00e9curit\u00e9.<\/p>\n<h3>Utilisez un Site de D\u00e9veloppement Local pour Vos Changements<\/h3>\n<p>Si vous modifiez le code de votre th\u00e8me ou si vous cr\u00e9ez un th\u00e8me enfant pour faire des changements, vous devriez faire le travail de d\u00e9veloppement sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-wordpress-localement\/\">une installation locale de WordPress<\/a> avec votre th\u00e8me install\u00e9 et votre contenu copi\u00e9 depuis votre site en production.<\/p>\n<p>De cette fa\u00e7on, vous disposez d&rsquo;un miroir de votre site en production pour tester vos changements. Travailler sur un site local n&rsquo;aura aucun effet sur votre site en production et peut \u00eatre plus rapide.<\/p>\n<p>M\u00eame si vous utilisez la personnalisation, il peut \u00eatre utile d&rsquo;utiliser une version locale de votre site pour tester, car vous pouvez publier vos modifications et les tester sans affecter le site en production.<\/p>\n<p>Une fois que vous avez test\u00e9 les changements apport\u00e9s \u00e0 votre th\u00e8me, vous pouvez le t\u00e9l\u00e9verser sur votre site en production ou, mieux encore, vous pouvez le tester sur un site de test et ensuite <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/#push-staging-to-live-1\">le passer en production<\/a>.<\/p>\n<h3>Utilisez le Contr\u00f4le de Version<\/h3>\n<p>Lorsque vous apportez des modifications \u00e0 votre th\u00e8me, vous devez utiliser le contr\u00f4le de version pour suivre vos modifications.<\/p>\n<p>Dans sa forme la plus simple, cela signifie changer le num\u00e9ro de version du th\u00e8me et conserver des copies des deux versions. Mais vous fa\u00eetes le contr\u00f4le de version correctement, vous avez besoin d&rsquo;utiliser un service comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/base-de-connaissances-github\/\">GitHub pour suivre vos changements<\/a>.<\/p>\n<p>De cette fa\u00e7on, si un changement cause des probl\u00e8mes, vous pouvez facilement revenir en arri\u00e8re sans avoir \u00e0 effectuer des modifications manuelles.<\/p>\n<p>Le <a href=\"https:\/\/kinsta.com\/fr\/blog\/controle-version-wordpress-git\/\">contr\u00f4le de version<\/a> est encore plus utile si vous travaillez en \u00e9quipe, car vous pourrez voir ce que font les autres membres. N&rsquo;oubliez pas de lire notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/git-vs-github\/\">guide git vs Github<\/a>.<\/p>\n<h3>Utilisez un Site de D\u00e9veloppement pour Tester vos Modifications<\/h3>\n<p>Si vous avez acc\u00e8s \u00e0 un site de d\u00e9veloppement (tel que la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">site de staging<\/a> de Kinsta qui vient avec tous les plans), tester sur ce point avant d&rsquo;activer la nouvelle version de votre th\u00e8me (ou le nouveau th\u00e8me enfant) sur votre site en production est la fa\u00e7on la plus s\u00fbre de proc\u00e9der.<\/p>\n<figure id=\"attachment_54891\" aria-describedby=\"caption-attachment-54891\" style=\"width: 2390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54891 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274.png\" alt=\"Mise en test de myKinsta\" width=\"2390\" height=\"1183\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274.png 2390w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274-300x148.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274-1024x507.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274-768x380.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274-1536x760.png 1536w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/mykinsta-staging-1-1-e1648397756274-2048x1014.png 2048w\" sizes=\"auto, (max-width: 2390px) 100vw, 2390px\" \/><figcaption id=\"caption-attachment-54891\" class=\"wp-caption-text\">Mise en test de myKinsta<\/figcaption><\/figure>\n<p>C&rsquo;est parce que n&rsquo;importe quel site local aura quelques diff\u00e9rences par rapport \u00e0 votre site en direct : il est sur un serveur diff\u00e9rent (un serveur cr\u00e9\u00e9 sur votre machine locale), il peut ex\u00e9cuter une <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-mettre-a-jour-php-dans-wordpress\/\">version e PHP<\/a> diff\u00e9rente ou de tout autre outil qui ex\u00e9cute votre site.<\/p>\n<p>Faites une copie de votre site en production sur votre serveur de test, puis t\u00e9l\u00e9versez et <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/#install-free\">activez votre nouveau th\u00e8me<\/a>. Testez votre site \u00e0 fond pour vous assurer que tout fonctionne, et vous pourrez ensuite apporter vos modifications sur votre site en production.<\/p>\n<h3>Faites en Sorte que Votre Th\u00e8me R\u00e9ponde \u00e0 Vos Besoins<\/h3>\n<p>Tous les changements que vous devez apporter \u00e0 votre th\u00e8me doivent fonctionner aussi bien sur un mobile que sur un ordinateur de bureau.<\/p>\n<p>De plus en plus de personnes acc\u00e8dent \u00e0 l&rsquo;Internet par t\u00e9l\u00e9phone portable, et le <a href=\"https:\/\/kinsta.com\/fr\/blog\/index-google-mobile-first\/\">Mobile-first index de Google<\/a>, il est probablement plus important maintenant pour votre th\u00e8me de travailler sur mobile que sur ordinateur de bureau. Par cons\u00e9quent, tout changement que vous apportez \u00e0 votre th\u00e8me doit \u00eatre <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#mobile-responsiveness\">adapt\u00e9 \u00e0 la mobilit\u00e9<\/a> ou, de pr\u00e9f\u00e9rence, \u00e0 la mobilit\u00e9 d&rsquo;abord, le cas \u00e9ch\u00e9ant.<\/p>\n<p>Ceci s&rsquo;appliquera principalement \u00e0 toute modification apport\u00e9e \u00e0 votre style ou \u00e0 votre mise en page : v\u00e9rifiez que la nouvelle mise en page fonctionne sur mobile et que vous avez ajout\u00e9 des requ\u00eates multim\u00e9dia afin que la mise en page s&rsquo;adapte aux diff\u00e9rentes tailles d&rsquo;\u00e9cran.<\/p>\n<p>Si votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/design-web-responsive\/\">th\u00e8me n&rsquo;est pas responsive<\/a>, il aura un impact n\u00e9gatif sur votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/brevets-google-facteurs-classement-seo\/\">classement dans les moteurs de recherche<\/a> et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/conseils-optimisation-taux-conversion\/\">taux de conversion<\/a>.<\/p>\n<p>Si vous n&rsquo;avez pas acc\u00e8s \u00e0 un grand nombre d&rsquo;appareils mobiles diff\u00e9rents pour faire des tests, vous pouvez utiliser un outil comme <a href=\"https:\/\/www.browserstack.com\/\">BrowserStack<\/a> pour voir \u00e0 quoi ressemble votre site sur diff\u00e9rents appareils. Vous pouvez \u00e9galement utiliser les outils Developer dans votre navigateur et les vues responsives dans l\u2019outil de personnalisation.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/outils-responsives-personnalisation.jpg\" alt=\"Outils responsives dans la personnalisation de WordPress\" width=\"1500\" height=\"862\"><figcaption class=\"wp-caption-text\">Outils responsives dans la personnalisation de WordPress<\/figcaption><\/figure>\n<h3>Assurez-vous que Vos Personnalisations n&rsquo;ont pas d&rsquo;Impact sur l&rsquo;Accessibilit\u00e9<\/h3>\n<p>Tout changement apport\u00e9 \u00e0 votre th\u00e8me doit \u00e9galement \u00eatre accessible aux utilisateurs handicap\u00e9s ou ayant une d\u00e9ficience sensorielle.<\/p>\n<p>Il ne s&rsquo;agit pas seulement de s&rsquo;assurer que votre site fonctionne sur les lecteurs d&rsquo;\u00e9cran : d&rsquo;autres consid\u00e9rations telles que la <a href=\"https:\/\/kinsta.com\/fr\/blog\/palettes-couleurs-site\/\">disposition des couleurs<\/a> et la taille des caract\u00e8res sont importantes pour un grand nombre de personnes.<\/p>\n<p>Si les changements que vous apportez \u00e0 votre th\u00e8me sont de rendre les couleurs plus vives ou le texte plus petit, r\u00e9fl\u00e9chissez bien : cela pourrait rendre difficile la lecture ou l&rsquo;interaction avec votre site.<\/p>\n<p>Avant d&rsquo;apporter des modifications en production, utilisez un <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\">v\u00e9rificateur d\u2019accessibilit\u00e9 pour<\/a> tester votre site et vous assurer qu&rsquo;il n&rsquo;exclut personne.<\/p>\n<h3>S&rsquo;en Tenir aux Normes de Codage de WordPress<\/h3>\n<p>Si vous modifiez le code de votre th\u00e8me ou si vous cr\u00e9ez un th\u00e8me enfant, vous devez vous assurer que votre code est conforme aux <a href=\"https:\/\/codex.wordpress.org\/WordPress_Coding_Standards\">normes de codage de WordPress<\/a>.<\/p>\n<p>Ces normes visent \u00e0 assurer l&rsquo;uniformit\u00e9 et la qualit\u00e9 du code et \u00e0 \u00e9viter le <a href=\"https:\/\/kinsta.com\/blog\/is-wordpress-code-really-a-mess\/\">d\u00e9sordre dans le code<\/a>. Il existe des normes pour PHP, CSS et JavaScript, alors prenez le temps de v\u00e9rifier celles qui sont pertinentes pour vous et assurez-vous de les suivre.<\/p>\n<p>Si votre th\u00e8me WordPress existant est bien cod\u00e9 et que vous \u00e9crivez un nouveau code d&rsquo;une mani\u00e8re coh\u00e9rente avec cela, vous \u00eates sur la bonne voie pour vous assurer que votre code est conforme. Assurez-vous d&rsquo;ajouter des commentaires \u00e0 tous les changements que vous apportez au th\u00e8me afin que vous ou les autres sachiez ce que vous avez fait lorsque vous reviendrez travailler sur le code dans le futur. Vous pensez peut-\u00eatre que vous n&rsquo;oublierez pas, mais apr\u00e8s quelques mois, il est \u00e9tonnamment facile d&rsquo;oublier pourquoi vous avez modifi\u00e9 une ligne de code.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Personnaliser votre th\u00e8me WordPress n&rsquo;est pas si difficile. Parfois, il s&rsquo;agit simplement d&rsquo;utiliser la personnalisation pour modifier les polices, les couleurs ou votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/favicon-wordpress\/\">favicon<\/a>\u00a0(assurez-vous de lire notre guide d\u00e9taill\u00e9 sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-wordpress\/\">polices WordPress<\/a>). D&rsquo;autres fois, vous devez cr\u00e9er un nouveau th\u00e8me enfant pour ajouter un nouveau fichier mod\u00e8le \u00e0 un th\u00e8me.<\/p>\n<p>Les options dont vous disposez pour personnaliser votre th\u00e8me incluent l&rsquo;utilisation d&rsquo;une extension ou de l\u2019outil de personnalisation, la modification directe du code du th\u00e8me WordPress, ou la cr\u00e9ation d&rsquo;un th\u00e8me enfant.<\/p>\n<p>Identifiez la bonne option pour vous et faites vos personnalisations en toute s\u00e9curit\u00e9, le tout sans casser votre site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vous avez install\u00e9 un th\u00e8me WordPress mais qu\u2019il n&rsquo;est pas tout \u00e0 fait appropri\u00e9 pour vous, vous vous sentez peut-\u00eatre frustr\u00e9. Il y a beaucoup &#8230;<\/p>\n","protected":false},"author":105,"featured_media":34767,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[183,530,205],"topic":[1028,1038],"class_list":["post-34755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-theme-wordpress","tag-wordpress-featured-post","tag-wptips","topic-developpement-wordpress","topic-themes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)<\/title>\n<meta name=\"description\" content=\"Besoin de changer l&#039;apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l&#039;une des meilleures m\u00e9thodes (tutoriel).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)\" \/>\n<meta property=\"og:description\" content=\"Besoin de changer l&#039;apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l&#039;une des meilleures m\u00e9thodes (tutoriel).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-05T16:50:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T11:32:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Besoin de changer l&#039;apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l&#039;une des meilleures m\u00e9thodes (tutoriel).\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)\",\"datePublished\":\"2019-12-05T16:50:36+00:00\",\"dateModified\":\"2023-11-10T11:32:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\"},\"wordCount\":4160,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\",\"keywords\":[\"th\u00e9me WordPress\",\"wordpress featured post\",\"wptips\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\",\"name\":\"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\",\"datePublished\":\"2019-12-05T16:50:36+00:00\",\"dateModified\":\"2023-11-10T11:32:27+00:00\",\"description\":\"Besoin de changer l'apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l'une des meilleures m\u00e9thodes (tutoriel).\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Th\u00e8mes WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)","description":"Besoin de changer l'apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l'une des meilleures m\u00e9thodes (tutoriel).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)","og_description":"Besoin de changer l'apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l'une des meilleures m\u00e9thodes (tutoriel).","og_url":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-12-05T16:50:36+00:00","article_modified_time":"2023-11-10T11:32:27+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"Besoin de changer l'apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l'une des meilleures m\u00e9thodes (tutoriel).","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Rachel McCollin","Dur\u00e9e de lecture estim\u00e9e":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)","datePublished":"2019-12-05T16:50:36+00:00","dateModified":"2023-11-10T11:32:27+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/"},"wordCount":4160,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","keywords":["th\u00e9me WordPress","wordpress featured post","wptips"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/","name":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","datePublished":"2019-12-05T16:50:36+00:00","dateModified":"2023-11-10T11:32:27+00:00","description":"Besoin de changer l'apparence de votre th\u00e8me WordPress ? Apprenez \u00e0 personnaliser correctement les th\u00e8mes WordPress en utilisant l'une des meilleures m\u00e9thodes (tutoriel).","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/comment-personnaliser-theme-wordpress.png","width":1460,"height":730,"caption":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Th\u00e8mes WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment Personnaliser Votre Th\u00e8me WordPress (5 Fa\u00e7ons \u00c9tape par \u00c9tape)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/34755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=34755"}],"version-history":[{"count":17,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/34755\/revisions"}],"predecessor-version":[{"id":54892,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/34755\/revisions\/54892"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/34755\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/34767"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=34755"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=34755"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=34755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}