skip to Main Content

Comment afficher un slider « Creative Image Slider » sur WordPress

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Les sliders ne sont pas tous compatibles avec les thèmes WordPress, c’est la raison pour laquelle vous avez le choix. Dans nos précédents tutoriels, je vous ai montré comment ajouter un slider sur votre blog. En fonction de votre thème, vous choisirez celui qui s’affiche le mieux.

creative-image-ban

Aujourd’hui encore, je vous propose une autre alternative qui vous permettra d’ajouter un slider sur WordPress.

Comment installer le plugin « Creative Image Slider »

C’est bien sûr la première chose à faire afin d’utiliser le plugin. Comme vous le savez probablement, vous pouvez le faire depuis votre tableau de bord, mais vous pouvez également télécharger le plugin sous forme de fichier zip.

creative-image-slider-installation-tableau-de-bord

Après avoir installé et activé le plugin, un nouveau menu « Creative Image Slider » s’ajoutera à votre tableau de bord.

Comment créer un nouveau slider

Cliquez sur son sous-menu « Sliders », et vous accéderez à la page qui affiche tous les sliders ainsi que leur différentes shortcodes qui vous permettront d’afficher ces derniers dans des pages/articles.

Pour créer un nouveau slider, vous devez cliquer sur le bouton « New ».

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

ajouter-un-nouveau-slider

Sur cette nouvelle page, principalement constituée de deux colonnes, une sur la gauche avec tous les détails de votre slider et à droite avec l’aperçu en direct de ce dernier, vous pouvez personnaliser votre slider notamment :

Dans la section « Basic Settings »

  • Fournir les noms, la catégorie et le statut du slider
  • Dans la section « Slider Options »
  • Définir la largeur, sa hauteur, les effets au clic, les couleurs en arrière-plan, les marges intérieures et extérieures.

basic-options-slider-options

Dans la section « Arrow Options »

Ici vous avez la possibilité de personnaliser les flèches de navigation du slider, notamment :

  • Son template
  • Sa largeur
  • Sa proximité aux bordures du slider
  • Son opacité

Dans la section « Overlay Options »

Cette section vous permet de modifier le revêtement (ce bloc qui recouvre chaque slide afin d’afficher ses détails). Vous pouvez notamment personnaliser :

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

  • Son animation
  • Sa couleur
  • Son opacité
  • Alignement de son contenu
  • La couleur de son texte
  • La taille de sa police

overlay-options-arrow-options

La section « Buttons Options »

Cette section rassemble l’ensemble des options qui vous permettent de personnaliser les boutons (le texte, l’ajustement, l’alignement, les dimensions, les icônes).

La section « Moving and AutoPlay »

Ici, il s’agit de personnaliser les différentes durées. Notamment, la durée du déplacement d’un slide, la durée de vie des slides (la période pendant laquelle ils sont visibles), la durée de vie après un survol de la souris pour réactiver le slider, etc.

button-options-moving-and-autoplay

La grande section « Popup Options »

Rassemble un ensemble d’options sur la fenêtre modale qui s’affiche lorsque l’on tente d’ouvrir une image en cliquant dessus.

Vous pouvez notamment configurer :

  • Sa largeur maximale et minimale
  • Son opacité et des bordures
  • Ses icônes
  • Et la lecture automatique en mode « Preview ».

réglages-popup-options

N’oubliez pas de récupérer le shortcode de chaque slider, afin de l’afficher sur une page/article ou un widget.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

Avant de nous quitter

Comme vous avez pu le remarquer, la version gratuite du plugin ne vous autorise qu’à créer un seul slider. Vous pouvez profiter d’une version illimitée à partir de 12 € seulement.

Vous pouvez consulter sur la même page la démonstration du plugin.

C’est tout pour ce tutoriel sur l’intégration d’un slider à votre blog WordPress. N’hésitez pas à partager l’astuce avec vos amis sur vos réseaux sociaux préférés.

Cet article comporte 0 commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
3 Partages
Partagez1
Tweetez
Enregistrer2