Heeded »
Progress Tracker
ToC = Table des matières de cet article
Index = Index de notre base de connaissances Elementor
Options de l'onglet Contenu
Peau
L'option « Peau » dans Élémentorc'est Archive de publications Le widget vous permet de sélectionner le style de conception global de vos listes de publications. Ce paramètre modifie la façon dont les publications sont affichées, offrant différentes mises en page comme le classique, les cartes ou le contenu complet. Choisissez un skin qui correspond au design de votre site.
Colonnes
Le paramètre « Colonnes » détermine le nombre de publications affichées dans chaque ligne. Pour un grille mise en page, choisissez entre une à six colonnes. Ce paramètre est crucial pour organiser votre contenu de manière visuellement attrayante, en particulier sur des écrans plus grands.
Position de l'image
Le 'Image Position' vous permet de décider où placer le l'image sélectionnée dans votre message. Des options telles que « Haut », « Gauche », « Droite » et « Aucun » offrent une flexibilité dans la conception de la mise en page de votre publication. Ce paramètre améliore l’attrait visuel et la structure de mise en page de vos publications.
Maçonnerie
La disposition de la maçonnerie dispose les poteaux dans une position optimale en fonction de l'espace vertical disponible, comme un maçon installant des pierres dans un mur. Activez cette option pour créer une mise en page visuellement intéressante et dynamique pour vos listes de publications, particulièrement efficace pour les publications contenant des images de différentes tailles.
Résolution de l'image
Ce paramètre ajuste la qualité des images dans vos publications. Choisissez une résolution plus élevée pour des images plus nettes, mais faites attention aux temps de chargement. Une résolution inférieure est plus rapide à charger mais moins nette. Équilibre entre qualité et performance en fonction des besoins de votre public.
Rapport d'image
Le « Rapport d'image » contrôle le rapport hauteur/largeur des images publiées, déterminant leur proportion largeur/hauteur. Les ratios courants incluent 16:9, 4:3 et 1:1. Ce paramètre est essentiel pour conserver une cohérence et une harmonie dans la présentation visuelle de vos images.
Largeur de l'image
Ajustez la « Largeur de l'image » pour spécifier la largeur de vos images de publication. Cela contrôle l'espace occupé par l'image dans chaque publication, vous permettant de créer une mise en page équilibrée et harmonieuse. Tenez compte de la conception globale et de la lisibilité lors du réglage de ce paramètre.
Titre
L'option « Titre » bascule l'affichage des titres des articles dans vos archives. L'activation de cette option améliore la lisibilité et fournit un contexte à vos lecteurs. Utilisez-le pour rendre vos messages facilement navigables et informatifs.
Balise HTML de titre
Ce paramètre vous permet de définir le Balise HTML pour les titres de vos articles, tels que H1, H2, H3, etc. Choisir la bonne balise est crucial pour Référencement et l'accessibilité. H1 est généralement utilisé pour le titre principal, avec H2 et H3 pour les sous-sections.
Extrait
Bascule « Extrait » pour afficher un résumé de chaque publication de vos archives. Cette fonctionnalité donne aux lecteurs un aperçu rapide du contenu de la publication, encourageant ainsi un engagement accru. Les extraits doivent être concis et intrigants.
Durée de l'extrait
Ici, vous définissez le nombre de mots dans le extrait du message. Une longueur plus courte fournit un bref aperçu, tandis qu'une longueur plus longue offre plus de détails. Ajustez cela en fonction de la quantité de contenu d'aperçu que vous souhaitez montrer à vos lecteurs.
Appliquer à un extrait personnalisé
Activez cette option si vous disposez d'extraits personnalisés pour vos publications. Cela garantit que vos extraits créés manuellement sont utilisés au lieu de ceux générés automatiquement, ce qui permet un meilleur contrôle sur le contenu présenté à vos lecteurs.
Métadonnées
Les métadonnées contrôlent l'affichage des métadonnées de la publication (comme l'auteur, la date, les commentaires). Basculez des éléments individuels pour les afficher/masquer et personnaliser la présentation de vos archives.
Séparateur entre
Séparateur entre vous permet de choisir un caractère ou un symbole à placer entre les éléments de métadonnées, améliorant ainsi la lisibilité.
Lire la suite
Le "Lire la suite" La bascule ajoute un lien vers le message complet. Activez-le pour encourager les utilisateurs à explorer le contenu en profondeur.
Lire la suite du texte
Lire la suite Texte vous permet de personnaliser le texte du lien Lire la suite, offrant ainsi une flexibilité adaptée au ton de votre site.
Aligner automatiquement les boutons
Cette option ajuste automatiquement l'alignement des boutons « Lire la suite » en fonction de la longueur du contenu. Activer un attrait visuel cohérent.
Ouvrir dans une nouvelle fenêtre
L'activation de « Ouvrir dans une nouvelle fenêtre » ouvre les liens « Lire la suite » dans un nouvel onglet du navigateur, ce qui est utile pour garder les visiteurs sur votre page d'origine.
Pagination
La pagination ajoute une navigation par page à vos archives, permettant aux utilisateurs de parcourir plusieurs pages de publications.
Limite de pages
Page Limit définit le nombre maximum de pages dans votre pagination. Ajustez pour contrôler la navigation des utilisateurs dans votre contenu.
Raccourcir
Shorten limite la quantité de texte affiché à partir de chaque publication, gardant ainsi vos archives concises et bien rangées.
Alignement
Le paramètre « Colonnes » détermine le nombre de publications affichées dans chaque ligne. Pour une disposition en grille, choisissez entre une à six colonnes. Ce paramètre est crucial pour organiser votre contenu de manière visuellement attrayante, en particulier sur des écrans plus grands.
Pagination individuelle
La pagination individuelle fournit une pagination distincte pour chaque article, améliorant ainsi la navigation pour des archives étendues.
Message Rien n'a été trouvé
Personnalisez le « Message rien trouvé » pour afficher un message personnalisé lorsqu'aucune publication ne correspond aux critères d'archivage.
Options de l'onglet Style
Écart entre les colonnes
Ajustez l'espace entre les colonnes. Faites glisser pour augmenter ou diminuer l’écart, ou saisissez une valeur spécifique pour un espacement précis. Idéal pour structurer la mise en page de vos publications d'archives pour un aspect propre et organisé.
Écart de lignes
Contrôlez l'espacement entre les rangées de messages. Utilisez le curseur pour modifier l'espace ou saisissez directement une valeur pour obtenir un espacement exact. Ce paramètre permet de créer une archive de publications bien espacée et visuellement attrayante.
Alignement
Alignez vos publications dans les archives. Les options incluent l’alignement à gauche, au centre et à droite. Choisissez la solution la mieux adaptée au langage de conception de votre site Web et améliorez la lisibilité.
Rayon de la bordure de l'image
Définissez la rondeur des coins de vos images de publication. Faites glisser pour une courbure subtile ou des valeurs plus élevées pour une apparence plus arrondie. Ce choix stylistique peut adoucir votre design et le rendre plus attrayant visuellement.
Espacement des images
Définissez l'espace entre l'image et le contenu de la publication. Ajustez pour créer un aspect équilibré, en veillant à ce que les images complètent le texte sans le surcharger.
Filtres CSS d'image (normal et survol)
Ajoutez des filtres CSS à vos images de publication. Les options « Normal » affectent l'état par défaut, tandis que « Survol » change lorsque la souris passe sur l'image. Ajustez la luminosité, le contraste et bien plus encore pour faire ressortir les images ou se fondre parfaitement dans votre conception. Les filtres peuvent améliorer l'interaction des utilisateurs et l'attrait visuel, offrant un moyen dynamique d'impliquer les visiteurs lorsqu'ils parcourent vos archives.
Couleur du titre
Choisis un couleur pour les titres de vos articles. Choisissez dans la palette ou entrez un code hexadécimal pour garantir la cohérence de la marque. Ce paramètre a un impact significatif sur la lisibilité et la hiérarchie visuelle des titres de vos articles.
Typographie du titre
Personnaliser Police de caractère taille, style, poids et plus encore pour les titres des articles. Cette option est cruciale pour maintenir la lisibilité et garantir que vos titres se démarquent de manière appropriée, reflétant l'importance de votre contenu.
Titre Texte Trait
Appliquez un effet de contour aux titres de vos articles. Ajustez l'épaisseur et la couleur pour créer un style unique ou mettre en valeur les titres sur différents arrière-plans.
Espacement des titres
Gérez l'espace autour des titres de vos articles. Augmentez ou diminuez pour garantir que les titres sont distincts des autres éléments, améliorant ainsi la clarté et la concentration.
Méta Couleur
Sélectionnez une couleur pour le texte des métadonnées (comme la date, l'auteur). Garantit que les métadonnées sont lisibles et complémentaires à votre conception globale, améliorant ainsi la compréhension par l'utilisateur du contexte et des détails de la publication.
Couleur du méta-séparateur
Le paramètre « Meta Separator Color » vous permet de personnaliser la couleur du séparateur utilisé dans les métadonnées de publication. Pour changer la couleur, cliquez sur le champ de couleur et choisissez une nouvelle couleur ou saisissez un code couleur spécifique. C'est un excellent moyen de garantir que le méta-séparateur correspond à la palette de couleurs de votre site.
Méta typographie
Méta Typographie' vous permet de contrôler les propriétés de police des métadonnées de la publication. Ici, vous pouvez modifier la taille de la police, la famille, l'épaisseur, la transformation, le style, la décoration, la hauteur des lignes et l'espacement des lettres. Ajustez ces paramètres pour qu'ils correspondent à la typographie de votre site pour une apparence cohérente.
Méta-espacement
Dans le champ « Meta Spacing », vous pouvez ajuster l'espace autour des métadonnées de la publication. Ceci est utile pour créer une séparation visuelle et améliorer la lisibilité. Utilisez le curseur ou entrez une valeur pour définir l'espacement.
Couleur de l'extrait
L'option « Couleur de l'extrait » modifie la couleur du texte de l'extrait de la publication. Cliquez sur le champ de couleur pour sélectionner une couleur qui améliore la lisibilité et correspond à votre conception.
Extrait de typographie
Extrait Typographie » contrôle les paramètres de police du texte de l'extrait. Modifiez la taille de la police, la famille, l'épaisseur et d'autres propriétés pour garantir que l'extrait est lisible et stylistiquement conforme à votre site.
Espacement des extraits
Extrait Spacing' vous permet d'ajuster l'espace autour du texte de l'extrait. Utilisez-le pour créer un espace de lecture confortable, rendant votre contenu plus convivial.
Lire la suite Couleur
Changez la couleur du lien « Lire la suite » avec le paramètre « Couleur de la suite ». Sélectionnez une couleur qui se démarque tout en complétant votre design global.
Lire la suite Typographie
Dans « Lire la suite Typographie », vous pouvez personnaliser les propriétés de police du lien « Lire la suite ». Ajustez la taille de la police, le type, l’épaisseur, etc. pour rendre ce lien visible et cliquable.
En savoir plus Espacement
Lire la suite Espacement' vous permet d'ajuster l'espace autour du lien 'Lire la suite'. Utilisez-le pour attirer l'attention sur le lien et améliorer la mise en page du résumé de votre message.
Typographie de pagination
Pagination Typography' affecte les propriétés de police des liens de pagination. Personnalisez la taille de la police, la famille, l'épaisseur et d'autres propriétés pour rendre la navigation intuitive et transparente.
Couleur de pagination (normale, survolée et active)
Ajustez les couleurs pour les états normal, de survol et actif des liens de pagination avec « Couleur de pagination ». Cela aide à guider visuellement les utilisateurs pendant la navigation.
Espace de pagination entre
Pagination Space Between' définit l'espacement entre les liens de pagination individuels. Un espacement adéquat garantit que la pagination est conviviale et facile à interagir.
Espacement des paginations
L'option « Espacement de pagination » vous permet de contrôler l'espace global autour de la pagination. section. Ajustez ceci pour vous assurer que la zone de pagination n’est ni trop exiguë ni trop espacée.
Options avancées de l'onglet
Marge
La marge fait référence à l'espace en dehors de la bordure du widget Archive Posts. Vous pouvez définir différentes valeurs pour le haut, la droite, le bas et la gauche marges pour contrôler l'espacement externe du widget. Utilisez-le pour vous assurer que votre widget Archive Posts dispose d’une marge de manœuvre adéquate dans votre mise en page.
Rembourrage
Rembourrage est l'espace à l'intérieur de la bordure du widget Archive Posts. Ajustez les valeurs de remplissage en haut, à droite, en bas et à gauche pour augmenter ou diminuer l'espace entre le contenu du widget et sa bordure. Ceci est crucial pour maintenir la lisibilité et l’attrait visuel du contenu.
Largeur
La largeur contrôle la taille horizontale du widget Archive Posts. Vous pouvez définir une largeur spécifique en pixels, en pourcentage ou d'autres unités. Le réglage de la largeur vous aide à aligner efficacement le widget dans votre section ou colonne.
Position
La position détermine le placement du widget Archive Posts par rapport aux autres éléments. Vous pouvez choisir entre statique, relatif, absolu, fixe ou collant, chacun offrant des comportements différents dans votre mise en page. Comprendre ces options vous permet de créer des conceptions sophistiquées.
Indice Z
Indice Z contrôle l’ordre d’empilement des éléments sur votre page. Une valeur plus élevée amène le widget Archive Posts au premier plan, ce qui est utile lors de la superposition d'éléments. C’est essentiel pour gérer la visibilité des éléments dans des conceptions complexes.
Identifiant CSS
Identifiant CSS est un identifiant unique pour le widget Archive Posts. Attribuez un identifiant pour cibler ce widget spécifique avec CSS personnalisé ou JavaScript, améliorant l'interactivité et le style de votre site.
Classes CSS
Les classes CSS vous permettent d'appliquer des styles CSS prédéfinis au widget Archive Posts. Ajoutez des noms de classe pour exploiter les styles existants ou créez-en de nouveaux pour un style cohérent et efficace sur votre site.
Effets de défilement
Effets de défilement ajoutez des effets de mouvement interactifs au widget Archive Posts lorsque les utilisateurs font défiler la page. Expérimentez avec divers effets tels que le défilement vertical, le défilement horizontal, la transparence, le flou, la rotation ou l'échelle pour créer des expériences utilisateur dynamiques et attrayantes.
Effets de souris
Les effets de souris dans Elementor vous permettent d'ajouter des animations interactives au widget Archive Posts. Cette fonctionnalité améliore l'attrait visuel et l'engagement des utilisateurs de votre site Web. Pour utiliser les effets de la souris, activez-le simplement et personnalisez les effets tels que l'inclinaison 3D et le suivi de la souris. Expérimentez avec les réglages d’intensité et de vitesse pour obtenir l’interaction souhaitée.
Collant
L'option Sticky permet au widget Archive Posts de rester fixe sur l'écran pendant que les utilisateurs font défiler. Cette fonctionnalité est idéale pour garder le contenu important visible. Pour l'activer, activez l'option Sticky et choisissez le paramètre Sticky On en fonction de vos besoins (Bureau, Tablette, Mobile). Vous pouvez définir le Sticky Offset pour gérer la distance depuis le haut de l'écran et utiliser le Effects Offset pour retarder l'effet de collage.
Animation d'entrée
L'animation d'entrée ajoute de l'animation transitions lorsque le widget Archive Posts entre dans la fenêtre d'affichage. Choisissez parmi une variété d'animations (par exemple, Fondu avant, Zoom avant, Rebond avant) pour faire apparaître le widget de manière dynamique. Personnalisez la durée et le délai de l'animation en fonction de la conception globale de votre site Web. Cette fonctionnalité améliore le flux visuel et peut attirer l'attention sur un contenu important.
Transformer
Arrière-plan
L'option Arrière-plan vous permet de définir un arrière-plan personnalisé pour le widget Archive Posts. Choisissez parmi les classiques (couleur unie ou dégradé) ou vidéo arrière-plans. Personnalisez la couleur, l'emplacement, le type et l'angle des dégradés. Pour les arrière-plans vidéo, saisissez un lien vidéo et définissez les heures de début et de fin. Cette fonctionnalité est parfaite pour créer des sections visuellement frappantes qui captent l’attention de l’utilisateur.
Frontière
Les paramètres de bordure vous permettent d'ajouter une bordure autour du widget Archive Posts. Choisissez le type de bordure (pleine, double, pointillée, pointillée, etc.), personnalisez sa largeur et sélectionnez la couleur de la bordure. Vous pouvez définir des bordures différentes pour chaque côté du widget ou lier les valeurs pour plus d'uniformité. De plus, l'option Border Radius vous permet d'arrondir les coins du widget, contribuant ainsi à l'esthétique globale de votre site.
Masque
L'option Masque dans Elementor vous permet d'appliquer des effets de masquage créatifs au widget Archive Posts. Choisissez parmi différentes formes ou utilisez un SVG personnalisé pour créer des effets visuels uniques. Le masque peut être ajusté en taille et en position, vous permettant de créer des designs innovants qui se démarquent. Cette fonctionnalité est particulièrement utile pour ajouter des éléments artistiques à vos sections d'archives.
Visibilité
Les paramètres de visibilité déterminent où le widget Archive Posts est affiché. Vous pouvez masquer le widget sur des appareils spécifiques (ordinateur de bureau, tablette, mobile) ou des rôles d'utilisateur. Cette fonctionnalité est utile pour créer sensible conceptions et adaptation du contenu à différents segments d’audience. Il garantit que vos sections d’archives sont optimisées pour chaque scénario de visualisation.
Les attributs
Les attributs dans Elementor vous permettent d'ajouter des attributs HTML personnalisés au widget Archive Posts. Ceci est utile pour une personnalisation avancée, comme l'ajout d'attributs « aria » pour l'accessibilité ou d'attributs de données personnalisés pour les interactions JavaScript. Entrez simplement le nom de l'attribut et sa valeur. Cette fonctionnalité améliore les fonctionnalités de votre site Web et sa conformité aux normes du Web.
CSS personnalisé
Le CSS personnalisé vous donne le pouvoir d'écrire votre propre code CSS pour le widget Archive Posts, offrant un contrôle complet sur son style. Ceci est idéal pour les utilisateurs ayant des connaissances CSS qui souhaitent appliquer des styles spécifiques qui ne sont pas disponibles via les options standard d'Elementor. Écrivez vos règles CSS dans la zone prévue à cet effet pour personnaliser l'apparence du widget. N'oubliez pas que cette fonctionnalité nécessite une compréhension de base du CSS.
Classes de widgets pour les publications d'archives
Vous trouverez ici (presque, au moins) toutes les classes liées au widget Archive Posts. Elles sont répertoriées et identifiées sur un exemple en direct du widget Archive Posts ci-dessous à l'aide de couleurs distinctives (attention à vos yeux, ceci est à des fins d'identification). Si vous repérez un élément que vous souhaitez modifier sur votre propre site, vous pouvez le copier (il existe une copie bouton au survol) la ligne de code CSS qui lui est associée et collez-la dans la section CSS personnalisée du widget d'Elementor
Si vous utilisez la version gratuite d'Elementor, le code peut être collé dans le CSS personnalisé de votre thème en supprimant le « sélecteur » et en le remplaçant par un ID CSS de votre choix. L'ID CSS devra être spécifié dans l'onglet Avancé du widget sans « # », mais sera précédé de « # » dans le CSS personnalisé, tel que « #my-id », comme le dicte la syntaxe CSS.
Archive de publications
Maximisez vos pages d'archives avec le widget Archive Posts d'Elementor. Découvrez les cours essentiels et les astuces de conception pour une meilleure expérience utilisateur.
Obtenir de l'aide avec Elementor
L'utilisation de widgets dans Elementor peut parfois présenter des défis, en particulier lorsqu'il s'agit d'équilibrer l'esthétique et l'optimisation du référencement. Si vous avez besoin d'aide avec votre site Web Elementor, c'est précisément ce que nous faisons chaque jour ici chez Heeded. Notre services de conception et de développement de sites Web sont conçus pour garantir que chaque aspect de votre site, y compris les titres de page cruciaux, est non seulement visuellement attrayant, mais également méticuleusement optimisé pour les moteurs de recherche. Vous pouvez même obtenir un instant devis en ligne pour un site internet. Chez Heeded, nous sommes fiers de notre approche globale, intégrant services de référencement SEO dans nos processus de conception et de développement Web. Cela garantit que votre site Web est non seulement superbe, mais également performant dans les classements des moteurs de recherche. Laissez-nous prendre la barre pour affiner les titres de vos pages Elementor, rendant le processus transparent et votre site Web remarquable, tout en améliorant votre référencement.