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 !
Table des matières de cette formation WordPress (durée : 1h18m)
-
- Mise en place du background full page en css 00:06:44
- Intégration du menu 00:10:50
- Intégration de la zone de contenu et du footer 00:04:20
- Boucle WordPress et menu dynamique 00:08:20
- Inclure du javascript depuis functions.php 00:09:38
- Comportement AJAX pour charger le contenu des pages 00:15:18
- Gérer l'historique du navigateur 00:16:40
- Bonus : Faire fonctionner le plugin Colorbox sur la page de galerie 00:06:47
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Très clair et simple à comprendre, c'est exactement ce dont j'avais besoin merci ;)
-
J'ai eu un peu de mal mais la formation est super !
-
Adrien, toujours clair et pédagogue, je recommande cette formation.
-
Avec quelle version de logiciel ce tuto est-il compatible ?WordPress 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés