Blog
Votre blog est la voix de votre marque L'élément d'articles de blog Master Addons est un moteur complet de conception et de requête pour votre contenu Allez au-delà des grilles de base Choisissez entre des mises en page de grille élégantes ou des affichages de carrousel dynamiques et interactifs Filtrez les articles par catégorie, auteur ou balise Contrôlez exactement quelles méta infos montrent, stylisez chaque élément de la superposition de vignettes aux boutons de pagination et créez une expérience de lecture qui maintient les visiteurs engagés Que vous construisiez un portail d'actualités, un blog de portfolio ou un centre de ressources, cet élément vous donne le pouvoir de présenter votre contenu de manière stratégique et magnifique.
Dispositions flexibles et modes d'affichage
Commencez par définir comment vos publications seront arrangées Sélectionnez une Mise en page de Blog : une Mise en page classique de Grille ou de cartes modernes avec des variantes comme Content Overlap, Top Left Meta, ou Banner Card Ensuite, décidez du Type de Blog : une Mise en page statique de Grille ou un Carrousel interactif Si vous choisissez une grille, définissez le Nombre de Colonnes (de 1 à 6) et l'Espacement des Colonnes Pour un carrousel, débloquez une suite de commandes d'animation fluides Ce choix fondateur vous permet de faire correspondre la mise en page à l'objectif de votre page : une grille dense pour les archives, un carrousel élégant pour le contenu vedette.
- Plusieurs préréglages de mise en page : choisissez parmi les cartes, le chevauchement de contenu, la carte de bannière et d'autres mises en page stylisées.
- Grille vs Carrousel : Affichez les poteaux dans une grille statique et réactive ou un carrousel coulissant et animé.
- Contrôle des colonnes : définissez le nombre exact de colonnes pour la disposition des grilles et ajustez la gouttière avec l'espacement des colonnes.
Requête et filtrage de publications intelligentes
Prenez le contrôle total sur les publications qui apparaissent Définissez le nombre total de publications et de publications par page Choisissez la commande par (date, titre, etc.) et commandez (croissant/décroissant).Utilisez des filtres puissants pour organiser le contenu : sélectionnez des catégories, des balises ou des auteurs spécifiques Excluez des publications spécifiques ou définissez un nombre de publications décalées pour ignorer les dernières publications « X ». Vous pouvez même activer les onglets de filtre de catégorie au-dessus de la grille, permettant aux visiteurs de filtrer eux-mêmes le contenu par catégorie, transformant ainsi votre blog en une ressource dynamique pilotée par l'utilisateur.
- Filtrage avancé : incluez ou excluez des publications par catégorie, étiquette, auteur ou identifiants de publication spécifiques.
- Tri personnalisé : commandez les publications par date, titre, nombre de commentaires ou autres paramètres.
- Onglets de filtre avant-arrière : ajoutez des onglets de catégorie interactifs sur lesquels les utilisateurs peuvent cliquer pour filtrer la grille en temps réel.
- Contrôle de pagination : divisez les longues listes en pages avec un nombre de publications par page personnalisable.
Style d'image miniature
L'image de la publication est un crochet visuel majeur Contrôlez sa résolution d'image et comment elle s'adapte à son conteneur avec un ajustement de vignette (Cover, Contain).Appliquez un rayon de bordure pour créer des coins arrondis ou des images circulaires Ajoutez une superposition colorée sur le vol stationnaire ou en permanence Utilisez des filtres CSS pour des effets comme le gris ou le flou Choisissez parmi les formes de vignettes et appliquez des animations Hover (comme le zoom ou le fondu).Vous pouvez même définir une hauteur personnalisée pour toutes les vignettes afin d'appliquer une grille uniforme et polie.
- Image Fit & Crop : Utilisez Cover pour créer des blocs d'image uniformes ou Contain pour afficher des images complètes sans recadrer.
- Effets de survol : Appliquez des animations de zoom, de fondu ou d'effet de couleur lorsque les utilisateurs survolent une publication.
- Couleurs de superposition : ajoutez une superposition de couleurs semi-transparente sur les images pour améliorer la lisibilité du texte.
- Personnalisation de la forme : allez au-delà des rectangles avec des formes personnalisées pour vos vignettes.
Paramètres avancés de carrousel et de navigation
Lorsque vous activez le type de blog Carousel, vous gagnez un ensemble complet de commandes interactives Activez la lecture automatique et réglez sa vitesse Choisissez Diapositives à faire défiler et activez Boucle pour un défilement infini Ajoutez une navigation contrôlée par l'utilisateur avec des flèches entièrement stylables (positionnez-les à l'intérieur, à l'extérieur ou centrées) et éventuellement une barre de défilement Activez Grab Cursor pour une sensation tactile et faites une pause sur Hover pour une meilleure convivialité Cela transforme vos articles de blog en une bobine de surbrillance attrayante et interactive.
- Comportements professionnels du carrousel : contrôlez la vitesse de lecture automatique, la boucle, la vitesse d'animation et les diapositives pour faire défiler.
- Options de navigation multiples : utilisez des boutons fléchés, une barre de défilement ou les deux pour le contrôle de l'utilisateur.
- Considérations mobiles : option pour masquer la flèche sur mobile pour une expérience d'écran tactile plus propre.
- Fonctionnalité interactive : des fonctionnalités telles que Grab Cursor et Center Slide (pour un élément actif ciblé) améliorent l'engagement.
Style de pagination
Pour les mises en page de grille avec de nombreux articles, la pagination professionnelle est la clé L'élément comprend des contrôles de style pour les boutons de pagination Vous pouvez styliser le numéro de page et les boutons de navigation, en contrôlant probablement leur Typographie, Couleur, Arrière-plan, Bordure, et Active état pour correspondre à la conception globale de votre grille de blog Cela crée une expérience transparente et polie pour les utilisateurs naviguant à travers plusieurs pages de votre contenu.
- Langage de conception cohérent : la pagination de style ressemble à une extension naturelle de votre grille de blog.
- Effacer l'état actif : concevez le numéro de page actuellement actif pour qu'il soit visuellement distinct.
- Amélioration de la convivialité : une pagination bien conçue encourage les visiteurs à explorer davantage votre contenu.
Foire aux questions pour le blog
Puis-je utiliser cela pour afficher un type de publication personnalisé (comme Portfolio ou Produits) ?
Oui. Dans les Paramètres des publications ou les Paramètres avancés, il devrait y avoir une option pour sélectionner le Type de publication Vous pouvez le changer de la “Post” par défaut à n'importe quel type de publication personnalisé enregistré (comme “portfolio” ou “product”). Cela rend l'élément incroyablement polyvalent pour présenter n'importe quel type de contenu sur votre site.
Puis-je rendre la carte de blog entière cliquable, pas seulement le bouton titre ou lire la suite ?
En règle générale, le Titre est lié par défaut Pour rendre l'ensemble de la carte cliquable, vous devrez souvent ajouter JS personnalisé pour lier l'intégralité du conteneur Certains widgets de blog offrent une option “Whole Box Link”, mais s'il n'est pas présent ici, il nécessite un simple extrait JS personnalisé.
Comment puis-je donner une bonne apparence à la grille sur toutes les tailles d’écran ?
Le paramètre Nombre de colonnes est réactif Vous pouvez définir différents décomptes de colonnes pour le bureau, la tablette et le mobile dans le mode d'édition réactif d'Elementor. Par exemple, définissez 4 colonnes sur le bureau, 2 sur la tablette et 1 sur le mobile. De plus, assurez-vous que Thumbnail Fit est défini sur“Cover” pour des blocs d'images cohérents.
Quelle est la différence entre “Show Content” et “Show Excerpt” ?
- Afficher le contenu : affiche le contenu complet de la publication de l'éditeur, qui peut être très long.
- Afficher l'extrait : affiche un résumé court et prédéfini Vous pouvez définir la longueur de l'extrait (par exemple, 55 mots) Il est préférable d'utiliser des extraits dans les dispositions de grille pour garder les cartes uniformes et bien rangées.
Comment fonctionne la fonctionnalité “Category Filter Tabs” ?
Lorsqu'il est activé, il lit les catégories des publications de votre requête et les affiche sous forme de boutons interactifs (onglets) au-dessus de la grille Cliquer sur un onglet filtre instantanément la grille pour afficher uniquement les publications de cette catégorie, sans recharger la page C'est une fonctionnalité UX fantastique pour les sites au contenu diversifié.
Le carrousel convient-il à un grand nombre de postes ?
Oui, surtout avec Loop activé Cependant, pour les performances avec un très grand nombre de messages (comme 50+), la disposition de la grille avec pagination ou “Load More” pourrait être meilleure Le carrousel est idéal pour présenter 5 à 15 articles en vedette ou récents.
Puis-je utiliser différentes mises en page sur la même page ?
Absolument. Vous pouvez placer plusieurs widgets Blog Post sur une seule page, chacun avec sa propre requête, sa propre mise en page (une grille, un carrousel) et son propre style. Ceci est parfait pour créer un carrousel de “Featured Posts” en haut et une grille de “All Posts” en dessous.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
