Comment personnaliser un thème WordPress

Il peut arriver que vous installiez un thème WordPress mais cela ne fonctionne pas tout à fait pour vous. Heureusement, WordPress est extrêmement personnalisable. Vous aurez juste à choisir la bonne façon de le faire. Dans cet article, nous vous apprendrons plusieurs façons de personnaliser votre thème WordPress de manière sûre et efficace.

Options pour personnaliser un thème WordPress

Il existe différentes options pour personnaliser le thème de votre site WordPress en fonction de votre situation. Voici un bref aperçu des options :

• Installez un plugin pour ajouter des fonctionnalités à votre thème
• Utilisez le Customizer dans vos écrans d'administration WordPress pour personnaliser les polices, les couleurs et la mise en page, en fonction de votre thème
• Utilisez les fonctionnalités d'un thème de création de page pour personnaliser la conception de votre site
• Si vous avez installé un thème de framework, utilisez l'un des thèmes enfants disponibles pour personnaliser votre site Web
• Si vous avez la capacité et que le thème est spécifique à votre site, vous pouvez modifier directement le code du thème
• Créez un thème enfant si vous souhaitez modifier le code d'un schéma tiers

Comment savoir si vous devez personnaliser un thème WordPress

Dans certains cas, vous n'avez pas besoin de personnaliser votre thème. Au lieu de cela, vous pouvez installer un plugin à la place. Les thèmes déterminent la conception de votre site Web, son apparence et son contenu. Les plugins ajoutent simplement des fonctionnalités supplémentaires. Si les modifications dont vous avez besoin sont davantage basées sur la fonctionnalité que sur la conception, vous pouvez envisager d'installer un plugin plutôt que de personnaliser votre thème. Vous pouvez écrire un plugin, en télécharger un à partir d'un répertoire de plugins ou en acheter un.

Si vous souhaitez modifier le fichier functions.php dans votre thème, demandez-vous « Est-ce que je souhaite conserver cette fonctionnalité si je change de thème à l'avenir ? » Si vous dites oui, ce code devrait aller dans un plugin plutôt que dans votre thème. Vous pouvez utiliser un plugin plutôt qu'un thème si vous souhaitez ajouter un widget, enregistrer des types de publication et des taxonomies personnalisés, créer des champs personnalisés et ajouter des fonctionnalités supplémentaires comme un magasin ou des améliorations SEO.

Comment personnaliser votre thème WordPress via les écrans d'administration WordPress

Une autre option consiste à personnaliser votre thème WordPress via les écrans d'administration de WordPress. Cela fonctionne si les modifications que vous souhaitez apporter sont assez simples et axées sur la conception. Le Customizer offre plusieurs choix pour ajuster votre thème. Les choix disponibles dépendront de votre thème. Si vous voyez l'éditeur dans le menu Apparence, assurez-vous de l'éviter.

Personnaliser un thème WordPress via le Customizer

Le moyen le plus simple de personnaliser votre thème WordPress est d'utiliser WordPress Customizer. Vous pouvez le faire de l'une des deux manières suivantes :

• Lorsque vous êtes connecté et que vous consultez votre site Web, cliquez sur le lien « Personnaliser » dans la barre d'administration en haut de l'écran.
• Ou, dans les écrans d'administration, cliquez sur Apparence > Personnaliser.

Dans les deux cas, vous accéderez au personnalisateur.

L'éditeur de thème WordPress

Lorsque vous regardez les écrans d'administration de votre site Web WordPress, vous pouvez voir un choix appelé « Éditeur de thème », que vous pouvez voir via Apparence > Éditeur de thème. Cela vous permet de voir les fichiers de votre thème et de les modifier directement. Cependant, c'est une mauvaise idée. Même si vous savez écrire du CSS ou du PHP, ce n'est pas une bonne idée d'éditer les fichiers de votre thème. Tout d'abord, si vous avez acheté ou téléchargé un thème tiers, toutes les modifications que vous apporterez seront perdues lors de la prochaine mise à jour. Deuxièmement, si vous apportez une modification qui endommage votre site Web, elle ne sera pas suivie et la version précédente du fichier ne sera pas modifiée. Il est possible que vous détruisiez définitivement votre site Web.

