Comment créer facilement un slider WordPress réactif avec Soliloquy

Les curseurs sont couramment utilisés sur la première page des sites Web d’entreprises ou de portefeuilles. Il existe des centaines de plug-ins de curseur WordPress, chacun avec ses propres fonctionnalités. Cependant, nos utilisateurs nous ont dit que la plupart des plug-ins de curseur étaient trop compliqués pour eux. Dans cet article, nous allons vous montrer comment ajouter facilement un curseur WordPress sur votre site avec Soliloquy. Le but ici est de trouver le meilleur plugin de curseur WordPress, facile à utiliser, compatible avec tous les thèmes et réactif, ce qui signifie qu'il s'adapte à tous les écrans (smartphones, ordinateurs de bureau et tablettes)..

Pourquoi utiliser Soliloquy comme slider WordPress??

Soliloquy est un plugin de curseur WordPress réactif robuste, riche en fonctionnalités, et il est assez facile à gérer. Voici quelques-unes des choses que nous aimons à propos de Soliloquy par rapport aux autres plugins:

• Soliloquy adhère aux normes de codage WordPress et aux meilleures pratiques.
• Il utilise un type de publication personnalisé pour gérer les curseurs, ce qui facilite l’importation / exportation de curseurs avec n’importe quelle solution WordPress Backup..
• Il est prêt à 100% pour la traduction, ce qui est idéal pour un public international.
• C'est SEO friendly. Vous pouvez ajouter des métadonnées, des titres, du texte alternatif et des légendes à chaque diapositive.
• Le tri par glisser-déposer optimisé par Ajax le rend très facile à utiliser.
• Curseur WordPress réactif avec prise en charge du balayage tactile pour les appareils tactiles, tels que les smartphones et les tablettes.
• Adapté aux développeurs avec une excellente documentation et plus de 50 crochets et filtres. Vous pouvez facilement le mettre en marque blanche si nécessaire.

En dehors de toutes les fonctionnalités, Soliloquy est assez abordable par rapport aux autres plugins de curseur. L'option de base est seulement 19 $. Les utilisateurs de WPBeginner bénéficient d’une réduction exclusive de 25% en utilisant le coupon Soliloquy, ce qui rend la transaction encore meilleure. Utilisez le code: WPBEGINNER.

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

Créer un slider WordPress avec Soliloquy

La première chose à faire est d’acheter Soliloquy. Une fois que vous avez Soliloquy, vous devez l’installer et l’activer (voir comment installer un plugin WordPress). Lors de l'activation, le plugin ajoutera un nouveau menu Soliloquy dans votre administrateur WordPress. En cliquant dessus, vous accédez à la page de liste des curseurs qui sera vide car vous n'avez pas encore créé de curseurs. Pour ajouter un nouveau curseur, cliquez sur le bouton Soliloquy »Ajouter un nouveau.

Vous voulez commencer par ajouter votre titre de curseur. Cliquez ensuite sur Télécharger des diapositives bouton. Une fenêtre contextuelle, un peu comme l’éditeur de média WordPress par défaut, apparaîtra. Vous pouvez télécharger des images pour votre diapositive, choisir des images dans une bibliothèque multimédia, ajouter des diapositives vidéo en ajoutant des URL à des vidéos YouTube ou Vimeo ou créer une diapositive HTML..

Pour ajouter une vidéo sous forme de diapositive, vous devez téléverser votre vidéo sur YouTube ou Vimeo (lisez pourquoi vous ne devriez jamais téléverser une vidéo sur WordPress). Une fois que vous avez l'URL de la vidéo, collez-la simplement et Soliloquy se chargera du reste..

En ce qui concerne les diapositives HTML, vous devez coller le code HTML. Ce code HTML pourrait être tout ce que vous voulez. Un exemple serait d’ajouter un formulaire d’inscription par courriel à votre bulletin d’information ou un bouton d’appel à l’action..

Dans cet article, nous allons vous montrer comment créer un curseur d'image dans WordPress. Clique sur le Sélectionnez les fichiers télécharger des diapositives à partir de votre ordinateur.

Une fois que vous avez sélectionné les diapositives, elles seront téléchargées dans votre bibliothèque multimédia. Cliquer sur Insérer des diapositives bouton pour ajouter ces diapositives dans votre curseur. Après avoir inséré vos diapositives, vous pouvez configurer d’autres options sur la page Ajouter un nouveau curseur. Bien que vous puissiez ajuster la taille du curseur par défaut, la capacité de réponse lui permet de s’ajuster automatiquement pour les écrans plus petits. La taille par défaut est le point relatif lorsque votre curseur s’ajuste sur différents périphériques..

Parmi d'autres options, vous pouvez choisir la vitesse du curseur, l'effet d'animation de la diapositive, l'effet de transition, etc. Une fois que vous êtes satisfait des paramètres, cliquez sur le bouton Publier pour enregistrer votre curseur et le rendre public..

Ajouter un curseur WordPress dans Posts / Page

Maintenant que vous avez créé votre curseur, l'étape suivante consiste à l'insérer dans un message ou une page. Ouvrez l'éditeur de publication, sélectionnez l'emplacement où vous souhaitez ajouter le curseur et cliquez sur le bouton Ajouter un curseur bouton à côté de l'utilitaire de téléchargement multimédia.

Vous verrez des boîtes pour chaque curseur que vous avez créé. Choisissez le curseur que vous souhaitez insérer, puis cliquez sur Insérer un curseur bouton.

Cela va ajouter un shortcode de curseur dans votre message. Vous pouvez maintenant sauvegarder ou prévisualiser votre message et voir le curseur en action.

Modification et mise à jour d'un slider WordPress avec Soliloquy

L'avantage de créer un curseur WordPress avec Soliloquy est que vous pouvez modifier votre curseur à tout moment sans modifier le message ou la page où vous avez inséré le curseur. Cliquez simplement sur l’icône Soliloquy dans la barre latérale de votre administrateur, puis cliquez sur le lien Modifier situé sous le curseur que vous souhaitez mettre à jour..

Modifions maintenant le curseur que nous avons créé ci-dessus. N'oubliez pas que nous vous avons dit que les curseurs créés avec Soliloquy sont compatibles avec le référencement. Vous pouvez ajouter des méta-descriptions, des titres, des URL et des légendes à vos diapositives. Cliquez sur le bouton Modifier en regard d'une diapositive individuelle dans votre curseur..

Cela ouvrira une fenêtre contextuelle dans laquelle vous pourrez entrer le titre de l'image, le texte de remplacement, lier votre diapositive à une URL et entrer une légende. Vous pouvez également utiliser HTML dans votre légende si vous souhaitez ajouter un formulaire d'inscription à la newsletter. Une fois que vous avez entré les méta-informations de la diapositive, cliquez sur le bouton Enregistrer la diapositive..

Vos modifications seront automatiquement reflétées dans le curseur, où qu’il soit intégré à votre site..

Ajout de slider WordPress Soliloquy dans les modèles et les widgets

Soliloquy est livré avec un widget que vous pouvez utiliser pour ajouter un curseur dans n’importe quelle zone widgetized de votre site Web. Aller à Apparence »Widgets et glissez-déposez le widget Soliloquy dans votre barre latérale. Vous verrez la liste des diapositives que vous avez créées. Choisissez celui que vous souhaitez insérer et enregistrez le widget. Puisque les curseurs créés avec Soliloquy sont réactifs, ils s’ajusteront automatiquement à la largeur de votre barre latérale..

Chaque curseur Soliloquy a son propre shortcode et une fonction. Vous pouvez utiliser cette fonction pour ajouter le curseur n'importe où dans vos fichiers de modèle de thème. Pour obtenir le code de fonction, cliquez sur l’icône Soliloquy dans votre administrateur WordPress. Ceci affichera la liste des curseurs que vous avez créés avec le code court et la fonction à côté du titre du curseur. Copier et coller le code de fonction en conséquence.

Dernières pensées

Soliloquy est l’un des meilleurs plugins pour curseurs WordPress que nous ayons vus sur le marché. Faites-nous confiance, nous en avons testé beaucoup. Après avoir beaucoup utilisé Soliloquy, nous sommes vraiment impressionnés par sa vitesse et sa puissance..

La plupart des plugins de curseur sont surchargés de code et sont mal documentés. Le soliloque est léger et rapide. Il est conçu pour les utilisateurs et les développeurs. Ils ont fait un excellent travail pour suivre toutes les normes WordPress tout en rendant le curseur extrêmement facile à utiliser pour les débutants. Leur documentation de code permet aux autres développeurs de personnaliser et d’étendre les fonctionnalités au besoin..

Nous pouvons facilement dire que Soliloquy est devenu notre choix n ° 1 pour un plugin de curseur WordPress.

Nous espérons que cet article vous a aidé à ajouter un curseur dans votre site WordPress. Pour les commentaires et les questions s'il vous plaît laissez un commentaire ci-dessous. N'oubliez pas de nous suivre sur Twitter @wpbeginner.