Créer un slider et l'intégrer à votre blog Wordpress
ERROR
00:00
00:00

TUTO Créer un slider et l'intégrer à votre blog Wordpress

Adrien Gazaix
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

A l'aide d'un plugin jQuery, nous allons créer un slider pour vos articles de blog. Ceux-ci défileront en images avec un lien vers l'article et la date de parution sur chaque slide. Ce tuto va se découper en 2 parties :

  • Dans la première, nous verrons comment créer le slider en HTML/CSS puis nous ajouterons la couche Javascript en écrivant notre code Jquery et en liant notre page à un plugin qui va nous permettre de créer le système de slide rapidement et de lui spécifier quelque options comme le type de transition, les actions sur les boutons précédent, suivant....
  • Dans la seconde partie, nous ferons un tour d'horizon sur un petit thème Wordpress que j'ai créé pour l'occasion. Il est simple et contient juste les fichiers nécessaires au bon fonctionnement de Wordpress. Nous aurons un blog qui listera les articles de 2 catégories confondues. L'objectif ici sera de récupérer à l'aide d'une boucle personnalisée les articles de la catégorie Slider pour les afficher sous forme de slides au-dessus de notre blog. Nous verrons entre autre comment ajouter à Wordpress une fonctionnalité permettant d'utiliser des images à la une et de créer des tailles d'images personnalisées.

A la fin de ce tutoriel, vous aurez un slider fonctionnel et prêt à l'emploi, que vous pourrez utiliser sur votre site ou votre blog, avec ou sans Wordpress. Le système de slider ainsi que le petit thème Wordpress sont fournis avec ce tuto pour une meilleure compréhension de la formation.
Bon tuto !!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer un slider et l'intégrer à votre blog Wordpress

Plan détaillé du cours

Leçon 1Créer un slider et l'intégrer à votre blog Wordpress
53m29s

Aperçus

Avis des apprenants

Détail des avis
401
Apprenants
20
Commentaires
5/5
Note moyenne
5/5
16
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Pierre Lannak
Jean-Pierre Lannak
Publié le 13/11/2015
Très agréable comme toujours avec Adrien. Je ne suis intéressé que par la premiere partie du tuto -> le Slider, avec la new version de jcycle2 le code est différent.Je me suis rattrapé avec le js fourni avec le fichier source.Donc nickel et bravo... De JP71 5/5
Matth
Matth
Publié le 03/09/2014
Super, tout ce que je voulais savoir faire en un tuto a prix reduit , perso je vais le transformer en plugin :)
Elpierrofr
Elpierrofr
Publié le 06/08/2013
Parfait, tout est parfaitement expliqué, et j'ai pu récréer le slider que je voulais. Merci beaucoup !

Vos questions sur le cours

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

jQuery , WordPress 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, est il possible d'utiliser le slider avec un theme personnalisé sur un site ?

Oui bien sur.

Bonjour, Le slider que vous proposez est-il responsive ?

Non pas en l'état. Il faut le modifier un peu pour le rendre responsive.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données