Lamp;rsquoajout damp;rsquoun curseur sur un site Web est un bon choix, car il donne une première impression aux visiteurs. Mais quand avez décidé d’ajouter un curseur sur une page WordPress, comment savez lequel choisir? Pouvez lamp;rsquoutiliser librement? Camp;rsquoest facile à gérer? Pouvez lamp;rsquoinsérer facilement sur votre site Web? La réponse à toutes les questions est oui, camp;rsquoest possible et Smart Slider 3 peut le faire: il est entièrement gratuit, facile à utiliser et bien adapté à votre thème oceanwp. Dans ce tutoriel, je vais montrer comment importer un curseur de présentation, créer votre propre curseur intelligent, et créer un curseur post dynamique en utilisant le thème oceanwp.
Installer Smart Slider 3 pouvez facilement installer Smart Slider 3 lorsque allez au plug in → ajouter du nouveau contenu. Trouvez Smart Slider 3 et installez le.
Une autre option est que pouvez directement à partir du site Web Smart Slider 3, puis . Le curseur intelligent 3 peut alors être activé:
Comment créer la première diapositive? Importer un curseur de présentation est bien, mais je veux montrer comment créer votre propre curseur. Je vais montrer comment construire la première diapositive damp;rsquoun curseur damp;rsquoéchantillon de pleine largeur.
Damp;rsquoabord, je sélectionne la nouvelle option de curseur sur le tableau de bord, puis je sélectionne le mode pleine largeur dans la fenêtre contextuelle.
Jamp;rsquoai réglé la taille du curseur à 1200x600px, puis jamp;rsquoai créé mon propre curseur. Puis jamp;rsquoa i ajouté une diapositive vide avec une couleur de fond de gradient linéaire, et je lamp;rsquoai définie dans lamp;rsquoonglet paramètres de diapositive → arrière plan.
Pour faire des diapositives, jamp;rsquoutiliserai deux modes damp;rsquoédition différents. Lamp;rsquoun damp;rsquoeux est le mode contenu du constructeur de page, où pouvez rapidement créer vos propres diapositives et
Échelle de taille de police.
Maintenant je suis prêt pour la première diapositive. je veux utiliser plusieurs diapositives pour mon curseur, il suffit de copier le curseur et de changer la vidéo ou lamp;rsquoimage et de remplacer le texte, puisque la structure est terminée, je namp;rsquoai pas à commencer par la première étape.
Comment créer un curseur pour les messages en direct sur la page damp;rsquoaccueil? souhaitez mettre en évidence votre billet, il est préférable de faire un curseur dans le billet qui contient les informations les plus importantes: par exemple, le titre du billet, la date et une image qui attirera lamp;rsquoattention des visiteurs et les fera lire. Avec Smart Slider 3, pouvez créer un curseur damp;rsquoédition dynamique à partir damp;rsquoun message afin que votre site puisse survivre, car le curseur change automatiquement si partagez un nouveau message. Je vais montrer un exemple de la façon de le configurer. Après avoir importé le modèle de curseur WordPress post de pleine largeur, j’ajoute une nouvelle diapositive dynamique où je sélectionne l’option publier par filtre.
Je sélectionne une catégorie et je commande par courrier de date. Jamp;rsquoai mis en place 3 diapositives, donc les 3 derniers articles seront affichés dans le curseur de la catégorie sélectionnée.
Donc je lamp;rsquoai sauvegardé et puis je peux personnaliser mon curseur de post.
Par défaut, seuls les titres avec des images de premier plan sont affichés. Mais ce namp;rsquoest pas ce dont jamp;rsquoai besoin, et je veux utiliser le modèle damp;rsquoéchantillon que jamp;rsquoai importé. Vous pouvez le faire en trois étapes: Étape 1: copier la diapositive de lamp;rsquoéchantillon
Étape 2: coller dans une diapositive dynamique
Étape 3: changez lamp;rsquoimage de fond dans lamp;rsquoimage de premier plan et changez dynamiquement.
Et obtenez le thème et lamp;rsquoarrière plan de la diapositive dynamique:
De même, pouvez définir des variables dynamiques pour un calque dans les paramètres du calque. Ainsi, pouvez saisir de nombreuses variables telles que le titre, la date, le contenu
Ou pouvez aussi faire un lien vers le post.
Vous pouvez définir ces variables, par exemple, jamp;rsquoa i défini une couche de texte dynamique pour namp;rsquoafficher que 100 caractères.
Une fois que avez créé votre propre curseur de post dynamique, devez lamp;rsquoinsérer dans le thème oceanwp.
Comment importer un curseur prêt à lamp;emploi? Lorsque activez Smart Slider 3, pouvez aller au menu Smart Slider 3, où verrez le tableau de bord. Vous pouvez ajouter un nouveau curseur ou sélectionner un modèle à partir de la Bibliothèque de modèles à cet endroit. La façon la plus simple de créer un curseur rapidement est damp;rsquoimporter le curseur de présentation.
Smart Slider 3 dispose damp;rsquoun curseur de présentation gratuit que pouvez facilement ajouter à la page. Dans la Bibliothèque templates, pouvez sélectionner le curseur à utiliser en cliquant simplement sur le bouton importer et le sujet sera téléchargé dans le tableau de bord que pouvez personnaliser.
Vous pouvez ajouter plusieurs diapositives au curseur en utilisant la diapositive de présentation après lamp;rsquoajout damp;rsquoun nouveau curseur ou lamp;rsquoimportation damp;rsquoun curseur à partir damp;rsquoun modèle. Cliquez simplement sur le bouton Ajouter une diapositive. Il y a beaucoup damp;rsquooptions pour créer des images vides, des vidéos ou des curseurs, ou pouvez ajouter des curseurs post et dynamiques, ou pouvez choisir de superposer statiquement, ce qui signifie quamp;rsquoil sera toujours au dessus des curseurs et des diapositives et ne changera pas. Par exemple, camp;rsquoest une bonne façon de naviguer.
Vous pouvez également utiliser des diapositives de présentation sur le curseur, et pouvez personnaliser de nombreux modèles préparés. Cliquez sur les options de la bibliothèque et sélectionnez le modèle à utiliser.
Vous pouvez passer damp;rsquoune peau foncée à une peau claire, ou pouvez choisir parmi une catégorie. Après avoir personnalisé la diapositive, pouvez modifier tout, y compris le titre, le texte, les calques et lamp;rsquoarrière plan. Comment insérer un curseur
Mon thème oceanwp? Il est facile de mettre votre diapositive intelligente 3 dans le thème oceanwp: Vous pouvez facilement copier et coller votre diapositive dans un message ou une page en utilisant le Code court du diapositive.
Ou, en utilisant le plug in oceanwp extra dans les paramètres oceanwp, pouvez placer le curseur avant après la barre supérieure, lamp;rsquoen tête, le titre ou le pied de page. Une autre option permet de personnaliser avec un élément ou un autre constructeur de page en utilisant le Widget Smart Slider 3. Comment créer un titre personnalisé en utilisant le curseur intelligent 3? En créant des titres personnalisés, pouvez utiliser le constructeur de page, et je pense que camp;rsquoest la façon la plus simple de le faire. Il suffit damp;rsquoaller au sujet → onglet mes bibliothèques et cliquez sur ajouter du nouveau contenu. (pour les panneaux thématiques, avez besoin du plug in Ocean extra, donc devez ajouter et activer ce plug in recommandé.) utilisez elementor page Builder, sélectionnez elementor Canvas Template dans les propriétés du billet, puis pouvez ajouter un curseur au sujet.
Lorsque êtes prêt à configurer, allez à apparence → personnalisation → titre → menu général et sélectionnez un titre personnalisé. Vous avez maintenant un titre personnalisé. namp;rsquoavez pas de constructeur de page, pouvez également utiliser des raccourcis clavier pour créer des modèles dans le panneau sujet. En installant Smart Slider 3 sur un site WordPress avec un thème oceanwp, pouvez accéder à un ensemble puissant d’outils pour créer du contenu personnalisé pour votre site. utilisez le coupon smartsliderocean30 à la Caisse, bénéficiez maintenant damp;rsquoune réduction de 70% sur smartslider 3 pro. Lamp;rsquooffre est exclusive et le Code de coupon namp;rsquoest disponible que pour une période limitée. Commencez le 10 juillet 2018 et terminez le 17 juillet 2018, puis obtenez rapidement une copie de Smart Slider 3 pro! Le curseur damp;rsquoidées final peut être utilisé de différentes façons et devriez décider
Comment créer des diapositives dynamiques dans oceanwp en utilisant Smart Slider 3?
