Comment ajouter un Curseur d’image sur le site WordPress?
Voulez-vous ajouter un curseur d’image sur le site WordPress? Les curseurs sont couramment utilisés sur la première page du site Web pour mettre en évidence les contenus importants, les nouvelles vitales, les images sympas, les annonces, etc. Ils fournissent non seulement une exposition à vos contenus Web et augmentent les conversions de clics, mais rendent également votre site Web visuellement attrayant. Plus que cela, un curseur d’image avec des images et des effets attrayants a tendance à garder la main sur vos visiteurs pendant une plus longue période de temps et à diminuer le taux de rebond de votre site Web.
Slider, étant un composant important pour un site Web, est intégré / inclus dans la plupart des modèles WordPress premium. Cependant, si le thème que vous utilisez sur votre site Web n’a pas d’options de curseur intégrées ou a celui avec des fonctionnalités limitées, vous pouvez utiliser les plugins de curseur WordPress disponibles.
En parlant de plugins slider, vous pouvez en trouver des centaines avec diverses fonctionnalités et fonctionnalités. Cependant, tout le curseur peut ne pas être bon et peut avoir un impact sur la vitesse de votre site Web s’ils ne sont pas bien optimisés. De plus, nous avons entendu certains de nos utilisateurs dire que la plupart des plugins slider sont compliqués à utiliser.
Donc, en gardant ces choses à l’esprit, nous avons testé l’un des plugins WordPress slider riches en fonctionnalités – WP1 Slider et vous montrerons comment ajouter un curseur d’image en l’utilisant.
Création d’une Diapositive d’image À l’aide Du Curseur WP 1
Étape 1: Installation et Activation
Télécharger WP 1 Slider à partir de WordPress.org gratuitement. Ensuite, installez-le sur votre site Web WordPress. Si vous rencontrez des difficultés lors de l’installation du plugin, vous pouvez vous référer à sa documentation.
Après avoir terminé l’installation du plugin, activez-le.
Étape 2: Ajouter un nouveau curseur
Une fois l’installation du plugin terminée avec succès, vous verrez « WP 1 Slider » dans le menu de gauche de la zone d’administration de votre site. Cliquez dessus pour continuer.
Vous atterrirez sur la page de liste « All WP 1 Slider » qui contient la liste de tous les curseurs que vous avez créés à partir du plugin. Vous pouvez modifier / supprimer l’un d’entre eux selon vos besoins. En outre, vous pouvez utiliser les shortcodes pour ajouter les curseurs prédéfinis sur n’importe quelle page, publication ou type de publication personnalisée de votre site Web WordPress.
Pour ajouter un nouveau slider, cliquez sur le bouton « Ajouter un nouveau » disponible en haut de la page.
Étape 3: Ajouter des diapositives d’image
Vous serez dirigé vers la page « Ajouter un nouveau curseur WP 1 ». Il contient tous les paramètres pour créer, personnaliser et configurer les curseurs pour votre site Web WordPress.
Avant de parcourir les paramètres, donnez le nom approprié à votre nouveau slider.
Ensuite, cliquez sur « Ajouter une diapositive d’image ».
Vous pouvez ajouter des images illimitées sur votre curseur. Alors, choisissez n’importe quel nombre de curseur d’image selon vos besoins.
Chaque diapositive d’image vous permettra d’ajouter le titre et la description. En outre, vous pouvez afficher le bouton sur votre curseur et ajouter du texte et une URL personnalisés pour diriger votre audience à partir du bouton du curseur.
Étape 4: Sections de paramètres
Après avoir ajouté le nombre requis de diapositives d’image pour votre curseur, descendez ci-dessous dans « Paramètres généraux ». Il contient 4 sections de paramètres différentes pour personnaliser et configurer votre curseur d’image. La section paramètres comprend:
i) Paramètres du curseur:
Ici, vous pouvez activer / désactiver l’ombre de la boîte de curseur.
Si vous avez choisi d’activer l’ombre de boîte, sélectionnez l’un des 2 types d’ombre de boîte. Vous pouvez afficher l’aperçu du type d’ombre de boîte.
ii) Paramètres de légende:
À partir de là, vous pouvez ajouter des légendes pour votre curseur d’image. Choisissez l’un des 4 types de légende pré-disponibles pour afficher votre légende de la manière la plus appropriée.
Ensuite, définissez la taille et la couleur de police personnalisées pour le titre et la description. Choisissez également la position la plus favorable pour afficher votre légende.
iii) Paramètres du téléavertisseur:
Ici, vous pouvez choisir l’un des 3 types de pager pour le curseur, c’est-à-dire point, vignette et pagination.
Si vous choisissez le pager de points, vous pouvez sélectionner l’un des 4 types de disposition des points et personnaliser sa couleur d’arrière-plan et sa couleur active.
Pour les vignettes, 10 mises en page prédéfinies sont disponibles. Vous pouvez également définir le nombre, la largeur et la hauteur de votre vignette.
iv) Paramètres de la flèche de navigation:
Ici, vous pouvez sélectionner l’une des 7 flèches de navigation pré-disponibles pour votre curseur.
Étape 5: Options du curseur
Après avoir personnalisé les paramètres généraux de votre curseur, accédez à la section Options du curseur.
Cette section de paramètres vous permettra de définir la largeur, la vitesse, la pause, la lecture automatique, la transition, les contrôles et la réactivité de votre curseur.
Étape 6: Faites vivre votre Curseur d’image
Puis, cliquez sur « Publier » pour faire vivre votre curseur sur votre site Web.
Étape 7: Ajoutez un curseur via l’utilisation du Shortcode
Après cela, copiez les shortcodes générés à partir de l’utilisation du WP1S pour ajouter le curseur d’image où vous le souhaitez sur le site Web.
En terminant
De cette façon, vous pouvez ajouter un curseur d’image réactif sur votre site Web WordPress en quelques minutes. Un curseur contenant des images sympas peut augmenter considérablement le taux d’engagement du site Web. Donc, si vous souhaitez créer et ajouter un curseur d’image, vous pouvez acheter le plugin mentionné ci-dessus à un prix raisonnable et suivre ce tutoriel.
Vous pouvez également consulter la collection de:
- 5 Meilleurs Plugins WordPress Slider Gratuits Comparés
- 5+ Meilleurs Plugins WordPress Slider (Liste Premium)