- Objectif : ajouter un slider sur un blog WordPress… Pour mettre en avant certains articles !
- Durée : 15 minutes
- Niveau de difficulté :
facile–moyen– difficile
Tutoriel vidéo « comment ajouter un slider sur un blog WordPress » :
Récapitulatif :
- Installez l’extension “Easing Slider”
- Allez dans le nouveau menu sur le volet de gauche pour personnaliser vos articles à afficher
- Utilisez soit le bout de code dans un article
[easingslider]
soit dans un de vos fichiers php
<?php if (function_exists("easing_slider")){ easing_slider(); }; ?>
- Si vous souhaitez générer le slider automatiquement, ajoutez le champ personnalisé easing + le lien source de l’image
C’est un tuto compliqué pour les débutants donc n’hésitez pas à laisser un commentaire au bas de cet article pour qu’on le corrige ensemble 
Termes de recherches associés :
- slider wordpress
- wordpress slider
- comment ajouter slide wordpress
- slider pour wordpress
- ajouter slider wordpress
- tutoriel vslider
- installer slider wordpress
- installer un slider wordpress
- ajouter un slider wordpress
- theme wordpress slider
Merci pour ce tuto!
J’ai suivi à la lettre tes explications et le cadre du slider s’affiche au bon endroit. Par contre son contenu (l’image, les flèches latérales etc…) charge indéfiniment au lieu de s’afficher correctement…
As tu une explication ?
Voici mon l’adresse de mon site: http://www.onairms.fr
Merci d’avance!
Kevin
C’est Mystique 3 ? pourquoi ne pas utiliser le slider d’origine ?
http://www.pendlebury.biz/mystiquepghead
Allo , le tuto me semble très claire .
Ce qui m’ennuie c’est que je n’est pas l’option extention dans mon menu ?
Que dois-je faire ?
Ps. J’ai le thème nishita , est-ce pour ça ..
Merci !
@onairms : je pense que l’adresse de ton image n’est pas bonne
@Eric : si tu n’as pas l’onglet « Extension », c’est que tu es sur la version gratuite de WordPress…
WordPress est toujours gratuit,je pense que vous voulez dire qu’Eric a pris un blog chez wordpress.com.
Oui c’est exacte ! Ok merci . Question comme ça ! Des extensions chouette comme celle la y’en n’a plusieur ? Et y’a tu un endroit qui me
Permet d’en prévisionner plusieurs ?
À+
Ça marche!
Parfait merci beaucoup!
Si tu en connais d’autres ayant le même principe avec la possibilité d’ajouter du texte je suis preneur (genre fidelicious slider mais en moins compliqué) je suis preneur !
Re! Dsl pour le double post, comment fait-on pour n’afficher le slider QUE sur la page d’accueil du site ?
Merci
@onairms :facile tu vas dans « pages » puis dans « all pages » et tu sélectionne ta page accueil…
Merci pour cette prestation Cédric!
Cédric a toujours des trouvailles FORMIDABLES!!!!
Merci pour cette vidéo
pourquoi ne pas utiliser le slider de votre thème Graphène ?
Pour moi également les images n’apparaissent pas. Comment connaitre la bonne adresse de l’image?
Merci
Elisabeth
@Elisabeth : l’adresse ne doit pas être bonne. Pour avoir la bonne, regarde cette capture d’écran : http://minus.com/mNRGovuLJ#1
très utile, merci.
Très bon tuto et installation facile, mais je me demande si il est possible de faire figurer dans le slider une légende ou le titre du post lié à l’image? Parce que faire défiler des images sans aucun texte associé, c’est un peu étrange pour un slider qui ne se contente pas d’être un diapo.
De la même manière, je ne trouve pas le moyen de faire redimensionner les images pour qu’elles s’adaptent à la résolution du slide. Y-a-t-il un moyen d’y remédier?
Merci !
@Paul : non, j’ai fouiné les options mais ce n’est pas possible d’ajouter un tire à une image. Pour la dimension de tes images, d’origine il faut mettre en 480 x 185. Il faut mettre les mêmes dimensions que le slider. Tu les trouveras dans ton menu « Easing Slider » puis « Slider Settings »
Bonjour, merci pour ce nouveau tuyau !
J’ai aussi le même problème que certains, quand je copie colle l’adresse du fichier dans Image Path, je sauve et l’image s’affiche très bien dans l’aperçu easing slider. Mais par contre quand je colle ensuite [easingslider] dans ma page, il mouline dans le vide avec un écran blanc derrière… Rien ne s’affiche alors que les adresses sont bonnes tout comme la taille des images compatibles avec la taille de l’extension…
Je viens de lire sur un site : You have loaded jQuery already in your theme. If you manually inserted jQuery into your theme previously then it will break the Easing Slider (along with other plugins potentially) because jQuery is being loaded twice (the Easing Slider also loads jQuery).
J’utilise le thème portfolium de Wpshower, comment fait on si il y a un conflit jQuery ? Car j’ai suivi le tuto à la lettre, les adresses de mes liens est bon, il n’y a pas de raisons que ça ne marche pas… Merci d’avance !
@Tio21 : et quand tu mets le thème d’origine ça marche ??
[...] ajouter un effet « Lightbox » à ses galeries photosWordPress et la personnalisationComment ajouter un slider sur un blog WordPressComment créer un deuxième compte utilisateur sous WordPressComment ajouter un favicon sur son [...]
Bonjour,
Moi j’ai un soucis qui apparaît à chaque fois que je veux modifier l’éditeur d’apparence. j’ai ce message :
You don’t have permission to access /wp-admin/theme-editor.php on this server
Vous savez comment je peux remédier à ce problème ?
Merci pour le tuto, c’est vraiment bien expliqué !
bonjour moi je n’ai pas extensions c’est normal?
Bonjour,
Merci pour ce Tuto…mais j’ai deux problémes…
j’utilise Mystique3.3.1 en trois colones. Je souhaiterais mettre le slider uniquement sur ma page d’accueil et au centre avec mes widgets gauche et doite a la même auteur. Exactement comme ici http://www.paille-editons.com. De plus, je ne trouve pas dans les parametres de Mystique un accés à la page d’accueil !! Merci d’avance
@ hublot : le lien de ton exemple ne marche pas. Ensuite, il te faudra passer obligatoirement par l’éditeur et gratter dans le fichier index.php
Desole http://www.paille-editions.com
@hublot : c’est l’extension vslider qu’ils utilisent
Bonjour Cédric,
Pour commencer, merci chaleureusement pour votre site et surtout pour vos tutos, clairs, concis, qui m’aide à palier ma « nullité informatique ».
Je vous explique rapidement ce que je suis en train de développer et ma question:
Je souhaite réaliser un site e-commerce et pour cela, j’ai pensé comme option pour visualiser et présenter les produits, le faire par le biais d’un slider… et plus précisément avec deux sliders pour deux catégories de produits.
D’où ma question simple: est-il possible d’insérer sur la page d’accueil 2 sliders identiques mais fonctionnant indépendamment (settings, photos propre) l’un à côté de l’autre ou l’un au-dessous de l’autre.
Je pense que la solution la plus simple est de trouver deux extensions de slider proches l’une de l’autre mais visuellement les différences seraient existantes quand même et dérangeante pour mon projet.
Je vous remercie à l’avance et continuez votre travail de qualité…
@NicoLiba : cette extension ne propose pas le « multi slider ». Il faudrait chercher dans les extensions de WordPress pour trouver ça