Comment créer des diapositives dynamiques dans oceanwp en utilisant Smart Slider 3?
L’ajout d’un curseur sur un site Web est un bon choix, car il donne une première impression aux visiteurs. Mais quand vous avez décidé d’ajouter un curseur sur une page WordPress, comment savez – vous lequel choisir? Pouvez – vous l’utiliser librement? C’est facile à gérer? Pouvez – vous l’insérer facilement sur votre site Web? La réponse à toutes les questions est oui, c’est 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 vous 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 vous pouvez facilement installer Smart Slider 3 lorsque vous allez au plug – in → ajouter du nouveau contenu. Trouvez Smart Slider 3 et installez – le. Une autre option est que vous pouvez télécharger directement à partir du site Web Smart Slider 3, puis télécharger. 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 vous montrer comment créer votre propre curseur. Je vais vous montrer comment construire la première diapositive d’un curseur d’échantillon de pleine largeur.
D’abord, 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. J’ai réglé la taille du curseur à 1200x600px, puis j’ai créé mon propre curseur. Puis j’a i ajouté une diapositive vide avec une couleur de fond de gradient linéaire, et je l’ai définie dans l’onglet paramètres de diapositive → arrière – plan. Pour faire des diapositives, j’utiliserai deux modes d’édition différents. L’un d’eux est le mode contenu du constructeur de page, où vous pouvez rapidement créer vos propres diapositives et
Échelle de taille de police. Maintenant je suis prêt pour la première diapositive. Si je veux utiliser plusieurs diapositives pour mon curseur, il suffit de copier le curseur et de changer la vidéo ou l’image et de remplacer le texte, puisque la structure est terminée, je n’ai pas à commencer par la première étape.
Comment créer un curseur pour les messages en direct sur la page d’accueil? Si vous 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 l’attention des visiteurs et les fera lire. Avec Smart Slider 3, vous pouvez créer un curseur d’édition dynamique à partir d’un message afin que votre site puisse survivre, car le curseur change automatiquement si vous partagez un nouveau message. Je vais vous 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. J’ai 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 l’ai 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 n’est pas ce dont j’ai besoin, et je veux utiliser le modèle d’échantillon que j’ai importé. Vous pouvez le faire en trois étapes: Étape 1: copier la diapositive de l’échantillon Étape 2: coller dans une diapositive dynamique Étape 3: changez l’image de fond dans l’image de premier plan et changez dynamiquement.
Et obtenez le thème et l’arrière – plan de la diapositive dynamique: De même, vous pouvez définir des variables dynamiques pour un calque dans les paramètres du calque. Ainsi, vous pouvez saisir de nombreuses variables telles que le titre, la date, le contenu
Ou vous pouvez aussi faire un lien vers le post. Vous pouvez définir ces variables, par exemple, j’a i défini une couche de texte dynamique pour n’afficher que 100 caractères. Une fois que vous avez créé votre propre curseur de post dynamique, vous devez l’insérer dans le thème oceanwp. Comment importer un curseur prêt à l’emploi? Lorsque vous activez Smart Slider 3, vous pouvez aller au menu Smart Slider 3, où vous 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 d’importer le curseur de présentation.
Smart Slider 3 dispose d’un curseur de présentation gratuit que vous pouvez facilement ajouter à la page. Dans la Bibliothèque templates, vous 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 vous pouvez personnaliser. Vous pouvez ajouter plusieurs diapositives au curseur en utilisant la diapositive de présentation après l’ajout d’un nouveau curseur ou l’importation d’un curseur à partir d’un modèle. Cliquez simplement sur le bouton Ajouter une diapositive. Il y a beaucoup d’options pour créer des images vides, des vidéos ou des curseurs, ou vous pouvez ajouter des curseurs post – et dynamiques, ou vous pouvez choisir de superposer statiquement, ce qui signifie qu’il sera toujours au – dessus des curseurs et des diapositives et ne changera pas. Par exemple, c’est une bonne façon de naviguer.
Vous pouvez également utiliser des diapositives de présentation sur le curseur, et vous 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 d’une peau foncée à une peau claire, ou vous pouvez choisir parmi une catégorie. Après avoir personnalisé la diapositive, vous pouvez modifier tout, y compris le titre, le texte, les calques et l’arriè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, vous pouvez placer le curseur avant \/ après la barre supérieure, l’en – tête, le titre ou le pied de page. Une autre option vous 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, vous pouvez utiliser le constructeur de page, et je pense que c’est la façon la plus simple de le faire. Il suffit d’aller au sujet → onglet mes bibliothèques et cliquez sur ajouter du nouveau contenu. (pour les panneaux thématiques, vous avez besoin du plug – in Ocean extra, donc vous devez ajouter et activer ce plug – in recommandé.) Si vous utilisez elementor page Builder, sélectionnez elementor Canvas Template dans les propriétés du billet, puis vous pouvez ajouter un curseur au sujet. Lorsque vous êtes prêt à configurer, allez à apparence → personnalisation → titre → menu général et sélectionnez un titre personnalisé. Vous avez maintenant un titre personnalisé. Si vous n’avez pas de constructeur de page, vous 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, vous pouvez accéder à un ensemble puissant d’outils pour créer du contenu personnalisé pour votre site. Si vous utilisez le coupon smartsliderocean30 à la Caisse, vous bénéficiez maintenant d’une réduction de 70% sur smartslider 3 pro. L’offre est exclusive et le Code de coupon n’est 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 d’idées final peut être utilisé de différentes façons et vous devriez décider