Créer un mini site WordPress en Ajax
ERROR
00:00
00:00

TUTO Créer un mini site WordPress en Ajax

Adrien Gazaix
8,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du background full page en css
Leçon 2
Intégration du menu
Leçon 3
Intégration de la zone de contenu et du footer
Leçon 4
Boucle WordPress et menu dynamique
Leçon 5
Inclure du javascript depuis functions.php
Leçon 6
Comportement AJAX pour charger le contenu des pages
Leçon 7
Gérer l'historique du navigateur

Plan détaillé du cours

Leçon 1Mise en place du background full page en css
06m44s
Leçon 2Intégration du menu
10m50s
Leçon 3Intégration de la zone de contenu et du footer
04m20s
Leçon 4Boucle WordPress et menu dynamique
08m20s
Leçon 5Inclure du javascript depuis functions.php
09m38s
Leçon 6Comportement AJAX pour charger le contenu des pages
15m18s
Leçon 7Gérer l'historique du navigateur
16m40s
Leçon 8Bonus : Faire fonctionner le plugin Colorbox sur la page de galerie
06m47s

Aperçus

Avis des apprenants

Détail des avis
349
Apprenants
8
Commentaires
4,9/5
Note moyenne
5/5
7
4/5
1
3/5
0
2/5
0
1/5
0
Thibaudallie
Thibaudallie
Publié le 16/05/2017
Très clair et simple à comprendre, c'est exactement ce dont j'avais besoin merci ;)
Sébastien Bauer
Sébastien Bauer
Publié le 01/07/2016
J'ai eu un peu de mal mais la formation est super !
Samih Bounouar
Samih Bounouar
Publié le 01/07/2016
Adrien, toujours clair et pédagogue, je recommande cette formation.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données