Passer de la révolution du curseur au curseur intelligent 3

Publié: 2023-06-08

Pour créer des curseurs, deux plugins très appréciés sont Smart Slider et Slider Revolution. Les deux sont vraiment puissants et vous permettent de créer de superbes curseurs. En revanche, vous pouvez décider de passer au Smart Slider. Cela peut inciter à demander comment passer de Slider Revolution.

Quel est le moyen le plus rapide de faire fonctionner vos curseurs ?

Comment puis-je passer de la révolution du curseur?

Il est essentiel de comprendre les principales différences entre Smart Slider et Slider Revolution avant de commencer la procédure de transfert. Les "niveaux" où vous travaillez sont l'une des variations les plus importantes entre les deux plugins. Un tableau de bord et un éditeur de diapositives sont les deux couches de Slider Revolution.

Chaque module que vous avez créé est affiché sur le tableau de bord. Tout module peut être sélectionné pour accéder à sa configuration. Sur un seul écran, tout se passe. Le panneau de droite où vous modifiez vos calques est également l'endroit où vous pouvez définir votre module, y compris sa taille et sa disposition.

Trois niveaux composent le curseur intelligent - Le tableau de bord est le premier endroit où vous pouvez voir les curseurs que vous avez créés. Vous arrivez sur la page Paramètres du curseur après avoir visité un curseur. Ici, vous pouvez personnaliser le curseur en modifiant ses dimensions, sa conception ou ses commandes.

La liste de vos diapositives se trouve en haut de cette page. Vous devez d'abord accéder à l'éditeur de diapositives pour pouvoir travailler avec des calques. En cliquant sur l'une des diapositives, vous pouvez le faire. Vous pouvez modifier l'arrière-plan de la diapositive ici. Sur cette page, vous pouvez également ajouter et modifier vos configurations de couches.

Il existe des différences significatives entre les deux plugins, même s'ils offrent tous les deux bon nombre des mêmes fonctionnalités.

Par exemple, leurs interfaces utilisateur sont très différentes, ce qui rend difficile la navigation entre elles. Je passerai en revue les différences les plus importantes entre les deux plugins dans ce guide afin que vous puissiez commencer à créer votre slider.

Dans ce blog, nous aborderons ces points donnés :

  • Le curseur intelligent peut-il reconnaître automatiquement le curseur lors de la révolution du curseur ?
  • Votre première création de slider
  • Comment construire un slider ?
  • Comment changer la taille du slider ?
  • Modification de la disposition et du type du curseur
  • Activer et personnaliser la lecture automatique
  • Comment le curseur intelligent gère-t-il les calques ?
  • Couches les plus fréquemment utilisées
  • Comment la couche est-elle conçue ?
  • Ajout d'animations dans les calques
  • Mettre votre slider sur le site
Le curseur intelligent peut-il reconnaître automatiquement le curseur lors de la révolution du curseur ?

Chaque plugin a une méthode unique pour gérer et stocker les données. Pour cette raison, les curseurs que vous avez créés dans un plugin ne seront reconnus ni par Smart Slider ni par Revolution Slider.

Malheureusement, déplacer vos curseurs Slider Revolution manuellement n'est pas une option. Pour utiliser les curseurs que vous avez précédemment générés dans Revolution Slider dans Smart Slider, vous devez les reconstruire.

Votre première création de slider

La fabrication d'un slider est l'une des tâches les plus cruciales d'un programme de slider. Cependant, chaque plugin de curseur a une procédure exacte quelque peu différente. Avant de construire le curseur, ils pourraient, par exemple, demander des informations complémentaires (comme un nom ou des dimensions). Ou, ils peuvent simplement utiliser les paramètres par défaut sans poser de questions.

Comment construire un slider ?

Pour commencer à créer un curseur dans Smart Slider, cliquez sur l'icône Nouveau projet. Le plugin vous invite ensuite à choisir entre partir de zéro et importer un modèle. Vous devez décider du type de curseur que vous souhaitez créer si vous choisissez de repartir de zéro. Vous devez décider du type, de la taille et de la disposition de votre curseur, par exemple.

Slider simple, Block, Showcase et Carousel sont les quatre types de slider proposés par Smart Slider. Le type Slider dans Slider Revolution est équivalent au type Simple. Le bloc et la scène sont identiques. Showcase est ce que Smart Slider appelle le carrousel dans Revolution Slider.

Le type Carousel utilisé par Smart Slider est comparable au type Showcase. La principale distinction est qu'il ne peut afficher que des diapositives non recadrées. Il a également la capacité d'afficher un nombre pair de diapositives.

(IMAGE - carrousels et image de curseur unique)

