Créer une galerie d'images avec pagination sur WordPress
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créer une galerie d'images avec pagination sur WordPress

Adrien Gazaix
6,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto WordPress, nous allons voir comment ajouter une galerie d'images à un article de votre blog ou votre site créé avec le CMS WordPress. Je vous invite à regarder l'extrait vidéo pour voir ce que l'on va réaliser ensemble. Étapes de ce tuto :

  • Créer un fichier single.php à partir d'index.php pour avoir un template qui servira à l'affichage de l'intérieur d'un article
  • Ajouter de nouvelles tailles d'images dans function.php
  • Envoyer et relier des images à un article
  • Mise en place d'une méthode en PHP pour récupérer ces images attachées
  • Affichage des images dans une liste ul
  • Stylisation de cette galerie en CSS3 avec un effet d'échelle sur le hover
  • Télécharger et lier un plugin jquery
  • A l'aide du plugin, créer la pagination automatique pour la galerie d'images
  • Stylisation de la pagination (bouton, current, flèche desactivée...)
  • Ajout d'un bouton permettant, au click, de supprimer la pagination et montrer toutes les images d'un coup pour avoir un effet mur d'images
  • Configuration du plugin Colorbox, et mise en place d'une classe supplémentaire sur nos images pour qu'elle soient groupées et donc ajouter le fait de pouvoir naviguer entre nos images (précédent/suivant)
  • Récupérer l'image à la une ainsi que l'url de la version large de celle-ci pour la voir en plus grand dans la colorbox
  • Exclure cette image à la une de la galerie automatiquement

A la fin de ce tutoriel, vous saurez comment ajouter une galerie dynamiquement à vos articles sans ajouter le shortcode prévu par WordPress. Il faudra juste uploader des images et les attacher à l'article choisi pour voir apparaître la galerie ou vous avez prévu de la mettre dans votre template.
Tout le thème utilisé dans cette formation est inclus dans les sources.
Bon tuto!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer une galerie d'images avec pagination sur WordPress

Plan détaillé du cours

Leçon 1Créer une galerie d'images avec pagination sur WordPress
1h26

Aperçus

Avis des apprenants

Détail des avis
272
Apprenants
8
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Sébastien Bauer
Sébastien Bauer
Publié le 01/07/2016
Un bon tuto complémentaire aux autres du même auteur
Benoit Delhaye
Benoit Delhaye
Publié le 13/09/2013
tres bon tuto bravo, j'aurais juste eu besoin de savoir comment faire pour integrer ces pages de galeries photos à un theme WP déjà existant que j'utilise. merci pour le retour.
Loloden
Loloden
Publié le 26/09/2012
Excellent tuto, toujours aussi didactique et facile à suivre.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

WordPress 4, WordPress 3, CSS 2, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 6,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données