Blog d'élémenteur gratuit et widget de grille de publication

Blog Posts est un widget gratuit Master Addons qui affiche les publications, les pages ou tout type de publication personnalisé dans une grille, une liste, une disposition en maçonnerie ou un carrousel Choisissez Classique ou Cartes, choisissez l'un des sept styles de cartes ou sept styles de liste, et configurez jusqu'à 4 colonnes par appareil Filtrez la requête par catégorie, balise, auteur ou messages exclus, ajoutez des onglets de filtre de catégorie et stylisez la vignette, le titre, la méta, le contenu, Lire la suite et la pagination Cela fonctionne avec la version gratuite d'Elementor.

Comment ajouter une grille de messages de blog dans Elementor

Vous avez besoin d'Elementor et du plugin gratuit Master Addons de WordPress.org.

  1. Vérifiez que le blog est activé ci-dessous Additions maîtresses, widgets.
  2. Dans l'éditeur Elementor, recherchez Articles de blog et faites-le glisser sur la page.
  3. Dans Options d'affichagechoisissez la présentation du blog, le type de blog et le nombre de colonnes.
  4. Définissez Source, Type de publication et Posts Par Page, puis activez Pagination si vous en avez besoin.
  5. Dans Paramètres des publications, choisissez quelle méta et quel extrait montrer, et dans Paramètres avancés filtrer par catégorie, tag ou auteur.
  6. Stylez la vignette, le titre, la méta et Lire la suite dans l'onglet Style.

Pour une procédure pas à pas complète sur la page de blog, lisez Comment créer une page de blog avec Elementor. Chaque paramètre est répertorié dans le Blog Postes widget paramètres.

Options d'affichage des articles de blog avec la disposition du blog, le type de blog et les listes de disposition des cartes à côté d'une grille de cartes postales à deux rangées

Grille, liste, maçonnerie et aménagements de carrousels

Mise en page du blog est classique ou cartes. Type de blog est-ce que la disposition de grille, la disposition de liste ou la disposition de maçonnerie Les cartes dans une grille offrent sept styles : par défaut, chevauchement de contenu, méta en haut à gauche, cartes d'alignement à droite, cartes d'alignement central, BG de dégradé d'alignement central et carte de bannière La liste en compte sept autres, de la liste classique à l'arrière-plan de vignette de liste. Ensemble Nombre de Colonnes de 1 à 4 pour chaque appareil, et allumer Activer le carrousel? pour afficher les mêmes messages qu'un curseur.

  • Espacement des lignes, espacement des colonnes et alignement du contenu.
  • Titre HTML Tag et un Post Meta Separator personnalisé.
  • Curseur carrousel ou Coverflow avec lecture automatique, boucle et six types de navigation.

Publier des onglets de filtre de requête et de catégorie

Définir Source aux derniers messages pour créer votre propre requête, ou à la requête actuelle sur les modèles d'archive afin que le widget suive la catégorie, la balise, la date ou l'auteur en cours de visualisation Choisissez le type de message, les messages par page, le nombre total de messages, la commande postale et la commande par, qui comprend la date, le titre, la dernière modification, le nombre aléatoire et le nombre de commentaires. Dans Paramètres avancés(traduire), filtrer par catégorie, balise ou auteur, exclure les publications, décaler le début et ignorer les publications autocollantes.

  • Catégorie Filter Tabs ajoutez des onglets cliquables au-dessus d'une grille ou d'une liste Ils filtrent les messages déjà sur la page sans rechargement, et ne sont pas disponibles avec le carrousel.
  • Pagination affiche les pages numérotées avec votre propre texte Suivant et Précédent.
  • Liens dans New Tab ouvre les publications dans un nouvel onglet du navigateur.
Articles de blog Paramètres avancés avec filtres de catégorie, de balise et d'auteur et paramètres de publication basculent à côté d'une liste de publications à deux colonnes
Articles de blog Paramètres de vignettes avec ajustement des vignettes, position, animation de vol stationnaire et liste d'effets de couleur à côté des cartes postales

Effets de vignettes et post-méta

Dans Paramètres de vignetteschoisissez la résolution de l'image, une coupe miniature de paysage, de carré, de couverture, de remplissage ou de contenu, une hauteur min et max en option et la position miniature. Ajoutez une animation de survol d'élément, l'une des 16 Effets de couleur tels que Zoom In, Grey Scale, Blur, Sepia, Shine ou Circle, et a Forme d'ongle: Encadré, Diagonal, Bordé, Dégradé Bordé ou Carrés L'onglet Style ajoute une couleur de superposition et des filtres CSS.

  • Afficher ou masquer le titre, l'auteur, l'avatar de l'auteur, la date, les catégories, les balises et le nombre de commentaires.
  • Afficher le contenu complet ou un extrait avec une longueur définie, se terminant par trois points ou un lien Lire la suite.
  • Publiez des méta-icônes et des icônes de format de publication.

Blog Post Carrousel

Avec Activer le carrousel? sur, le Paramètres du carrousel donnez-vous une disposition Carrousel ou Coverflow, Autoplay avec vitesse, Pause sur Hover, Diapositives pour faire défiler, Boucle, Diapositive centrale, Curseur de prise, Mode sans traînée et Vitesse d'animation Le Navigation la section propose des flèches et des points, des flèches et des fractions, des flèches, des points, des progrès ou aucun, avec un placement de flèche à l'intérieur ou à l'extérieur et une option Masquer la flèche sur mobile.

  • A“Dernières publications” slider sur la page d'accueil.
  • Une ligne de publications associées filtrée par balise à la fin d'un article.
  • Styles Normal, Hover et Active pour chaque diapositive.