Même WordPress sait à quel point il peut être dangereux d'utiliser l'éditeur de thème et vous avertit lorsque vous essayez d'y accéder. Alors, suivez les conseils de WordPress et n'utilisez jamais l'éditeur de thème.

Si vous souhaitez modifier le code de votre thème WordPress, vous pouvez le faire à l'aide d'un éditeur de code. Et ne modifiez jamais les fichiers de votre site Web en direct tant que vous ne l'avez pas testé sur un site intermédiaire. Si vous devez modifier un thème tiers, vous pouvez le faire via un thème enfant.

Comment utiliser les constructeurs de pages et les cadres pour personnaliser votre thème WordPress

De nombreux thèmes WordPress ont des options de personnalisation, ce qui signifie que vous pouvez modifier la conception et la mise en page avec le Customizer. Cependant, certains thèmes sont en fait destinés à être étendus et personnalisés, même de manière significative. Ces thèmes sont en fait appelés frameworks. Ou, vous pouvez utiliser un plugin qui vous aide à concevoir votre site Web avec une interface conviviale, appelée constructeur de pages.

Utilisez un générateur de page pour personnaliser votre thème WordPress

Le but des plugins Page Builder est de vous simplifier la conception de la conception de votre site Web. L'interface vous permet de voir ce que vous obtiendrez à l'avance. Tout d'abord, vous installez un plugin de création de page avec un thème compatible, puis utilisez les options afin de concevoir votre site comme vous l'aimez. L'un des constructeurs de pages les plus populaires est Elementor. Cependant, il existe plusieurs options. L'un des avantages des constructeurs de pages est que vous pouvez modifier vos publications et vos pages avec une interface glisser-déposer. Cela vous permet de créer des pages Web uniques et de voir à quoi ressemblera votre contenu. Ils offrent également une grande flexibilité en matière de mise en page et de conception.

Utilisez un cadre de thème pour personnaliser votre thème WordPress

Si vous préférez ne pas utiliser de constructeur de page, vous pouvez également utiliser un framework pour personnaliser votre thème WordPress. Un framework de thèmes est une suite de thèmes conçus pour fonctionner ensemble. Il existe un thème parent, qui est le cadre, et divers thèmes enfants disponibles que vous pouvez utiliser pour personnaliser le thème principal et lui donner l'apparence que vous souhaitez. Divi est un exemple de framework de thème. Il dispose d'options de personnalisation qui vous permettent d'ajuster encore plus la conception de votre thème enfant, de la même manière que l'interface glisser-déposer comme celle des constructeurs de pages.

Comment modifier le code de votre thème WordPress

Si vous savez éditer CSS et/ou PHP, vous pouvez éditer le code dans votre thème afin de le personnaliser. Cela vous permet le plus de contrôle, mais nécessite également les connaissances les plus techniques. Si vous modifiez votre propre thème qui a été développé spécialement pour votre propre site Web, vous pouvez le modifier directement. Cependant, si vous travaillez avec un thème tiers, vous devrez créer un thème enfant pour éviter de perdre les modifications lors de la prochaine mise à jour.

Comment modifier les fichiers de thème

La première étape de la modification de votre thème WordPress consiste à savoir quels fichiers de thème contrôlent quoi et lesquels vous devrez modifier.

La feuille de style

Chaque thème WordPress a une feuille de style, qui s'appelle style.css. Il contient tout le code pour styliser votre site Web, y compris la mise en page, les polices, les schémas de couleurs, etc. Par exemple, si vous souhaitez modifier les couleurs du thème de votre site Web, vous pouvez modifier la feuille de style. Et si vous souhaitez ajouter une nouvelle police, vous pouvez utiliser la feuille de style pour appliquer la police souhaitée à divers éléments, comme le corps du texte et les en-têtes.

