Comment ajouter le plugin Smooth Slider à son blog WordPress
je viens d’ajouter le plugin Smooth Slider pour WordPress sur mon blog. Il y a quelques manipulations à faire, alors pour en garder trace j’ai décidé d’écrire une petite doc d’installation que je vais partager avec vous.
Smooth Slider c’est quoi ?
Ce plugin permet d’afficher un slideshow ou un diaporama des articles que vous voulez promouvoir sur votre site. Typiquement on le met en haut de la page d’accueil, juste avant les articles.
Cela donne ça :
Télécharger Smooth Slider
Le lien de téléchargement se trouve sur la page des plugins WordPress.
Installation du plugin Smooth Slider
Si vous ne savez pas comment installer un plugin, allez voir mon article Comment-sécuriser votre blog WordPress sans peine.
Activez-le.
Configurer le plugin
Une fois installé et activé vous allez voir apparaître un nouveau menu.
Nosu irons voir le sous-menu Settings plus tard.
Ajouter des articles au Slider
Pour ajouter un article ou une page au slider, allez sur le dashboard et éditez un article.
Plus bas dans la page d’édition d’un article Worpress vous allez trouver une zone ressemblant à ceci :
Pour ajouter l’article il faut cocher la case à cocher « Add this post/page to ».
Vous pouvez ajouter l’article à un autre slider, mais il vous suffira de prendre celui qui a été créé par défaut (surligné en bleu sur la capture d’écran).
Faites cela pour tous les articles et pages que vous voulez ajouter dans le slider.
Vous pourrez visualiser les articles ajoutés dans le menu Smooth Slider / Sliders.
Relooker le plugin
Maintentant, cliquez sur le menu Smooth Slider / Settings.
Une page apparaît sur laquelle vous pouvez modifier l’apparence du slider.
Vous pouvez saisir les valeurs suivantes :
- Number of Posts in the Slideshow : le nombre d’articles que vous voulez afficher
- WordPress Image Extract Size : Thumbnail
- Pick content From : From Content
- Maximum content size (in characters) : 200
- Maximum content size (in words) : 20
Vous pouvez aussi changer les couleurs de la bordure, du fond, du titre, du contenu.
Je vous conseille de changer Read more et Featured posts en une traduction en Français.
N’oubliez pas de sauvegarder les modifications.
Afficher le slider dans la page d’accueil
Pour finir il nous faut afficher le Smooth Slider dans la page d’accueil. On notera que l’on dispose aussi d’un widget (dans le menu Widgets du dashboard WordPress) mais je ne vais pas l’aborder. Vous pouvez l’utiliser dans une colonne ou un pied de page.
Pour afficher le slider dans la page d’accueil de votre blog il faut un peu bricoler.
Il y a des instructions sur la page d’installation de Smooth Slider, mais dans ma version de WordPress et avec le thème Mystique, voici comment faire.
Utilisez le menu Appearance / Editor du dashboard pour éditer le fichier home.php de Mystique (il faut sélectionner dans la liste déroulante en haut à droite Mystique puis cliquer sur Select).
Dans le fichier home.php (qui se situe dans wp-content/themes/mystique) il faut repérer la ligne :
<?php if(have_posts()): ?>
Et ajouter sur la ligne précédente les lignes :
<?php if ( function_exists( 'get_smooth_slider' ) ) { get_smooth_slider(); ?>
<p/>
<br/>
<?php } ?>
Sauvegardez et voilà, c’est fait !
Ouvrez la page d’accuiel de votre blog et corrigez l’apparence dans le menu Smooth Slider / Settings.
Gérer les articles et pages dans le slider
Pour gérer les éléments affichés dans le slider, les supprimer ou changer le titre, il faut aller dans le menu Smooth Slider / Sliders.
Ajouter une image
Smooth Slider prend les images d’illustration des articles, mais, pour une raison quelconque, vous pouvez considérer que l’image ne convient pas.
Vous pouvez donc télécharger une nouvelle image. Dans la page d’édition d’une image (de la mediathèque) il est possible d’associer cette image à Smooth Slider et d’indiquer l’url de l’article vers lequel elle devra pointer dans le slider.
Conclusion
Si vous rencontrez des différences, merci de les noter dans les commentaires pour partager avec tout le monde.
À bientôt,
Michel.
Comments ( 12 )