Les thèmes dans WordPress : fonctionnement, choix et installation

Le thème dans Word­Press déter­mine l’ap­pa­rence, le desi­gn de votre site web. Choi­sir un bon thème est essen­tiel, car il influence non seule­ment l’es­thé­tique, mais aus­si les per­for­mances et l’ex­pé­rience uti­li­sa­teur. Dans cet article, nous ver­rons com­ment fonc­tionnent les thèmes, com­ment en choi­sir un, et enfin com­ment l’ins­tal­ler sur votre site WordPress.

Fonctionnement des thèmes dans WordPress

Histoire et évolution des thèmes

Les thèmes ont été intro­duits avec la ver­sion 1.5 de Word­Press publiée le 17 février 2005. Avant cela, Word­Press repo­sait sur un sys­tème plus rudi­men­taire pour gérer l’apparence des sites, sans véri­table sépa­ra­tion entre conte­nu et pré­sen­ta­tion. L’arrivée des thèmes a mar­qué un tour­nant déci­sif : elle a per­mis aux uti­li­sa­teurs de per­son­na­li­ser l’apparence de leur site sans alté­rer son conte­nu, en posant les bases d’une archi­tec­ture claire que nous explo­rons plus en détail dans cet article sur le fonc­tion­ne­ment d’un site Word­Press.

Par la suite, l’outil de per­son­na­li­sa­tion — le « Cus­to­mi­zer » — a été intro­duit dans Word­Press avec la ver­sion 3.4, publiée le 13 juin 2012. L’outil Per­son­na­li­ser (dans la tra­duc­tion fran­çaise) est une fonc­tion­na­li­té per­met­tant de visua­li­ser en direct toute modi­fi­ca­tion appor­tée à Word­Press, ren­dant ain­si la per­son­na­li­sa­tion acces­sible à des uti­li­sa­teurs sans connais­sances techniques.

Le Full Site Edi­ting (FSE), ou Édi­tion com­plète du site, est arri­vé avec Word­Press 5.9, publié le 25 jan­vier 2022, per­met­tant aux uti­li­sa­teurs de per­son­na­li­ser toutes les par­ties du site direc­te­ment via l’é­di­teur, sans tou­cher au code.

Fonctionnement des thèmes

Le thème Word­Press est un com­po­sant clé qui déter­mine l’ap­pa­rence et la mise en page de votre site. Il agit comme une sur­couche gra­phique qui habille et struc­ture le conte­nu de votre site. Il peut aus­si enri­chir votre site avec dif­fé­rentes fonc­tion­na­li­tés supplémentaires.

Tech­ni­que­ment, un thème est une col­lec­tion de fichiers PHP, CSS, JavaS­cript et d’i­mages qui dictent com­ment les pages de votre site sont affi­chées aux visiteurs :

• Les fichiers PHP (.php) sont uti­li­sés pour gérer la struc­ture des pages : l’en-tête, le pied de page, la barre laté­rale, le conte­nu prin­ci­pal, etc.
• Les fichiers CSS (.css) défi­nissent l’ap­pa­rence visuelle : les cou­leurs, les polices, l’affichage des images, les espa­ce­ments, etc.
• Les fichiers Javas­cript (.js) ajoutent de l’in­te­rac­ti­vi­té au site : par exemple un menu dérou­lant, des ani­ma­tions sur les blocs, etc.

Ces fichiers sont orga­ni­sés de manière à offrir une mise en page spé­ci­fique à chaque type de conte­nu. En plus de ces tem­plates, la plu­part des thèmes offrent des options de per­son­na­li­sa­tion, des wid­gets, ain­si que des fonc­tion­na­li­tés spé­ci­fiques per­met­tant de répondre aux besoins par­ti­cu­liers d’un site.

L’un des avan­tages majeurs de Word­Press est la pos­si­bi­li­té de chan­ger de thème sans perdre de conte­nu. Cela signi­fie que vous pou­vez modi­fier com­plè­te­ment l’ap­pa­rence de votre site sans avoir à recréer vos pages ou vos articles. Le conte­nu reste indé­pen­dant du thème, ce qui favo­rise une grande flexi­bi­li­té. Ce prin­cipe peut être mis à mal si vous uti­li­sez un construc­teur de page pour créer vos pages et vos articles, car chan­ger de construc­teur peut entraî­ner des incom­pa­ti­bi­li­tés ou des pertes dans la mise en forme.

Un même site, trois visages : l’impact du thème sur le design