Cependant, faites attention lorsque vous modifiez la feuille de style. La spécificité signifie que le code d'un élément ne vient pas toujours de l'endroit où vous pensez qu'il se trouve. Par exemple, les éléments hériteront du style d'autres éléments situés au-dessus d'eux dans la hiérarchie de la page, à moins que vous n'ajoutiez un style spécifique à l'élément inférieur.

Pour voir quel CSS affecte chaque élément de la page, vous pouvez utiliser l'inspecteur de votre navigateur pour afficher le CSS. Ensuite, vous pouvez l'utiliser pour écrire un nouveau CSS qui cible les éléments individuels ou la plage d'éléments ou de classes sur la page que vous souhaitez modifier.

Si cette discussion sur le CSS et la spécificité est nouvelle et déroutante pour vous, nous vous suggérons d'éviter de modifier vous-même le CSS de votre thème et d'essayer plutôt une autre option pour personnaliser votre thème WordPress, ou de laisser les experts de SEO Design Chicago vous aider !

Le fichier des fonctions

La plupart des thèmes ont également un fichier de fonctions, appelé functions.php. Le fichier de fonctions est entièrement écrit en PHP. Ce fichier fait fonctionner un tas de choses dans votre thème. Vous pouvez trouver le code dans ce fichier pour enregistrer des fonctionnalités de thème telles que des images en vedette, des widgets, etc. Vous pouvez également ajouter du code fonctionnel à votre thème dans le fichier de fonctions. Cependant, vous pouvez envisager d'écrire un plugin au lieu d'ajouter du code au fichier de fonctions.

Les fichiers de modèle de thème

La majorité des fichiers d'un thème sont des fichiers de modèle de thème. Ces fichiers déterminent le contenu que WordPress génère sur une page donnée et sont sélectionnés en fonction de la hiérarchie des modèles. Vous pouvez modifier ces fichiers ou en créer un nouveau afin de modifier la façon dont le contenu est affiché sur un certain type de publication, une page ou une archive.

Par exemple, si votre thème contient un fichier archive.php utilisé pour générer des pages d'archive pour les catégories et les balises, vous pouvez modifier la façon dont les balises sont générées. Ensuite, vous créez un fichier appelé "tag.php", qui serait basé sur archive.php avec vos modifications.

Encore une fois, soyez consciencieux lorsque vous éditez des fichiers car ils pourraient casser votre site. Utilisez toujours un site de transit en premier!

Personnaliser un thème tiers avec un thème enfant

Si vous exécutez un thème tiers sur votre site Web et que vous souhaitez modifier son code, vous devrez créer un thème enfant. Si vous modifiez le thème directement puis mettez à jour, vous perdrez toutes vos modifications.

Comment créer un thème enfant

1. Dans wp-content/themes, créez un nouveau dossier.
2. Dans ce dossier, créez une feuille de style. Dans la nouvelle feuille de style, indiquez à WordPress qu'il s'agit d'un thème enfant de votre thème existant.
3. Ensuite, ajoutez des copies des fichiers que vous souhaitez modifier au thème enfant. Modifiez les fichiers dans ce dossier.
4. Enfin, activez le thème enfant sur votre site web.

WordPress utilise toujours le fichier du thème enfant pour sortir le contenu, sauf s'il existe un fichier plus haut dans la hiérarchie du thème parent. Même s'il existe deux versions du même fichier, WordPress utilisera celle du thème enfant. Fondamentalement, le nouveau fichier du thème enfant remplacera toujours le fichier du thème parent.

Meilleures pratiques pour personnaliser votre thème WordPress

Voici quelques bonnes pratiques à suivre chaque fois que vous personnalisez votre thème WordPress.

Personnaliser sans ajouter de code dans la mesure du possible

