Pour faire les exercices de ce TD, vous allez modifier votre site web.
Faites une sauvegarde pour pouvoir revenir à votre version précedente.
Un thème est une collection de fichiers qui travaillent ensemble pour faire une interface graphique cohérente.
Par exemple, on peut avoir un en-tĂŞte et un pied de page commun Ă toutes les pages.
Les thèmes sont indépendants du contenu et intégrés dans WordPress. Le contenu du site web est stocké dans la base de donnés, et le thème utilise de fonctions propres à WordPress.
Ainsi, on peut changer facilement de thème et le paramétrer dans le back office.
Wordpress vient avec trois thèmes par défaut :
Les thèmes se trouvent dans le répertoire wp-content/themes/. Dedans, chaque répertoire contient un thème différent.
Un thème contient de fichiers CSS, des fichiers modèles (template files), un fichier de fonctions (functions.php), de fichiers JavaScript et des images.
Les thèmes utilisent souvent une structure similaire, mais les fichiers et dossiers peuvent varier.
screenshot.png
L'image screenshot.png est une miniature du thème qui est affichée dans le menu «Thèmes» du back office.
Modifiez la miniature du thème «Twenty Nineteen» et vérifier le résultat sur le back office.
style.css
Le fichier style.css contient, en plus des règles CSS, un en-tête avec les propriétés du thème en commentaires. Ces informations sont affichées dans le back office.
Changez le nom et la description du thème «Twenty Nineteen» et vérifier le résultat sur le back office.
Modifiez le fichier style.css du thème «Twenty Nineteen» pour que le titre du site soit en rouge et vérifiez le résultat sur le front office.
functions.php
Le fichier functions.php contient de fonctions PHP pour le thème qui affectent le front et le back office.
Il utilise les hooks, les globals et les template tags pour bien s'intégrer dans WordPress. Donc il est normal de ne rien comprendre maintenant.
Vous pouvez au moins comprendre la ligne 15 du fichier wp-content/themes/twentynineteen/functions.php
Modifiez le fichier index.php du thème «Twenty Nineteen» pour afficher la valeur de la variable $GLOBALS['wp_version'] sur la page web.
Commencez à réflechir à ce que vous voulez changer dans le thème de votre site web.