skip to Main Content

Comment ajouter un slider à votre blog WordPress à l’aide du plugin HG Slider

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

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

Avec plus de 554.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 ont toujours fait partie des blogs. La raison en est qu’ils permettent non seulement d’afficher plusieurs informations dans une zone relativement réduite du blog, mais également, ils rendent ce dernier beaucoup plus dynamique (avec des animations conviviales).

hg-slider-ban

Il y a de cela quelques jours, je vous ai montré comment créer des slider avec le plugin premium Revolution Slider. Dans ce tutoriel, je vous montrerai comment ajouter un slider à votre blog WordPress à l’aide du plugin « HG Slider ».

Comment installer et configurer le plugin HG Slider

C’est bien évidemment la première chose à faire. Vous pouvez le faire depuis votre tableau de bord pour ne pas perdre du temps.

hg-slider-installation-tableau-debord

Vous pouvez aussi télécharger le plugin sous forme de fichier zip depuis WordPress.org.

Monstroid : Le thème WordPress le plus Polyvalent

Découvrez "ONE", l'offre de TemplateMonster qui vous permet de Télécharger plus de 8500 thèmes et plugins WordPress pour le prix de $19/mois seulement !!! [ Recommandé ]

Comment personnaliser le slider

Ce plugin ne dispose pas d’une interface de configuration pour choisir les différents templates des sliders, mais propose une autre section où il est possible de créer autant de templates que possible pour vos différents slider. Il vous suffit de cliquer sur « Add New Slider » pour créer un nouveau template.

add-new-slider

Sur cette nouvelle page également, vous pouvez fournir un titre et définir quelques options applicables au slider notamment :

  • L’affichage ou non de l’extrait et du titre (Hide Title/Excertps)
  • Le format des images
  • L’ordre d’affichage des slides
  • L’animation et les différentes vitesses
  • La direction des animations
  • Le template du slider

créer-un-template-personnalisé

Une fois que c’est fait, enregistrez votre nouveau template.

Comment créer et administrer les slides

Pour administrer les différents slides disponibles, vous devez cliquer sur le menu « Slides ».

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]

slides-menu-plugin-hd-slider

En cliquant dessus, vous accèderez à la page où sont enregistré tous les différents slides. Pour créer un nouveau slider, vous devez cliquer sur le bouton « Add new Slide »

ajouter-un-nouveau-slideSur cette nouvelle page qui est en réalité un « Custom Post Type », vous pouvez enregistrer un titre, un extrait, une url et une image à la une pour votre slide. La section « Attributs » vous permet de définir la priorité entre les slides.

creation-slider-hg-slider

Remarque : Dans la section « Slide Settings », vous devez cocher le slug du template ou attacher le slide (le template créé plutôt). C’est absolument nécessaire d’effectuer cela, sinon vos sliders n’afficheront rien.

reglages-sliders

Comment afficher le slider dans une page/article

Pour ajouter un slider dans une page/article, vous devez accéder au menu « All Sliders » et récupérer le shortcode des différents sliders que vous souhaitez afficher, et l’utiliser dans une page ou un article de votre blog.

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. [GRATUIT]

Vous pouvez désormais consulter votre blog question de voir comment le slider s’affiche.

demo-slider-hg

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

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
Partagez2
Tweetez
Enregistrer1
WhatsApp