La grande majorité d’entre vous savent exactement ce qu’est un curseur de contenu.

Après tout, ils sont devenus quelque peu omniprésents dans le monde WordPress – si vous avez choisi cinq thèmes au hasard dans le Dépôt WordPress.org, vous trouverez probablement qu’au moins un d’entre eux possède un curseur intégré. Et ce n’est même pas pour mentionner le nombre important de plugins de slider gratuits et premium disponibles.

Cela dit, vous vous demandez peut-être pourquoi je suis en train de passer en revue un plugin de slider premium. Je me suis brièvement demandé la même chose moi-même, mais j’ai été rapidement convaincu de la raison pour laquelle RoyalSlider mérite pleinement son prix modique. En bref, c’est un plugin fonctionnel bien construit, convivial pour les mobiles qui occuperait une place de choix sur à peu près n’importe quel blog.

Une introduction à RoyalSlider

La première chose qui m’a frappé à propos de RoyalSlider est qu’il est utilisé sur certains sites extrêmement bien conçus, tels que le site officiel Honda CR-V et SilkTricky:

Si je vois un plugin utilisé sur un site aussi joli que celui-ci, je vais le prendre plus au sérieux.

Non seulement cela, RoyalSlider est également un best-seller sur Code Canyon et a une note de cinq étoiles. Tout cela est très impressionnant, mais je tenais à creuser plus profondément et à voir ce que cela avait vraiment à offrir.

En bref, RoyalSlider est une galerie d’images responsive et un curseur HTML. Il offre une énorme flexibilité en termes de contenu que vous pouvez inclure dans les diapositives, et vous pouvez même inclure du contenu dynamique provenant de sources telles que Flickr et 500px.

Plus précisément, il offre une grande variété de fonctionnalités, y compris (mais sans s’y limiter):

  • Navigation tactile pour mobile et ordinateur de bureau
  • Transitions CSS3 accélérées par le matériel pour les appareils
  • Options d’intégration vidéo
  • Chargement paresseux
  • Déplacer ou atténuer les transitions
  • Optimisation SEO
  • 4 skins uniques et modifiables
  • Lecture automatique intelligente (s’arrête au survol, s’arrête à la première action de l’utilisateur)

Lorsque j’ai regardé pour la première fois la démo en direct sur la page d’accueil du plugin, le mot “ responsive ” me vient à l’esprit pour plus d’une raison:

RoyalSlider

Il répond clairement bien aux appareils mobiles, mais il répond également bien général. Les transitions sont fluides, il y a peu de temps de chargement supplémentaire et aucun ralentissement perceptible causé par la présence du plugin. De plus, ça a l’air tellement bien. Ceci est bien sûr dû en grande partie au contenu du curseur lui-même, mais les éléments de navigation et la présentation générale sont difficiles à critiquer.

Regarder de plus près

Maintenant que nous avons bien examiné RoyalSlider en surface, allons dans les tripes et voyons à quel point il est facile à utiliser.

Lors de l’installation du plugin, il se rend disponible via un lien dédié dans la barre latérale, que vous pouvez voir ci-dessous niché entre quelques autres plugins préférés:

Lien de la barre latérale

Il n’y a que deux options de sous-menu, ce qui était encourageant à voir. Trop souvent, des plugins comme celui-ci sont alourdis par un certain nombre de pages de plus en plus déroutantes.

La page des paramètres est remarquablement simple:

Réglages

Comme vous pouvez le voir, il n’y a qu’une poignée d’options à traiter. On serait pardonné à ce stade de penser que RoyalSlider était un plugin assez basique n’offrant que les fonctionnalités les plus simples, mais ce n’est heureusement pas le cas.

Vous apprenez vite que lorsque vous commencez à créer votre premier curseur, cinq options de type de curseur principales vous sont immédiatement présentées:

Types de curseurs

Bien que je n’ai pas eu le temps de me plonger dans tous les types ici, chacun est assez explicite. Vous pouvez extraire du contenu de plusieurs sources (y compris Flickr et 500px susmentionnés, mais aussi du contenu de vos articles WordPress), en créer un à partir d’une galerie d’images WordPress ou opter pour quelque chose de complètement personnalisé.

