Les thèmes
Les objectifs
Dans cet avant-dernier chapitre, nous apprendrons à utiliser les thèmes de WordPress. Nous verrons comment choisir un thème et comment l’installer.
Ensuite, nous allons paramétrer le thème par défaut, le thème qui est activé à l’installation de WordPress. C’est le thème Twenty Twenty-One.
Utiliser les thèmes
Nous l’avons vu dans le chapitre Découvrir WordPress, ce sont les thèmes qui déterminent l’affichage de vos sites sous WordPress. Il est donc fondamental de bien choisir le thème, dès le départ du projet, au moment de la conception du site.
Le thème livré et activé par défaut à l’installation de WordPress est le thème Twenty Twenty-One. Ce thème, parfaitement utilisable, est plutôt une « vitrine » pour les utilisateurs de WordPress et pour les développeurs de thèmes. Twenty Twenty-One a été créé pour montrer les possibilités et les fonctionnalités utilisables dans les thèmes WordPress.
Il faut bien comprendre que les thèmes WordPress sont pour la plupart créés par des designers indépendants qui réalisent des thèmes selon leurs propres envies, à l’exception des créations des thèmes totalement personnalisés pour des clients. Ce qui veut dire que les fonctionnalités de WordPress utilisées et affichées dans les thèmes dépendent totalement du bon vouloir des designers.
De même, chaque designer fait ce qu’il veut pour le paramétrage des thèmes. Certains thèmes proposent de très nombreux paramètres...
Choisir un thème depuis le site officiel
1. Rechercher un thème
Pour rechercher un thème, vous pouvez aller sur le site officiel de WordPress, dans la rubrique des thèmes : https://wordpress.org/themes/

Dans la barre de navigation principale, vous avez la possibilité de filtrer les thèmes :
-
Popular : ce sont les thèmes les plus populaires.
-
Latest : ce sont les derniers thèmes publiés.
-
Feature Filter : vous affichez une page qui permet de rechercher des thèmes selon plusieurs critères.

Dans la liste des options, sélectionnez celles qui correspondent à vos besoins.
Cliquez sur le bouton Apply Filters.
WordPress vous liste tous les thèmes répondant à vos critères de recherche.

Vous pouvez aussi utiliser le champ de recherche pour saisir des mots-clés.
WordPress vous liste en direct tous les thèmes qui répondent à vos critères de recherche.

2. Choisir un thème
Pour choisir un thème, affichez les détails du thème voulu en cliquant sur son nom, sur la vignette d’aperçu du thème ou sur le bouton More Info.

Vous visualisez à l’écran les détails techniques du thème choisi :

Sur la droite, le bouton Preview permet d’afficher un aperçu du thème.
Un aperçu du thème :

Notez que le thème n’étant pas paramétré, l’affichage peut être un peu "décevant".
En haut à gauche, cliquez sur la case de fermeture...
Choisir un thème depuis l’administration
1. Rechercher un thème
Nous venons de voir comment choisir un thème depuis le site officiel de WordPress. Vous pouvez faire la même démarche depuis l’interface d’administration de vote site.
Dans le menu Apparence, choisissez Thèmes.
Cliquez sur le bouton Ajouter.

Vous visualisez les onglets Mis en avant, Populaires et Derniers en date, comme ce que nous avions dans le site officiel des thèmes WordPress.
À droite de ces onglets, vous avez à disposition un champ de recherche par mots-clés pour chercher un thème.
Voilà un exemple d’une recherche de thème avec les mots-clés : green magazine :

Pour chaque thème trouvé, vous visualisez une miniature et au survol les boutons Installer, Prévisualiser et Détails et prévisualisation.
Cliquez sur le bouton Filtre de fonctionnalités pour effectuer une recherche par critères de fonctionnalité.
Cochez les critères que vous recherchez.

Cliquez sur le bouton Appliquer les filtres X.
Voilà un extrait du résultat de la recherche avec les critères cochés dans la copie d’écran précédente.

À nouveau, pour chaque thème trouvé, vous visualisez une miniature et, au survol de celle-ci, les boutons Installer, Prévisualiser...
Le réglage de la page d’accueil
1. Les thèmes de type blog
Du fait de son origine « moteur de blog », avec le thème par défaut Twenty Twenty-One, WordPress affiche dans la page d’accueil les derniers articles créés. Vous pouvez préciser combien d’articles doivent être affichés sur la page d’accueil.
Dans le menu Réglages, choisissez Lecture.

Dans la zone Options de lecture, pour l’option La page d’accueil affiche, l’option Les derniers articles est cochée par défaut.

C’est dans le champ Les pages du site doivent afficher au plus que vous devez indiquer combien d’articles doivent être affichés dans la page d’accueil.
Une fois ce paramètre indiqué, en bas de l’écran, cliquez sur le bouton Enregistrer les modifications.
2. Les thèmes de type site classique
Il faut savoir que certains thèmes n’utilisent pas l’affichage « traditionnel » de type blog, mais un affichage de type « site classique » qui n’offre pas un affichage chronologique et linéaire des articles.
Dans ce cas, pour que le thème fonctionne correctement, il vous faudra éventuellement indiquer quelle doit être la page, au sens WordPress, à afficher pour la page d’accueil de votre site....
Le thème Twenty Twenty-One
1. Le thème par défaut
La version dernière de WordPress est livrée avec le thème par défaut Twenty Twenty-One. Comme nous l’avons vu au début de ce chapitre, ce thème est surtout un thème de démonstration, pour montrer ce que les développeurs peuvent faire lors de la création d’un thème. Mais il est parfaitement utilisable au quotidien, pour vos sites WordPress.
Toute la personnalisation des thèmes se fait maintenant de manière centralisée dans le menu Apparence - Personnaliser.
Vous pouvez aussi y accéder en allant dans le menu Apparence - Thèmes.
Au survol du thème Twenty Twenty-One, cliquez sur le bouton Personnaliser.

L’écran de personnalisation s’affiche.


Sur la gauche, vous visualisez le nom du thème que vous personnalisez.

Notez la présence du bouton Changer qui vous permet de changer de thème.
Ensuite, vous visualisez les volets de personnalisation. Attention, notez bien que les volets affichés dépendent entièrement des fonctionnalités personnalisables qui sont proposées par le développeur du thème. Certains thèmes auront beaucoup de volets de personnalisation, d’autres très peu.

Notez que toutes les personnalisations s’afficheront "en direct" dans l’aperçu sur la droite. Ainsi, vous visualiserez immédiatement toutes vos modifications.
Dans la partie gauche, en bas des volets, vous avez la possibilité d’afficher le site en Responsive Web Design.

Le premier bouton permet l’affichage sur un écran d’ordinateur. Le deuxième affiche le site comme sur une tablette.

Le dernier bouton affiche le site comme sur un smartphone.

Bien sûr il faut que le thème choisi prenne en compte le Responsive Web Design.

2. L’identité du site
Le premier volet de personnalisation est l’Identité du site.

Vous pouvez placer un logo qui s’affichera dans le bandeau supérieur, au-dessus du titre. Avec...