Développement web S3 (M3202) — TP n° 2

Dans cette séance de TP on va explorer comment WordPress génère des pages web avec ses propres fonctions PHP.

Avant de commencer, créez un répertoire nommé m3202-tp2 contenant les répertoires exo1,..., exo3. Chacun de ces répertoires contient votre travail sur l'exercice correspondant. Le fichier HTML de chaque exercice doit s'appeler index.html.

À la fin de la séance, vous devez compresser le répertoire m3202-tp2 en format ZIP et le soumettre sur AMeTICE.

Les fonctions de WordPress

On a vu en cours que les fichiers de modèle (template files) d'un thème utilisent de fonctions définies dans WordPress.

Exercice 1

Dans cet exercice, vous devez identifier et expliquer toutes les fonctions de WordPress utilisées dans le fichier index.php du thème «Twenty Seventeen».

Dans un document HTML, écrivez le nom, le lien vers sa page dans la documentation de WordPress (codex ou developer), et une explication courte de chaque fonction utilisée dans le fichier index.php du thème «Twenty Seventeen». Par exemple :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <title>m3202-tp2-exo1</title>
</head>
<body>
<dl>
  <dt><a href="https://developer.wordpress.org/reference/functions/get_header/">get_header()</a></dt>
  <dd>charger le fichier de modèle de l'en-tête.</dd>
  <dt>...</dt>
  <dd>...</dd>
</dl>
</body>
</html>
Exercice 2

Faites pareil que dans l'exercice 1, mais pour le fichier single.php du thème «Twenty Seventeen».

Maintenant on va changer les paramètres d'une fonction de WordPress. Sachez que ceci est un exercice, et que cette pratique est fortement déconseillée (pour modifier un thème, il faut créer un thème enfant.)

Exercice 3

Modifiez le code PHP du fichier single.php (seulement) du thème «Twenty Seventeen» pour :

  1. remplacer le texte "Précédent" par "Plus vieux" ;
  2. remplacer le texte "Suivant" par "Plus récent" ;
  3. enlever les deux icônes avec les flèches.

Vérifiez que la page web générée par ce fichier single.php n'a pas d'erreurs avec le W3C Markup Validation Service.

S'il vous reste du temps

Finissez l'exercice 4 du TD #3.