Pour illus­trer concrè­te­ment l’influence d’un thème Word­Press sur l’apparence d’un site, voi­ci une cap­ture d’écran d’un même site, affi­ché, de gauche à droite, avec les thèmes Twen­ty Twen­ty, Twen­ty Twen­ty-Three et Cha­plin. Le conte­nu reste iden­tique, mais l’expérience visuelle change radi­ca­le­ment selon le thème uti­li­sé. Une démons­tra­tion claire de la manière dont le choix d’un thème façonne l’identité gra­phique d’un site.

Choisir un thème WordPress pour son site

Le choix d’un thème est une étape impor­tante de votre pro­jet. Pre­nez le temps pour faire votre choix en fonc­tion de vos besoins.

Où trouver un thème

Pour trou­ver un thème Word­Press, il existe plu­sieurs options :

• Le réper­toire offi­ciel de thèmes Word­Press : le réper­toire (dis­po­nible éga­le­ment direc­te­ment depuis l’in­ter­face d’ad­mi­nis­tra­tion de votre site) est la source prin­ci­pale de thèmes gra­tuits. Chaque thème est véri­fié par l’é­quipe Word­Press, ce qui en garan­tit la sécu­ri­té et la com­pa­ti­bi­li­té.
  URL : https://​word​press​.org/​t​h​e​m​es/
• Thèmes « free­mium » : cer­tains thèmes sont pro­po­sés en ver­sion gra­tuite avec des fonc­tion­na­li­tés de base avec une option pour pas­ser à une ver­sion payante pour obte­nir des fonc­tion­na­li­tés avan­cées et un sup­port tech­nique éten­du, que l’on appelle sou­vent « free­mium ». Ces thèmes peuvent être dis­po­nibles dans le réper­toire offi­ciel de Word­Press ain­si que sur les sites des entre­prises qui les développent.
• Thèmes « Pre­mium » dans des mar­ket­places : ces places de mar­ché pro­posent des thèmes pre­mium (payants) avec des desi­gns com­plexes et des fonc­tion­na­li­tés avan­cées. Elles offrent une large varié­té de thèmes à dif­fé­rents prix, sou­vent avec des options de per­son­na­li­sa­tion éten­dues et des démos prêtes à l’emploi pour voir rapi­de­ment le ren­du final possible.
• Thèmes « From scratch » ou Sur-mesure : Vous pou­vez aus­si déve­lop­per vous-même votre thème sur-mesure ou pas­ser par une agence ou un déve­lop­peur indé­pen­dant pour créer un thème sur mesure.

Quels sont les critères de sélection d’un thème

Lors du choix d’un thème, il est essen­tiel de tenir compte de plu­sieurs cri­tères, tels que :

• Accès à une ver­sion démo : Pour vous assu­rer que le thème cor­res­pond à vos attentes, véri­fiez s’il pro­pose une démo en ligne. Cela vous per­met­tra de tes­ter son appa­rence, ses fonc­tion­na­li­tés, et de visua­li­ser com­ment il pour­rait rendre sur votre site.
• La per­son­na­li­sa­tion : Le thème doit pro­po­ser des options de per­son­na­li­sa­tion per­met­tant de modi­fier les cou­leurs, les polices et la mise en page si vous n’êtes pas à l’aise avec le code.
• La vitesse et les per­for­mances : Un thème lent peut entraî­ner une mau­vaise expé­rience uti­li­sa­teur et affec­ter le SEO. Les thèmes avec beau­coup de scripts ou d’a­ni­ma­tions peuvent ralen­tir votre site. Optez pour des thèmes légers et opti­mi­sés pour les performances.
• L’op­ti­mi­sa­tion SEO : Assu­rez-vous que le thème est conçu en tenant compte des meilleures pra­tiques en matière de SEO : balises HTML bien struc­tu­rées ou faci­le­ment modi­fiables, typi­que­ment le titre de la page bien affi­ché en H1, les titrages des wid­gets dans les barres laté­rales, dans le pied de page, etc.
• La com­pa­ti­bi­li­té avec les exten­sions : Même si le cas peut être rare, assu­rez-vous que le thème soit com­pa­tible avec les exten­sions que vous pré­voyez d’u­ti­li­ser. Par exemple, concer­nant Ele­men­tor, vous avez une page dédiée qui liste les exten­sions et thèmes incom­pa­tibles : https://​ele​men​tor​.com/​h​e​l​p​/​k​n​o​w​n​-​p​l​u​g​i​n​-​c​o​n​f​l​i​c​ts/
• La com­pa­ti­bi­li­té mobile (res­pon­sive desi­gn) : De nos jours, une grande par­tie du tra­fic pro­vient des mobiles. Même si le res­pon­sive desi­gn existe depuis main­te­nant bien long­temps (le concept existe depuis 2010), n’hé­si­tez pas à tes­ter le com­por­te­ment du thème sur mobile (et tablette tant qu’à faire). L’ex­pé­rience uti­li­sa­teur doit res­ter fluide et claire quel que soit l’appareil.

