7. Intégrer les fonctionnalités
Il faut maintenant mettre en place les fonctionnalités additionnelles pour compléter votre site. Avec WordPress, chaque fonctionnalité passait par un plugin. Ici, vous les demandez à l'agent, qui les construit directement dans le site, ou qui branche un service externe gratuit.
Les fonctionnalités obligatoires
Un formulaire de contact. Votre site n'a pas de serveur pour envoyer des e-mails : on passe donc par un service qui reçoit les messages à sa place.
- Si vous hébergez sur Netlify : utilisez Netlify Forms, intégré gratuitement. Demandez à l'agent : « Crée un formulaire de contact (nom, e-mail, message) compatible avec Netlify Forms, avec une page de confirmation après l'envoi. » Les messages arriveront dans votre tableau de bord Netlify, et vous pourrez les recevoir par e-mail.
- Si vous hébergez sur Cloudflare Pages : utilisez Formspree (offre gratuite), dont l'agent saura intégrer le formulaire.
Attention, comme avec WordPress en local : vous ne pourrez pas tester l'envoi de messages tant que votre site n'est pas en ligne !
Une mesure d'audience avec Google Analytics. Vous l'installerez via Google Tag Manager, comme vu en cours d'Analytics. Le site étant fréquenté par de vrais visiteurs, une bannière de consentement aux cookies est obligatoire. Demandez à l'agent d'intégrer le code GTM sur toutes les pages, puis configurez le reste dans GTM :
- Implémenter Google Tag Manager
- Implémenter Google Analytics via GTM
- Configurer la bannière de consentement
Les mentions légales et la page de confidentialité, qui doit notamment expliquer l'usage de Google Analytics et du formulaire de contact.
Ce que vous n'avez plus à installer
Certains plugins indispensables sous WordPress n'ont plus lieu d'être ici :
| Avec WordPress | Avec Astro |
|---|---|
| UpdraftPlus (sauvegardes) | Chaque commit envoyé sur GitHub est une sauvegarde complète. Demandez à l'agent de « pousser » vos commits sur GitHub à la fin de chaque séance. |
| WP Super Cache (vitesse) | Inutile : les pages sont déjà prêtes à l'avance, le site est naturellement très rapide. |
| WP Smush (images) | Inutile : Astro compresse les images automatiquement. |
| Plugin de sécurité | Inutile : pas d'administration, pas de base de données, rien à pirater. |
| Akismet (anti-spam) | Inutile : pas de commentaires sur votre site. |
Les fonctionnalités selon votre thématique
Vous pouvez profiter de ce projet pour tester d'autres fonctionnalités. Voici quelques idées, selon votre thématique :
- Photographie / art : une galerie responsive avec agrandissement des images au clic.
- Écriture : des brouillons (un article marqué
draft: truedans son en-tête n'est pas publié), un temps de lecture estimé, une liste d'articles liés en bas de chaque article. - Musique : l'intégration de playlists Spotify ou d'un lecteur pour vos épisodes de podcast.
- Sport / fitness : une page d'événements ou de compétitions, triée par date.
- Cuisine : des fiches recettes avec balisage structuré (pour apparaître en résultat enrichi dans Google) et un bouton de partage Pinterest.
- Pour tout le monde : des boutons de partage vers LinkedIn et les autres réseaux, le téléchargement de votre CV en PDF.
Attention cependant à une chose : n'ajoutez rien dont vous n'avez pas l'usage. Avec WordPress, la règle était de supprimer les plugins inutiles. Ici, elle devient : demandez toujours à l'agent de vous dire s'il installe une bibliothèque externe, et pourquoi. Si vous ne savez pas justifier sa présence dans votre compte-rendu, refusez-la.
Pour savoir comment fonctionne un service externe (Netlify Forms, Formspree, Google Tag Manager…), ayez le réflexe de chercher sa documentation officielle : c'est généralement la meilleure ressource, et vous pouvez la donner en lien à l'agent pour qu'il s'y réfère.
← 6. Remplir les pages & écrire les premiers articles · 8. Créer le menu, le footer, et finaliser la construction de votre site →