Chaque fois que vous pouvez effectuer vos personnalisations via le personnalisateur, ou n'importe où ailleurs dans les écrans d'administration, c'est une bien meilleure option que de modifier le code. N'éditez le code que si vous êtes familiarisé avec CSS et PHP et que vous savez comment le faire en toute sécurité.

Utilisez un site de développement local pour apporter des modifications

Si vous modifiez le code de votre thème ou créez un thème enfant pour apporter des modifications, effectuez toujours le travail de développement sur une installation locale de WordPress avec votre thème installé et votre contenu copié à partir de votre site en ligne. De cette façon, vous pouvez tester en direct vos mises à jour sur un site miroir. Cela n'a aucun effet sur votre site en direct et est beaucoup plus rapide.

Utiliser le contrôle de version

Chaque fois que vous apportez des modifications à votre thème WordPress, vous devez utiliser le contrôle de version pour suivre vos modifications. Au minimum, vous devez modifier le numéro de version du thème et conserver des copies des deux versions. Mais pour bien faire le contrôle de version, vous devrez utiliser un service (comme GitHub, par exemple) pour suivre vos modifications. Si une modification cause des problèmes, vous pouvez la restaurer simplement sans effectuer de modifications manuelles. C'est une étape particulièrement importante si vous travaillez en équipe.

Utiliser un site intermédiaire pour tester les modifications

Si vous pouvez accéder à un site de staging, assurez-vous de tester sur ce site avant d'activer votre nouveau thème sur votre site live. Tout site local présentera de légères différences par rapport à votre site en ligne, car il se trouve sur un serveur différent et peut fonctionner sur une version différente de PHP. Faites une copie de votre site en direct sur votre serveur de transfert, puis téléchargez et activez votre nouveau thème. Testez d'abord votre site pour vous assurer que tout fonctionne correctement, puis appliquez les modifications à votre site en ligne.

Rendez votre thème adapté aux mobiles

Il est important de vous assurer que votre nouveau thème est réactif pour les mobiles, pas seulement pour les ordinateurs de bureau. En 2021, le mobile représente la moitié du trafic web. C'est pourquoi il est essentiel que votre nouveau thème WordPress soit adapté aux mobiles, sinon vous pouvez perdre jusqu'à la moitié de votre trafic. Vous pouvez toujours utiliser un outil comme BrowserStack pour voir comment votre site Web apparaît sur divers appareils.

Assurez-vous que vos personnalisations sont accessibles à tous

Toutes les personnalisations que vous apportez à votre site Web doivent être accessibles à tous, y compris aux utilisateurs handicapés ou ayant une déficience sensorielle. Envisagez tout changement, comme rendre vos couleurs plus vives ou votre texte plus petit, et assurez-vous qu'ils sont conformes à l'ADA.

Respectez les normes de codage WordPress

Chaque fois que vous modifiez le code de votre thème WordPress ou créez un thème enfant, vous devez vous assurer que votre code est conforme aux normes de codage WordPress. Ces normes visent à garantir que le code est cohérent et de haute qualité.

Personnalisez votre thème WordPress avec SEO Design Chicago

L'une des raisons pour lesquelles WordPress est la meilleure plate-forme pour la création de sites Web est qu'elle est extrêmement personnalisable. Cependant, il peut être difficile de personnaliser votre site. Les développeurs Web de SEO Design Chicago sont des experts WordPress et peuvent personnaliser votre thème pour vous, afin que vous obteniez le site Web exact que vous souhaitez. Contactez-nous dès aujourd'hui !

FAQ :

• Besoin de personnaliser votre thème WordPress ?
• Pourquoi ne devrais-je pas utiliser l'éditeur de thème WordPress ?
• Comment trouver le Customizer dans WordPress ?
• Comment modifier la mise en page, les polices et les couleurs de mon thème WordPress ?
• Quelles sont les meilleures pratiques pour personnaliser les thèmes WordPress ?