One last time | Partie 2/2¶
L’objectif A de cette partie du devoir est de mettre en pratique des notions de personnalisation déjà explorées hors CMS (css, js, gsap!).
L’objectif B est de finaliser le mini-projet en ajoutant les modèles manquants au thème personnalisé.
Consignes¶
Modèles¶
- Ajouter les modèles de page suivants (inspirez-vous de la structure d’autres thèmes) :
404.html(affichée lorsque l’URL est invalide)home.html(page d’accueil du site)archive.html(pour les étiquettes et catégories)page.html(similaire àsingle.html, mais utilisé pour les pages plutôt que les articles)
Page 404¶
- Ne doit contenir ni en-tête ni pied de page.
- Doit être esthétique, originale et en lien avec le concept de votre site. (Inspiration : 404s.design)
- Doit contenir une animation GSAP 🤩
Page d’accueil¶
- Doit contenir au moins une vidéo et plusieurs images de bonne qualité.
- L’objectif est de créer une surcharge visuelle (ex. : beyonce.com).
Navigation du site¶
- Le menu principal ne doit contenir que le lien vers la page “Blogue”
- La page Blogue doit afficher dynamiquement les 5 derniers articles de votre site.
Remise¶
Ce devoir est à réaliser en équipe de 2.
Il compte pour 25 % de la note finale.
L’URL de votre site doit être remise sur Teams avant le 10 avril à 23h59.
Pointage¶
| Critère | Points |
|---|---|
| En-tête Bootstrap (structure HTML/CSS correcte) | 1 |
functions.php – Inclusion des librairies Bootstrap/GSAP, styles/scripts custom, intégration dans l’admin |
2 |
| Thème personnalisé activé et fonctionnel | 1 |
| Création de 5 articles (images, catégories) | 1 |
| Présentation des articles (mise en page pertinente et esthétique) | 1 |
| Nom de l'auteur ajusté (ex : pas juste "admin") | 1 |
Configuration du modèle d’article (single.html) conforme au résultat attendu |
3 |
Configuration du modèle de page (page.html) |
1 |
Configuration du modèle d’archive (archive.html) |
1 |
Configuration du modèle d'accueil (home.html) |
3 |
Configuration du modèle 404 (404.html) |
3 |
| Qualité et originalité de l’animation GSAP | 1 |
| Page blogue (liste dynamique des articles) | 1 |
| Menu principal composé d’un seul lien vers la page blogue | 1 |
| Site accessible en ligne via HostPapa (cPanel) | 1 |
| Indentation et propreté du code PHP, CSS et JavaScript | 1 |
| Respect global des consignes | 1 |
| Créativité, rigueur et esthétisme | 1 |
| Total général | /25 |