Tutoriel du thème Avada : Comment concevoir des articles de blog interactifs avec Avada Post Slider

en utilisant Thème AvadaSi vous souhaitez ajouter de l'interactivité et de l'attrait visuel à une page de blog, l'outil Slider de l'article est un très bon choix. Cet article explique en détail comment utiliser l'élément Avada (utilisé comme expression nominale) Slider de l'article pour créer de magnifiquesSlider des articles de blogLa présentation du contenu d'une manière plus attrayante.

Qu'est-ce que l'élément Post Slider ?

Avada's Slider de l'article Element est un widget fourni par Avada Builder qui affiche les articles de blog d'un site web sous la forme d'un curseur dynamique. Grâce à lui, les utilisateurs peuvent consulter différents articles de blog en glissant sans quitter la page en cours, ce qui améliore l'expérience de l'utilisateur.

Il propose trois options de mise en page différentes :

1. Messages avec titre: Seul le titre de l'article est affiché.
2. Articles avec titre et extrait (mise en page du titre et de l'extrait): Affiche le titre de l'article et un court extrait.
3. Disposition des pièces jointes: affichant les mêmes informations que l'article ou que l'articlepage webImage associée.

Comment utiliser l'élément Post Slider ?

1) Ajouter l'élément Post Slider

Ouvrez l'éditeur de pages du site web. Dans Avada Builder, trouvez l'élément Slider de l'article et faites-le glisser jusqu'à la zone que vous souhaitez afficher. Il est possible de déplacer l'élément Slider de l'article remplace les autres éléments de présentation du contenu du blog sur la page.

2. définir les options de mise en page

Post Slider offre trois options de mise en page différentes pour répondre aux différents besoins de présentation du contenu :

• Messages avec titreLa présentation la plus simple est celle qui montre chaque pièce de l'appareil à l'intérieur de l'appareil.blog (mot d'emprunt)Le titre de l'article est placé au-dessus de la barre de défilement.
• Articles avec titre et extraitCette mise en page comprend, outre le titre de l'article, un court extrait de l'article. Cette mise en page convient aux articles plus longs et permet au lecteur d'avoir un aperçu rapide du contenu général de l'article lorsqu'il le prévisualise.
• Disposition des pièces jointesCette mise en page affiche principalement les images attachées aux articles. Lorsque vous téléchargez des images lors de l'édition d'un article, ces images sont affichées dans la barre de défilement.

3. personnaliser le contenu des articles affichés

• Sélectionner une catégorieLe curseur des articles : Par défaut, le curseur des articles affiche les articles de toutes les catégories. Cependant, vous pouvez choisir de n'afficher que les articles de catégories spécifiques afin de vous assurer que le curseur n'affiche que les articles pertinents pour le contenu que vous souhaitez présenter.

• Réglage du nombre de diapositivesVous pouvez choisir le nombre d'articles à afficher. Par exemple, si vous souhaitez afficher un seul article, vous pouvez définir le nombre de diapositives à 1à partir de laquelle l'effet est plus proche d'un module statique.

4. ajuster la longueur des extraits d'articles

en choisissant Articles avec titres et extraits La mise en page permet également d'ajuster le nombre de mots de l'extrait d'article. Par défaut, la longueur de l'extrait est de 35 mots, mais elle peut être réduite si nécessaire pour 15-16 pour que l'extrait soit concis et facile à lire.

5. mise en page de l'annexe et traitement de l'image

Si vous choisissez Aménagement de l'annexevous pouvez ajouter une image à l'article à l'aide de la fonction Slider de l'article Permet d'afficher les images sous forme de diaporama. Cette option est particulièrement utile pour les pages qui doivent afficher des images de produits ou des portfolios de projets. Il est également possible d'afficher ces images sous forme de Boîte à lumière pour s'ouvrir, offrant ainsi une meilleure expérience de visionnage.

6. affichage du schéma de contrôle

L'une ou l'autre disposition peut être ajustée en modifiant le paramètre margeetClasse CSS peut-être ID pour personnaliser davantage la présentation. Par exemple, vous pouvez augmenter l'espacement au bas de la barre de défilement pour rendre la mise en page plus coordonnée.

résumés

L'élément Post Slider d'Avada est un outil flexible et polyvalent qui permet de présenter les articles de blog d'une manière esthétiquement agréable. Qu'il s'agisse d'un titre épuré, d'une présentation détaillée avec un extrait ou d'une pièce jointe mettant en valeur une image, c'est un excellent moyen de pimenter les pages de votre blog. Pour plus de tutoriels et d'informations sur WordPress, suivez les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.