X

Comment créer correctement un slider multimédia dans WordPress

comment créer un slider multimédia dans wordpress

Vous voulez ajouter un curseur multimédia à votre site WordPress ?

Ajouter un curseur multimédia accrocheur à votre site est un excellent moyen d'attirer l'attention de vos visiteurs. À votre curseur, vous pouvez ajouter des vidéos, des images, des boutons, ou tout ce que vous voulez pour engager votre public.

Cependant, les curseurs sont connus pour affecter le temps de chargement des pages d'un site web.

Dans ce tutoriel, nous allons vous montrer comment utiliser un curseur multimédia sur votre site web, sans compromettre vos performances.

Ajouter un curseur multimédia à WordPress sans affecter la vitesse

Ajouter un curseur multimédia à votre site web est facile. Tout ce que vous avez à faire est d'installer un plugin de curseur, de l'activer sur votre site, et de commencer à en créer un.

Bien qu'il existe plusieurs plugins de curseur WordPress disponibles sur le marché WordPress, nous vous recommandons d'utiliser le plugin Soliloquy pour obtenir les meilleurs résultats.

Slider_par_Soliloquy

Voici pourquoi nous recommandons Soliloquy par rapport à ses concurrents :

  • Soliloquy est conçu en pensant aux performances du site, vous pouvez donc être assuré que vos curseurs n'auront pas d'impact négatif sur le temps de chargement de votre site web.
  • Il vous permet de créer des curseurs entièrement réactifs qui sont tout aussi beaux sur ordinateur, mobile et tablette.
  • C'est aussi un plugin convivial pour les débutants, ce qui signifie que même si vous n'avez jamais créé de curseur auparavant, vous pourriez en créer un avec Soliloquy rapidement et facilement.

Consultez notre avis complet sur Soliloquy.

Jetons un coup d'œil à comment utiliser Soliloquy pour ajouter des curseurs multimédias à votre site web.

Étape 1 : Installation de Soliloquy dans WordPress

La première étape consiste à installer et activer le plugin Soliloquy. Vous pouvez le trouver dans le répertoire des plugins WordPress en allant dans l'onglet Plugins » Ajouter.

Voici un guide étape par étape sur comment installer et activer un plugin sur votre site WordPress.

Étape 2 : Ajouter des fichiers multimédias à votre curseur

Une fois activé, il est temps de créer vos curseurs. Commençons par ajouter des fichiers multimédias à vos curseurs.

Pour ajouter des fichiers multimédias à votre curseur, allez dans Soliloquy » Ajouter nouveau sur votre tableau de bord WordPress.

Vous devez maintenant donner un titre à votre curseur. Ensuite, cliquez sur le bouton Sélectionner des fichiers depuis votre ordinateur pour télécharger les images de votre curseur.

nouveau slider dans soliloquy

Si vous souhaitez choisir les images de votre médiathèque, ou insérer une diapositive HTML, vous devez cliquer sur le bouton qui indique Sélectionner des fichiers depuis d'autres sources.

Dans ce tutoriel, sélectionnons quelques images depuis votre ordinateur. Vous pouvez voir tous vos fichiers téléchargés en faisant défiler votre écran un peu vers le bas.

fichiers de slider soliloquy

Tout comme pour l'ajout de fichiers image, vous pouvez également ajouter d'autres fichiers multimédias, comme des vidéos. Pour ajouter des fichiers vidéo, vous devez cliquer sur Sélectionner des fichiers depuis d'autres sources

vidéos soliloquy

Cliquez maintenant sur Insérer des diapositives vidéo sur votre gauche.

soliloquy vidoes

Vous pouvez maintenant ajouter un titre pour votre vidéo, puis utiliser le bouton Télécharger des médias pour télécharger vos vidéos.

Ajout d'un curseur vidéo

Pour ajouter d'autres curseurs vidéo, cliquez simplement sur le bouton Ajouter une autre diapositive vidéo.

Étape 3 : Modifier vos fichiers multimédias avec Soliloquy

Une fois que vous avez ajouté vos fichiers, il est temps de les modifier. Regardons d'abord les images.

Si vous souhaitez supprimer un fichier image, vous pouvez le faire en cliquant sur la croix au-dessus de votre fichier.

fichiers de slider soliloquy

Cliquez sur l'icône crayon si vous souhaitez ajouter un titre, des balises alt, des légendes, etc.

Modifier_Curseur_Soliloque

Vous trouverez également une option pour ajouter une URL à votre diapositive et activer l'ouverture de l'image dans une nouvelle fenêtre. N'oubliez pas de cliquer sur le bouton Enregistrer une fois que vous avez terminé.

Une fois que vous avez ajouté les détails de l'image, vous pouvez ajuster les options de configuration de base.

Onglet de configuration Soliloque

Vous y verrez plusieurs onglets tels que :

  • Configurer
  • Mobile
  • Divers

Si vous utilisez la version gratuite, vous ne pouvez utiliser que l'onglet Configurer.

Dans cet onglet, vous pouvez définir un thème de curseur, modifier les dimensions de vos curseurs, ajouter une transition de curseur, travailler sur la vitesse et la durée de la transition.

ajout d'un curseur multimédia

Dans l'onglet Mobile, vous pouvez travailler à rendre vos curseurs attrayants sur les appareils mobiles en ajoutant des dimensions personnalisées.

Soliloquy

Dans l'onglet Divers, vous avez des options pour activer le support RTL (langues de droite à gauche comme l'arabe), ajouter du CSS, exporter/importer vos curseurs, etc.

ajout de curseurs multimédias dans wp

Donc, en fonction de vos besoins, vous pouvez travailler sur les paramètres. Pour les vidéos, cependant, vous pouvez ajouter vos balises alt et vos légendes juste en dessous du fichier.

Ajout d'un curseur vidéo

Étape 5 : Publication de vos curseurs avec Soliloquy

Une fois tous les fichiers correctement modifiés, vous pouvez cliquer sur le bouton Publier sur la droite. Vous trouverez le shortcode du curseur juste à côté du bouton de publication. Copiez-le et placez-le dans vos articles, pages, types de publication personnalisés, ou partout où vous souhaitez l'intégrer.

Soliloque publier des curseurs

Et voilà. Votre curseur sera maintenant affiché sur vos articles.

revue soliloque

N'est-ce pas facile ? Nous espérons que cet article vous aidera à apprendre comment ajouter des curseurs multimédias à votre site Web sans affecter la vitesse de votre page. Mais si vous souhaitez découvrir d'autres plugins de curseurs, consultez notre critique sur Smart Slider 3 et Envira Gallery.

De plus, vous pouvez consulter notre guide sur les meilleurs plugins de galerie pour ajouter de magnifiques galeries d'images à votre site WordPress.

Si vous souhaitez ajouter une galerie Instagram à votre site, consultez notre tutoriel sur Comment intégrer un flux Instagram dans WordPress.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !