Jouez avec Elementor et découvrez les astuces cachées de Post Carousel !

Nous pouvons facilement mettre en œuvre l'effet de rotation des articles sans Elementor Pro. L'installation Elementor répondre en chantant Compléments essentiels vous pouvez ajouter un affichage coulissant du module d'article sur la page, très approprié pour les "derniers articles", les "recommandations populaires" et d'autres affichages de contenu. Vous trouverez ci-dessous les étapes détaillées, les débutants peuvent également se lancer rapidement !

Jouez avec Elementor et découvrez les astuces cachées de Post Carousel !
Jouez avec Elementor et découvrez les astuces cachées de Post Carousel !

I. Installation des plug-ins nécessaires

Pour mettre en œuvre la fonction de rotation des messages, vous devez d'abord installer les deux plugins gratuits suivants :

  1. Installer Elementor (version gratuite)
    Connectez-vous au backend de WordPress
    Allez dans "Plugins" → "Installer des plugins".
    Recherchez "Elementor", cliquez sur "Installer maintenant", puis sur "Activer".
  2. Installation des modules complémentaires essentiels pour Elementor
    Continuez à chercher "Essential Addons for Elementor" sur la page des plugins
    Cliquer sur "Installer" et l'activer
    Ce plugin ajoute de nombreux composants utiles à Elementor, dont le "Post Carousel".
Image [2] - Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 2 : Activer le composant Post Carousel

  1. Sur le côté gauche du backend, cliquez sur Essential Addons → Elements
  2. Trouvez "Post Carousel" dans la liste.
  3. S'assurer que l'interrupteur est en position de marche
Image [3] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 3 : Insérer dans la pagetournerassemblages

  1. Ouvrez une page ou créez-en une nouvelle et cliquez sur "Edit with Elementor".
  2. Cliquez sur le signe "+" dans le coin supérieur gauche après le chargement de la page pour ajouter un nouveau paragraphe.
  3. Saisissez "EA Post Carousel" dans le champ de recherche de composants situé à gauche.
  4. Faites glisser le "Carrousel de messages EA" vers une zone vide de la page.
Image [4] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 4 : Définir les sources de contenu des articles

  1. Cliquez sur le carrousel de posts que vous venez d'ajouter et le panneau de configuration apparaît sur le côté gauche.
  2. Passer aux options "Contenu" → trouver les paramètres "Requête".
Image [5] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !
  1. Sélectionnez la source de l'article dans le champ "Source", par exemple Poste(Articles, pages, produits ou manuels.
Image [6] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !
  1. Filtrer les auteurs, les catégories, les tags selon les besoins
  2. Vous pouvez exclure des articles spécifiques dans "Exclure".
  3. Définir le nombre de messages affichés par page (Messages par page)
  4. Sélectionner la méthode de tri (dernière version, aléatoire, par titre, etc.)
Image [7] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 5 : Mise en placeouverture (jargon des échecs)Style d'affichage

  1. Dans "Paramètres de mise en page", choisissez d'afficher ou non le contenu suivant : image, titre, résumé, informations sur l'auteur.
  2. Vous pouvez définir la taille de l'image et le nombre de mots à afficher dans le résumé.
  3. Ajuster la position et le style d'affichage des méta-informations (Meta)
Image [8] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 6 : Définir l'effet de rotation

  1. Développer "Paramètres du carrousel"
  2. Choisissez le style d'animation de la rotation dans Effect : Slide, Fade, Cube, Coverflow ou Flip.
  3. Réglage du nombre d'articles par écran dans la rotation (articles visibles)
  4. Réglage de l'espacement des éléments et de la hauteur de l'image
  5. Activez la fonction "Autoplay" et réglez la vitesse.
  6. Les fonctions suivantes peuvent être activées ou désactivées :
    • Pause au survol
    • Boucle infinie
    • Style du curseur de saisie (curseur de saisie)
  7. Définir la navigation : flèches uniquement, points de pagination uniquement, ou les deux
Image [9] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 7 : Mise en placelien (sur un site web)

  1. Recherchez l'option de réglage "Lien".
  2. Contrôle si les liens suivants sont activés :
    • Cliquez sur l'image pour sauter
    • Titre cliquez pour sauter
    • Cliquez sur le bouton "Lire la suite" pour y accéder.
Image [10] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Huitième étape :embellissementStyles de rotation

  1. Passez à l'onglet Styles
  2. Défini dans "Post Style" :
    • Icône de survol de la souris
    • couleur de fond
    • Couleur du masque de la vignette
    • Styles de bordure et effets d'ombre
Image [11] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !
  1. Défini dans "Couleurs et typographie" :
    • Polices, couleurs, alignement pour le titre, les méta-informations, les résumés
    • Styles pour les flèches de navigation et les sauts de page
Image [12] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

Étape 9 : Enregistrer

Cliquez sur le bouton "Mettre à jour" dans le coin inférieur gauche de la page pour enregistrer les paramètres.

Image [13] - Jouez à Elementor ! Déverrouillez la version cachée de Post Carousel Shenanigans !

résumés

Avec le module Post Carousel du plugin Essential Addons, nous n'avons pas besoin d'acheter Elementor Pro, nous pouvons également créer une belle rotation d'articles. Il est facile à utiliser, pratique et adapté à la recommandation de la page d'accueil, à la sélection des catégories, à l'affichage des articles populaires et à d'autres scénarios.


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
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.
© Déclaration de reproduction
Cet article a été écrit par zzzzr
LA FIN
Si vous l'aimez, soutenez-le.
félicitations127 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires