5 Crédits +d'infos

Créer un slider et l'intégrer à votre blog Wordpress Extrait gratuit 01m

Tuto Créer un slider et l'intégrer à votre blog Wordpress avec jQuery, Wordpress

“ Créer un slider et l'intégrer à votre blog Wordpress ” est un tuto jQuery, Wordpress, en vidéo, de 53m29s. Ce tutoriel est proposé par Adrien Gazaix, formateur certifié tuto.com.

ajouter ce cours aux favoris retirer ce cours des favoris


5 Crédits +d'infos

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 !!


Formateur : Adrien Gazaix

Adrien Gazaix a publié 74 tutoriels et obtenu une note moyenne de 4,8/5 sur 17 207 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com

Voir les autres formations de Adrien Gazaix

  • Parfait, tout est parfaitement expliqué, et j'ai pu récréer le slider que je voulais. Merci beaucoup !
    elpierroFR, 06/08/2013
  • Oui, regarde sur : www.graphismaddict.com merci
    dadoulaurianne, 17/08/2012
  • Super Tuto merci. Le slider fonctionne tres bien sur mon pc avec wampserver mais lorsque je le regarde sur internet (hebergeur OVH) le slider ne fonctionne plus, on voit seulement la derniere image a la une? (je pense a un probleme de version avec php) mais pour l'instant je suis bloqué. Une solution peut etre. Merci
    dadoulaurianne, 16/08/2012