Pour faire les exercices, téléchargez et installez le site WordPress disponible sur AMeTICE dans «Fichier à télécharger».
La base de données s'appelle m3202td2_bdd
. L'identifiant et le mot de passe sont m3202
.
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 : «Twenty fifteen», «Twenty sixteen» et «Twenty seventeen».
Normalement, il est possible de trouver si un site web utilise WordPress en lisant son code HTML. Il suffit de chercher wordpress
ou wp-
.
On peut aussi essayer de se loguer en ajoutant /wp-admin
a l'adresse web.
Chercher si les sites web suivants utilisent WordPress
Les thèmes se trouvent dans le répertoire wp-content/themes/
. Dedans, chaque répertoire contient un thème.
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.
Modifier la miniature du thème «Twenty Seventeen» et vérifier le résultat sur le back office.
Prendre une capture d'écran et la renommer m3202-td2-exo1.png
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.
Changer le nom et la description du thème «Twenty Seventeen» et vérifier le résultat sur le back office.
Prendre une capture d'écran et la renommer m3202-td2-exo2.png
Modifier le fichier style.css
du thème «Twenty Seventeen» pour que le titre du site soit en noir et vérifier le résultat sur le front office.
Prendre une capture d'écran et la renommer m3202-td2-exo3.png
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/twentyseventeen/functions.php
Modifier le fichier index.php
du thème «Twenty Seventeen» pour afficher la valeur de la variable $GLOBALS['wp_version']
Prendre une capture d'écran et la renommer m3202-td2-exo4.png
Les fichiers modèles (template files) servent à générer les fichiers HTML à partir de la base de données. Il y en a plusieurs :
index.php
page.php
/single.php
header.php
, footer.php
et sidebar.php
content.php
searchform.php
et search.php
archive.php
404.php
comments.php
category.php
/tag.php
image.php
Les fichiers modèles utilisent de fonctions définies par WordPress, comme get_header()
, is_home()
, etc.
Pour voir ce qu'elles font, on peut chercher dans le code source de WordPress. Par exemple, la fonction get_header()
est définie dans le fichier wp-includes/general-template.php
.
Sinon, on peut les chercher sur la documentation de WordPress
Envoyer par AMeTICE le fichier m3202-td2.zip contenant toutes les captures d'écran dans «Exercices à rendre du TD 2/5».
Vous devez soumettre une bonne question sur ce qu'on a vu aujourd'hui dans «Question à rendre du TD 2/5»