Comment changer la taille du slider ?

Avant de créer un nouveau curseur, Smart Slider vous invite à spécifier sa taille. Vous pouvez toujours l'ajuster sous l'onglet Taille des paramètres du curseur si nécessaire.

Modification de la disposition et du type du curseur

Avant de générer votre curseur, Smart Slider vous invite à choisir son type et sa disposition. Vous avez la possibilité de les modifier ultérieurement si vous faites le mauvais choix/changez d'avis.

Accédez à l'onglet Taille des paramètres du curseur pour modifier la disposition de votre curseur. Modifiez le type de curseur sous Actions du curseur Modifier le type de curseur si vous avez besoin d'un autre type de curseur.

(Image - curseur avec mises en page)

Activer et personnaliser la lecture automatique

Smart Slider n'a pas par défaut la fonction de lecture automatique activée. Vous devez activer la lecture automatique sous Options du curseur Lecture automatique si vous souhaitez que votre curseur tourne automatiquement. Ici, vous pouvez choisir l'action qui met en pause et reprend les diapositives, ainsi que leur durée.

Comment le curseur intelligent gère-t-il les calques ?

Vous pouvez manipuler les calques dans Slider Revolution d'une manière similaire à celles des éditeurs d'images. Le calque peut être déplacé à volonté sur le canevas. Mais Smart Slider inclut un mode d'édition spécial que nous appelons le placement par défaut. Avec cette édition, vous pouvez manipuler vos calques comme vous le feriez avec un constructeur de page.

Supposons que vous souhaitiez transférer les cinq niveaux qui se trouvent au milieu de votre diapositive vers la gauche. Les calques de Slider Revolution doivent être déplacés un par un. De plus, vous devez prendre soin d'éviter toute modification des distances que vous sélectionnez.

L'ensemble du processus est beaucoup plus facile avec Smart Slider. Vous pouvez modifier l'alignement interne sur l'élément parent de chaque calque plutôt que de déplacer individuellement chaque calque. Toutes les couches glissent vers la gauche sans avoir à se toucher. De plus, chaque espacement sera constant.

Couches les plus fréquemment utilisées

Un en-tête et une couche de texte distincts peuvent être trouvés dans Smart Slider. Un en-tête ou div h1-h6 peut être créé à l'aide du calque d'en-tête.

La couche vidéo est l'autre distinction clé. Une couche vidéo existe dans Slider Revolution. Vous pouvez choisir d'afficher une vidéo HTML, YouTube ou Vimeo sur cette couche. Cependant, chaque vidéo a sa propre couche dans le Smart Slider. Par conséquent, une couche YouTube doit être ajoutée si vous souhaitez afficher une vidéo YouTube.

Comment la couche est-elle conçue ?

En sélectionnant l'onglet Personnaliser dans la fenêtre des calques, vous pouvez personnaliser vos calques. Vous pouvez choisir la couleur, la famille de polices, la taille et le poids de vos messages ici. Vous pouvez également choisir une couleur de fond pour une meilleure lisibilité. Vous pouvez également définir l'option de rayon de bordure dans le menu Style lors de la création d'un bouton pour produire des coins arrondis.

Ajout d'animations dans le calque

Chaque couche dans Smart Slider peut avoir une animation de couche ajoutée. Accédez à l'onglet Animations de la fenêtre des calques pour ajouter une animation à votre calque.

Trois animations différentes peuvent être ajoutées à chaque couche :

Dans – L'animation qui provoque l'affichage de votre calque sur la diapositive.
Boucle – Ce mouvement est continu. Par exemple, vous pouvez l'utiliser pour faire pivoter une image.
Out – Le calque est « caché » à la vue par cette animation, ce qui le rend invisible.

Mettre votre slider sur le site

Il ne vous reste plus qu'à publier votre slider une fois que vous avez fini de le créer. Le shortcode ou le module Gutenberg de votre slider peut être utilisé pour le publier. Le shortcode de votre curseur se trouve dans l'onglet Général de la fenêtre Paramètres du curseur.

Certains des constructeurs de pages les plus appréciés, tels que Divi ou Elementor, ont également un plugin Smart Slider. Veillez à échanger tous vos anciens curseurs avec les nouveaux lorsque vous quittez Slider Revolution.

Conclusion

Les excellents outils de création de curseurs incluent Smart Slider et Slider Revolution. Mais ils diffèrent considérablement en termes d'interface utilisateur, de noms et d'emplacements de la fonctionnalité et d'autres facteurs.

La conversion manuelle de vos curseurs est une entreprise énorme et difficile. Espérons que cette instruction vous permettra de passer plus facilement de Revolution Slider.