Articles de blog Paramètres du carrousel avec options de lecture automatique et de diapositives à côté d'une seule diapositive de publication avec flèche de navigation
Blog Posts paramètres de pagination et panneau de style pagination à côté d'un article avec des liens de page numérotés

Style de pagination

Allumez Pagination pour diviser une grille ou une liste en pages numérotées, définissez le texte de la page suivante et le texte de la page précédente, et alignez les liens à gauche, au centre ou à droite La section de style Pagination définit la typographie, le texte et les couleurs d'arrière-plan pour les numéros de page normaux, en vol stationnaire et actifs, ainsi que la bordure et le rayon Le widget n'a pas de bouton Charger plus ou de défilement infini.

  • Définissez Posts Per Page et un Nombre total de Posts pour limiter le nombre de pages qui apparaissent.
  • Donnez au numéro de page actuel sa propre couleur.
  • Faites correspondre les liens de la page à vos boutons avec les paramètres de bordure et de rayon.

Articles Elementor Pro contre articles de blog Master Addons

Free Elementor n'a pas de widget de publications Elementor Pro a le widget Posts plus Loop Grid et Loop Carousel Voici comment ils se comparent avec ce widget gratuit.

CaractéristiqueÉlémenteur ProArticles du blog Master Addons
PrixBesoins d'Elementor ProGratuit
DispositionsSkins classiques, cartes ou contenu complet ; Loop Grid utilise votre propre modèle de carteClassique ou Cartes en Grille, Liste ou Maçonnerie, avec 7 styles de cartes et 7 styles de liste
Colonnes1 à 61 à 4, par appareil
CarrouselWidget de carrousel en boucle séparéActiver Carousel ? basculer dans le même widget
PaginationNuméros, Précédent/Suivant, Charger sur Click ou Infinite ScrollPages numérotées avec texte Suivant et Précédent
Filtre frontalWidget de filtre de taxonomie pour Loop GridCatégorie Filtrer les onglets pour les messages sur la page
Effets vignettesFiltres CSS pour normal et vol stationnaire16 effets de couleurs, 5 formes, animation de survol et filtres CSS
Modèles d'archivesRequête ActuelleRequête Actuelle

Elementor Pro est le meilleur choix lorsque vous avez besoin de Load More, d'un défilement infini ou d'une carte entièrement personnalisée construite comme modèle de boucle Les articles de blog conviennent aux sites Elementor gratuits qui souhaitent des styles de cartes prêts à l'emploi, des effets de vignettes et un carrousel sans widgets supplémentaires. Pour faire défiler les titres, voir le News Ticker widget.

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Grille de poteaux d'atelier sombre
Grille de poteaux d'atelier sombre
Liste des postes horizontaux
Liste des postes horizontaux
Cartes postales décalées
Cartes postales décalées
Bannières de poteaux à superposition large
Bannières de poteaux à superposition large
Lignes de poteaux de carte qui se chevauchent
Lignes de poteaux de carte qui se chevauchent
Cartes postales superposées décalées
Cartes postales superposées décalées
Cartes de superposition d'images complètes
Cartes de superposition d'images complètes
Grille de poteaux de carte flottante
Grille de poteaux de carte flottante
Disposition des cartes
Disposition des cartes

Foire aux questions pour le blog

Découvrez les requêtes les plus demandées par les utilisateurs sur Blog et trouvez des réponses en un seul endroit.
Le widget Articles de blog est-il gratuit ?

Oui. Blog Posts fait partie du plugin gratuit Master Addons, y compris les styles de carte et de liste, le carrousel, les onglets de filtre et la pagination, et il fonctionne avec Elementor gratuit.

Oui. Définissez la source sur les derniers messages et choisissez n'importe quel type de publication publique dans la liste déroulante Type de message. Sur les modèles d'archive, utilisez plutôt Current Query afin que le widget suive l'archive consultée.

Nombre de Colonnes peuvent être définies par appareil, de sorte que vous pouvez utiliser 3 colonnes sur le bureau, 2 sur la tablette et 1 sur mobile Régler l'Ajustement de l'ongle de pouce à la couverture avec une hauteur fixe garde les images égales.

Afficher le contenu active ou désactive la zone de texte Avec Afficher l'extrait activé, le widget affiche un extrait découpé de la longueur que vous définissez (55 mots par défaut) au lieu du texte intégral Les extraits conservent les cartes même dans une grille.

Comment fonctionnent les onglets de filtre de catégorie ?

Lorsqu'il est activé, les onglets pour les catégories des messages chargés apparaissent au-dessus de la grille ou de la liste Cliquer sur un onglet filtre ces messages en place sans rechargement Il filtre uniquement les messages de la page actuelle, et il n'est pas disponible avec le carrousel.

No. Pagination utilise des liens de pages numérotées avec le texte Suivant et Précédent Si vous avez besoin de Load More ou d'un défilement infini, le widget Posts d'Elementor Pro propose les deux.

Oui. Définissez la source sur la requête actuelle et le widget affiche les publications de la catégorie, de la balise, de la date ou de l'archive de l'auteur consultée, en utilisant la mise en page et les styles choisis.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails