Dans ce tuto vidéo WordPress et jQuery nous allons voir ensemble comment créer un mini site WordPress avec chargement des pages en AJAX c'est à dire sans rechargement de page..
Ce qui sera très intéressant c'est que nous allons aussi gérer l'historique du navigateur qui permettra à l'internaute de garder une navigation entre les pages à l'aide des boutons précédent/suivant du navigateur. Donc on garde un comportement AJAX qui est sympa visuellement mais aussi le comportement par défaut ou toutes les pages existent et pourront être référencées par Google normalement.
Sommaire de la formation :
- Mise en place du background en full page qui s'adaptera à la taille du navigateur grâce uniquement à une propriété CSS
- Intégration du menu
- Intégration de la zone de contenu et le footer
- Boucle wordpress pour récupérer du contenu dynamique ainsi qu'un menu gérable depuis le back office
- Lier des fichiers javascript proprement depuis le fichier functions.php
- Mise en place du comportement AJAX pour charger le contenu de chaque page
- Gérer l'historique du navigateur
- Bonus : Faire fonctionner le plugin Colorbox pour ouvrir les images de la page galerie en superposition
Tout le thème créé est disponible dans les sources du tuto ainsi que l'intégration de départ pour que vous puissiez suivre la formation pas à pas en regardant les vidéos.
Bonne formation à tous !
Avis des apprenants