
L’extension Master Slider s’installe depuis le menu Extensions > Ajouter du tableau de bord WordPress.
Cette extension permet la mise en place d’éléments de type carousel, c’est-à-dire un manège dans lequel le contenu défile.
Un élément de menu supplémentaire va apparaître une fois l’extension installée et activée : Master Slider (version anglaise) ou Diaporama (version française).
La fenêtre qui apparaît affiche les diaporamas existants et la possibilité d’en créer un nouveau en cliquant sur le bouton + | Créer un nouveau diaporama.

Des modèles de démarrage / prédéfinis sont proposés (la version premium de l’extension donnant accès à davantage de possibilités).

Vous pouvez cependant ignorer ces modèles et partir sur une création personnalisée en laissant l’option Diaporama personnalisé de cochée.

L’onglet SLIDER SETTINGS permet d’effectuer les principaux réglages du diaporama :
- Slider name : renseignez le titre
- Slider width / Slider height : définissez les dimensions du diaporama (ex. 1000 x 600 pixels)
- Slider Transition : indiquez “Normal” pour une transition de droite à gauche ou “Fade” pour un effet de fondu enchaîné
- Navigation : passez à ON le réglage “Autoplay (slideshow)” pour une lecture automatique (et éventuellement “Loop navigation” pour une lecture en boucle)

Validez toutes vos modifications en cliquant sur le bouton Save changes.
L’onglet SLIDES pour concevoir votre diaporama.

Cliquez sur + Add Slide pour lancer l’upload d’une image qui viendra s’intégrer au diaporama.
La durée de chaque slide peut être définie en cliquant sur sa vignette puis en modifiant la valeur dans le champ Slide duration.

Vous pouvez ajouter du texte à chaque slide en vous rendant dans l’onglet Slide Info, puis saisir le texte souhaité dans l’éditeur.

Dans l’onglet SLIDER CONTROLS, sélectionner le champ Infos et cliquez sur le bouton + afin de le rajouter.

Vous disposez d’un bouton Preview en bas de fenêtre vous permettant de voir le résultat avant la publication sur une page ou un article.
Pour intégrer un diaporama, vous devrez copier son code court (shortcode) disponible en bas de fenêtre dans l’encart Shortcode : ex. [masterslider id=”1″].

Ex. dans le cas de l’éditeur Gutenberg, vous pouvez utiliser le bloc Code court dédié à cet usage.

Alternative : Smart Slider 3