Les points de vigilance lors du choix de son thème

• Les mises à jour : Un thème régu­liè­re­ment mis à jour est un signe de qua­li­té et de sécu­ri­té. Assu­rez-vous que le thème soit com­pa­tible avec la ver­sion actuelle de Word­Press. Si aucune mise à jour n’a été faite depuis long­temps, il se peut que le déve­lop­pe­ment du thème soit arrê­té. Dans ce cas, vous ne devez pas choi­sir ce thème.
• Les avis et éva­lua­tions : Consul­tez les avis pour savoir si le thème est réel­le­ment à la hau­teur de ses pro­messes. Pré­fé­rez des thèmes qui ont de bons retours et un sup­port actif. 
  • Dans le réper­toire Word­Press : Véri­fiez les avis, allez véri­fier l’on­glet sup­port et le nombre de téléchargements.
  • Sur les pla­te­formes de places de mar­ché : Géné­ra­le­ment, le thème affiche aus­si un onglet sup­port avec des ques­tions, véri­fiez les der­niers tickets et regar­dez le nombre de ventes du thème sélectionné.
• La sécu­ri­té : Pré­fé­rez des thèmes pro­ve­nant de sources fiables. Le réper­toire des thèmes de Word­Press est votre meilleure garan­tie sur ce point. Vous pou­vez aus­si vous ren­sei­gner sur des forums (WPFR par exemple : https://​wpfr​.net/).

Installer son thème dans WordPress

L’ins­tal­la­tion d’un thème Word­Press est simple et ne néces­site aucune connais­sance tech­nique. Vous pou­vez l’ins­tal­ler de deux manières :

• Ins­tal­la­tion d’un thème gra­tuit : depuis le tableau de bord Word­Press : Allez dans « Appa­rence > Thèmes > Ajou­ter » et recher­chez le thème de votre choix. Une fois trou­vé, cli­quez sur « Ins­tal­ler » puis « Activer ». 

Par défaut, dans Word­Press, c’est le der­nier thème Word­Press qui est ins­tal­lé, actuel­le­ment il s’a­git de Twen­ty Twenty-Five.

• Ins­tal­la­tion d’un thème pre­mium : télé­char­gez votre thème pre­mium au for­mat .zip, vous pou­vez l’ins­tal­ler en allant dans « Appa­rence > Thèmes > Ajou­ter > Télé­ver­ser un thème ». Impor­tez le fichier .zip et cli­quez sur « Ins­tal­ler maintenant ».

Une fois le thème acti­vé, qu’il soit gra­tuit ou pre­mium, vous pour­rez le per­son­na­li­ser via l’ou­til de per­son­na­li­sa­tion de Word­Press et les options du thèmes pour adap­ter le desi­gn à vos besoins.

Changer ou supprimer un thème WordPress

On ne peut pas sup­pri­mer un thème actif : il faut d’abord en acti­ver un autre. Pour cela, ren­dez-vous dans « Appa­rence > Thèmes », sur­vo­lez un thème ins­tal­lé et cli­quez sur « Acti­ver ». Une fois le nou­veau thème en place, vous pou­vez sup­pri­mer l’ancien en cli­quant sur le thème (ou sur « Détail du thème »), puis sur le lien « Sup­pri­mer » en rouge, en bas à droite.

Cela per­met de faire le ménage dans les thèmes inuti­li­sés, et de gar­der un site plus léger et plus sécu­ri­sé. Conser­vez uni­que­ment votre thème actif (et son thème parent si vous uti­li­sez un thème enfant), ain­si qu’un thème par défaut de Word­Press comme solu­tion de secours.

Et le thème enfant (le child theme) ?

Un thème enfant per­met de per­son­na­li­ser un thème Word­Press sans modi­fier direc­te­ment son code. C’est la méthode recom­man­dée pour pré­ser­ver vos ajus­te­ments lors des mises à jour du thème parent. 

Sou­vent, un thème enfant est déjà four­ni avec les thèmes pre­mium, gra­tuits ou free­mium. Vous pou­vez éga­le­ment en trou­ver en ligne en effec­tuant une recherche du type :
child theme + nom de votre thème.

Sinon, il est tou­jours pos­sible de le créer manuel­le­ment ou d’utiliser une exten­sion comme Child Theme Confi­gu­ra­tor pour le géné­rer auto­ma­ti­que­ment, sans écrire une ligne de code. 

👉 Nous revien­drons plus en détail sur le sujet dans un pro­chain article.

Pho­to de l’image mise en avant : mer­ci à Tran Mau Tri Tam