Apprendre WordPress : Thèmes

Les thèmes WordPress constituent l'ensemble de la structure globale du site web ainsi que sa mise en forme.

Icône de calendrier
Débutant
9 chapitres

Cette catégorie regroupe les fonctionnalités qui concernent l’apparence de votre site web. Cela se traduit par la gestion des thèmes et leur customisation via l’éditeur.

Gérer les thèmes

Les thèmes permettent de modifier l’apparence d’un site WordPress en quelques clics. Un thème WP va définir une mise en forme via des templates PHP pour votre header, sidebar, footer, ainsi que vos contenus (pages, articles, produits, etc.). Il s’agit d’un élément central d’un projet WP.

Souvenez-vous qu’au premier chapitre je vous disais qu’un des principaux intérêts d’un CMS est de pouvoir séparer le fond et la forme d’un site web. Et bien la forme : ce sont les thèmes !

Ajouter un thème

Il est possible d’ajouter autant de thèmes que vous voulez sur votre site WordPress, en revanche, seul le thème que vous aurez défini comme actif impactera le design de votre site web.

Il existe deux manières d’ajouter un thème :

  1. Rechercher un thème dans la banque de WordPress.
  2. Importer une archive de thème (.zip) provenant d’un site web spécialisé comme Themeforest.

Activer / désactiver un thème

Parmi les thèmes installés, vous avez la possibiliter d’en activer un en cliquant sur Activer. Activer un nouveau thème désactive automatiquement le thème actuel.

L’intérêt d’un thème sans possibilité de personnalisation serait limité, nous risquerions de retrouver bien trop de sosies de notre site sur le web..! Par chance, une interface y est dédiée : l’éditeur de thème abordé plus bas. 👇

Supprimer un thème

Pour supprimer un thème de votre banque de thème, sélectionnez le thème en question et cliquez sur Supprimer.

Éditeur

L’éditeur de thème de WordPress est une fonctionnalité arrivée avec la version 6 de WordPress. Cet éditeur s’articule autour de 2 notions : les modèles et les éléments de modèles.

Modèles

L’éditeur de modèles est une fonctionnalité qui vous permet de créer et modifier la mise en page et la structure (pas le contenu !) des pages, articles, publication personnalisés et archives de pages avec l’éditeur de bloc Gutenberg.

Il y a quelques modèles pré-conçus dans la plupart des thèmes, par exemple :

  • Le modèle Page d'accueil : utilisé pour la page d’accueil de votre site, que celle-ci soit paramétrée pour afficher les derniers articles ou une page statique.
  • Le modèle Page : utilisé pour l’ensemble des pages (si aucun modèle plus spécifique ne leur est assigné)
  • Le modèle Recherche : utilisé pour afficher les résultats de recherche (via le moteur de recherche du site)
  • Le modèle 404 : utilisé quand un internaute visite une page qui n’existe pas, en suivant un lien mort ou en faisant une erreur dans l’URL.
  • Le modèle Publication : utilisé pour les publications (exemple : articles) du site à moins qu’un modèle personnalisé ait été appliqué ou qu’un modèle dédié n’existe (exemple : un modèle spécifique pour les produits d’un site e-commerce).
  • Le modèle Archive : utilisé pour les pages d’archives de publications d’un auteur ou d’une autrice, d’une catégorie, d’une étiquette, d’une taxonomie, d’un type de publications personnalisé ou encore d’une date.
  • Etc…

Bien que chaque thème puisse proposer ses propres modèles, la plupart des thèmes proposent une base commune (cf : les modèles évoqués ci-dessus).

Il est possible de créer dans l’éditeur ses propres modèles personnalisés en cliquant sur le signe + en face de Modèles.

En ajoutant un modèle vous pourrez spécifier à quelle typologie de page vous souhaitez l’attacher :

  • Une page spécifique
  • Un article spécifique
  • Les publication d’un auteur / d’une autrice
  • Les publications appartenant à une catégorie
  • Les publications rattachées à une étiquette
  • Les publications rattachées à une taxonomie
  • Les publication rattachées à une date

Eléments de modèles

Les éléments de modèles constituent quant à eux des éléments communs que l’on retrouve sur plusieurs pages :

  • Entête (header)
  • Pied de page (footer)
  • Etc.

Il sont également éditable via l’éditeur Gutenberg.

En accédant à l’édition d’un modèle / élément de modèle, un panneau latéral apparaît à droite, proposant les réglages disponibles selon le bloc Gutenberg utilisé (Titre, Liste, Image…)

En cliquant sur l’icône de cercle à moitié plein (en haut à droite), on accède aux paramètres globaux du thème. Il est alors possible d’y définir :

  • Typographie
  • Couleurs
  • Mise en page

Bien entendu, les possibilités de personnalisation varient en fonction du thème. C’est d’ailleurs en bridant ces options que jouent les éditeurs de thèmes freemium pour vous inciter à passer à la version premium.

Je vous invite grandement à consulter la documentation officielle dédiée à l’édition de thème WordPress, car il s’agit du point le plus complexe de l’utilisation de ce CMS.