Pour les besoins de cet article, je vais créer un curseur qui renvoie à une sélection d’articles de mon blog. Une fois que vous avez sélectionné l’option “ Slider from your posts ”, un écran hautement fonctionnel vous est présenté:

Nouveau curseur

Heureusement, le plugin est conçu de telle manière que la richesse des options qui vous sont proposées ne devienne pas écrasante. En termes simples, les options à droite déterminent ce qui se passe dans votre curseur et les options à gauche déterminent à quoi il ressemble.

La première chose que j’ai faite a été de choisir pour mon curseur d’inclure une sélection de 5 articles étiquetés «À propos de moi». J’ai ensuite fait un ajustement esthétique mineur pour m’assurer que les images présentées dans les articles remplissaient le curseur. C’était le résultat final:

Exemple de curseur

Pas mal, non? Mais ce n’est pas vraiment faire rien pour le moment – ce n’est qu’un tas d’images en vedette à partir d’un ensemble de publications. C’est là que les modèles entrent en jeu:

Modèles

Chacun des modèles ci-dessus ajuste le balisage HTML / CSS du curseur et les paramètres personnalisés afin de produire une apparence personnalisée. Par exemple, j’ai sélectionné le quatrième modèle disponible ci-dessus et j’ai obtenu le résultat suivant:

Exemple de curseur

Maintenant, j’ai réussi à extraire les données pertinentes des messages, mais tout est un peu compliqué. Pas de problème – c’est là que même une compréhension rudimentaire du HTML et du CSS vous permettra de personnaliser la diapositive à votre guise.

Tout d’abord, je vais me débarrasser de ces boutons en bas en sélectionnant un modèle différent:

Démo Slider

C’est une amélioration, mais la description du message n’est vraiment pas justifiée et la police du titre est trop grande. Heureusement, nous avons un contrôle complet sur ces éléments via l’option “ Modifier le balisage de la diapositive ”:

Modifier le balisage de diapositive

Cette option nous donne un accès direct aux entrailles du code HTML du curseur, ce qui est beaucoup moins intimidant qu’il n’y paraît:

Annotation du curseur

Pour me débarrasser de la description, je viens de supprimer la ligne en surbrillance ci-dessus, et pour réduire la taille du titre, j’ai changé la balise d’en-tête et ajouté un peu de CSS personnalisé:

Annotation du curseur

Et voici le résultat final:

Démo Slider

Pas mal hein? J’ai été totalement époustouflé par la facilité d’utilisation (et la facilité de personnalisation) de RoyalSlider. Cela vous donne une sensation de contrôle total sur l’apparence, la forme et la fonction des curseurs que vous créez, ce qui est vraiment la clé.

De plus, je n’ai fait qu’effleurer la surface en proposant un type spécifique de curseur ci-dessus – le plugin offre tellement plus.

Vue d’ensemble de la vidéo (un examen encore plus attentif)

Regardez la vidéo ci-dessous pour un aperçu encore plus détaillé du plugin. Voyez comme il est facile d’utiliser le tableau de bord Royal Slider pour créer vos curseurs!

Conclusion

Bien que je sois souvent un champion des plugins gratuits, il ne fait aucun doute que choisir la voie premium est souvent une meilleure solution – en particulier lorsqu’il s’agit de formes de fonctionnalités plus avancées.

Et avec RoyalSlider spécifiquement à l’esprit, la conclusion est assez simple: vous n’allez rien trouver de près de ce niveau de fonctionnalité et de stabilité dans un plugin gratuit. Je préfère de loin l’option de remettre 20 $ pour un produit bien poli que de lutter contre quelque chose qui ne produira jamais le genre de résultat final que je peux attendre de RoyalSlider.

En termes simples, je ne peux pas vraiment reprocher à RoyalSlider – je ne souhaite pas qu’il y ait un élément de fonctionnalité supplémentaire qui n’est pas encore inclus. Mes besoins sont peut-être relativement modestes par rapport à certains, mais je suis convaincu que vous trouverez ce plugin très agréable à utiliser.

Obtenez le plugin

Le plugin est en vente chez CodeCayon. Vous pouvez l’obtenir en cliquant sur le bouton ci-dessous. J’espère que vous apprécierez le plugin et le trouverez utile pour votre site, votre blog ou votre travail client!
Obtenez Royal Slider

Share: