Avec le widget Messages, vous pouvez afficher une liste de tous les types de publication, y compris les types de publication personnalisés, dans diverses mises en page et de différentes manières. Ce widget pratique peut être utilisé pour afficher les publications d’une catégorie particulière ou d’une autre taxonomie, les publications récentes, etc.

Peau classique

Le skin Classic est un modèle de calque entièrement personnalisable qui est appliqué au widget Posts, donnant à vos publications un style de conception traditionnel.

Contenu

Disposition

  1. Apparence : sélectionnez une apparence prédéfinie, soit Classique, Cartes ou Contenu complet
  2. Colonnes : définissez le nombre de colonnes à afficher, de 1 à 6
  3. Messages par page : définissez le nombre exact de messages affichés
  4. Position de l’image: définissez la position de l’image par rapport au contenu. Les options incluent: Haut / gauche / droite / aucun. * Voir la remarque ci-dessous pour savoir comment définir la position de l’image sur le mobile
  5. Maçonnerie : glissez ou désactivez
  6. Taille de l’image : définissez la taille de l’image, de la miniature au plein
  7. Rapport d’image : définissez le rapport exact des images
  8. Largeur de l’image : définissez la largeur exacte des images
  9. Titre : choisissez d’afficher ou de masquer le titre
  10. Balise HTML du titre : sélectionnez la balise HTML à utiliser pour le titre, de H1 à H6, ou div, span ou p
  11. Extrait : choisissez d’afficher ou de masquer l’extrait
  12. Longueur de l’extrait : choisissez la longueur de l’extrait, en définissant la quantité exacte de mots affichés
  13. Méta-données : sélectionnez les métadonnées à afficher dans le widget. Un clic sur le champ ouvre la liste des options. Les options incluent l’auteur, la date, l’heure et les commentaires
  14. Séparateur entre : choisissez le séparateur que vous souhaitez utiliser entre les métadonnées
  15. En savoir plus : afficher ou masquer le bouton Lire la suite
  16. Lire plus de texte : personnaliser le texte Lire plus
  17. Ouvrir dans une nouvelle fenêtre : choisissez Oui pour ouvrir les articles dans un nouvel onglet .

Remarque : ajustez la largeur de l’image et le rapport d’image dans la vue bureau et mobile comme indiqué ci-dessous.

Remarque : en ce qui concerne l’ option Messages par page , sachez que le widget Messages chargera tous les messages persistants + le nombre de messages par page que vous définissez dans l’option Messages par page. C’est ainsi que WordPress traite fondamentalement les articles collants. Par exemple, si vous définissez Messages par page = 1 mais que vous avez 5 articles persistants, le nombre total de messages chargés sur le front-end serait de 6 (1 + 5 = 6}.

Remarque : lorsque Elementor affiche un article, s’il n’a pas d’extrait, Elementor génère automatiquement un extrait du contenu de l’article. L’ option Longueur de l’extrait vous permet de contrôler la longueur de cet extrait généré automatiquement. Cependant, la longueur de l’extrait ne s’applique qu’aux articles dans lesquels aucun extrait manuel n’a été saisi. La longueur spécifiée dans le widget Elementor est ignorée s’il existe un extrait généré manuellement pour une publication.

Requete

Source : sélectionnez la source à partir de laquelle le widget affichera le contenu. Les options incluent les publications, les pages, les types de publication personnalisés si disponibles, la sélection manuelle, la requête actuelle et les éléments associés. En fonction de la source que vous avez choisie pour la requête, des options vous permettront de filtrer les résultats.

Comprendre
  1. Inclure par : terme ou auteur, puis utilisez Rechercher et sélectionner pour choisir ceux à utiliser. Les termes incluent tous les éléments d’une taxonomie. Les taxonomies disponibles sont: les catégories, les balises, les formats et les taxonomies personnalisées.
  2. Date : Sélectionnez parmi Tout, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  3. Trier par : définissez l’ordre dans lequel les articles seront affichés. Les options incluent: Date, Titre, Ordre du menu ou Aléatoire
  4. Ordre : DESC (décroissant) ou ASC (croissant)
  5. Ignorer les articles collants : Oui ou Non (l’option Articles collants ne fonctionne que si aucun terme n’a été sélectionné)
  6. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur

Remarque : si vous choisissez Associé comme source et Catégorie comme terme Inclure par , les publications liées à la catégorie affectée à la publication actuelle sont affichées. Ainsi, si l’utilisateur consulte un article dans la catégorie Voyage, par exemple, la page affichera les articles connexes qui sont également dans la catégorie Voyage. Si la publication actuellement affichée a plusieurs catégories qui lui sont attribuées, les publications associées extrairont les publications de la PREMIÈRE catégorie (par ordre alphabétique) affectée à la publication. Exception importante : gardez à l’esprit que si vous définissez une solution de secours pour les publications associées,  la requête ne sera pas prise en compte. Une fois que vous avez sélectionné une solution de secours comme indiqué ci-dessous, elle tirera et affichera tous les derniers messages.

Exclure

Ces paramètres deviennent disponibles une fois que vous sélectionnez Exclure

  1. Exclure par : publication actuelle, sélection manuelle, terme ou auteur, puis utilisez Rechercher et sélectionner pour les choix Manuel, Terme ou Auteur
  2. Éviter les doublons : Oui ou Non – Choisissez Oui pour éviter d’afficher les publications en double sur le frontend uniquement. Elementor recherche les doublons au niveau de la page (pas au niveau du widget) étant donné qu’il ne peut pas y avoir de doublons dans un widget Posts.
  3. Décalage : utilisez ce paramètre pour ignorer les messages (par exemple, «2» pour ignorer 2 messages).
  4. Date : Tous, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  5. Trier par : date, titre, ordre du menu ou aléatoire
  6. Ordre : DESC (décroissant) ou ASC (croissant)
  7. Ignorer les articles collants : Oui ou Non  (l’option Articles collants ne fonctionne que si aucun terme n’a été sélectionné)
  8. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur. Consultez la documentation destinée aux développeurs pour plus d’informations sur l’utilisation de cette fonctionnalité avancée.

Pagination

Pagination : choisissez la manière dont vous souhaitez paginer les résultats. Les options incluent Aucun, Nombres, Précédent / Suivant ou Nombres + Précédent / Suivant.

Style

Disposition

  1. Écart de colonnes : définissez l’écart exact entre les colonnes
  2. Écart de lignes : définissez l’écart exact entre les lignes
  3. Alignement : définissez l’alignement du contenu du widget sur la gauche, le centre ou la droite

Boîte

  1. Largeur de la bordure : définissez l’épaisseur de la bordure autour de la boîte du message
  2. Rayon de la bordure : définissez l’arrondi des coins de la bordure de la boîte du message
  3. Remplissage : définissez le remplissage dans la bordure de la boîte aux lettres
  4. Remplissage de contenu : ajoutez un remplissage supplémentaire autour du contenu de la boîte aux lettres
  5. Ombre de boîte : définissez les options d’ombre de boîte autour de la boîte aux lettres pour les modes normal et survolé
  6. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan de la boîte aux lettres pour les modes normal et survolé
  7. Couleur de la bordure : choisissez la couleur de la bordure de la boîte aux lettres pour les modes normal et survolé

Image

  1. Rayon de la bordure : définissez la rondeur des bords des images
  2. Espacement : définissez l’espacement exact entre l’image et le contenu
  3. Filtres CSS : ajustez le style de l’image en modifiant les échelles de filtre CSS pour les paramètres de flou, de luminosité, de contraste, de saturation et de teinte

Contenu

Titre

  1. Couleur : définissez la couleur des titres
  2. Typographie : définir la typographie des titres
  3. Espacement : définissez l’espacement entre le titre et le contenu

Meta

  1. Couleur : définissez la couleur des métadonnées
  2. Couleur du séparateur : définissez la couleur du séparateur de métadonnées
  3. Typographie : définir la typographie des métadonnées
  4. Espacement : définissez l’espacement entre les métadonnées et l’extrait

Extrait

  1. Couleur : définir la couleur de l’extrait
  2. Typographie : définir la typographie de l’extrait
  3. Espacement : définissez l’espacement entre l’extrait et la suite

Lire la suite

  1. Couleur : définissez la couleur de la suite
  2. Typographie : définissez la typographie du texte en savoir plus
  3. Espacement : définissez l’espacement entre le texte en savoir plus et le bas de la boîte aux lettres

Peau de cartes

La skin Cards est un modèle de calque préconçu et personnalisable qui est appliqué au widget Posts, donnant à vos publications un style de conception de matériel à la mode.

En savoir plus sur le skin Cartes

Contenu

Disposition

  1. Apparence : sélectionnez une apparence prédéfinie, soit Classique, Cartes ou Contenu complet
  2. Colonnes : définissez le nombre de colonnes à afficher, de 1 à 6
  3. Messages par page : définissez le nombre exact de messages affichés
  4. Afficher l’image : choisissez d’afficher ou de masquer l’image sélectionnée
  5. Maçonnerie : glissez ou désactivez
  6. Taille de l’image : définissez la taille de l’image, de la miniature au plein
  7. Rapport d’image : définissez le rapport exact des images
  8. Titre : choisissez d’afficher ou de masquer le titre
  9. Balise HTML du titre : sélectionnez la balise HTML à utiliser pour le titre, de H1 à H6, ou div, span ou p
  10. Extrait : choisissez d’afficher ou de masquer l’extrait
  11. Longueur de l’extrait : choisissez la longueur de l’extrait, en définissant la quantité exacte de mots affichés
  12. Méta-données : sélectionnez les métadonnées à afficher dans le widget. Un clic sur le champ ouvre la liste des options. Les options incluent l’auteur, la date, l’heure et les commentaires
  13. Séparateur entre : choisissez le séparateur que vous souhaitez utiliser entre les métadonnées
  14. En savoir plus : afficher ou masquer le bouton Lire la suite
  15. Lire plus de texte : personnaliser le texte Lire plus
  16. Badge : affichez ou masquez le badge. Le badge vous permet d’afficher la catégorie, l’étiquette ou toute autre taxonomie à l’intérieur de la carte
  17. Avatar : afficher ou masquer l’avatar de l’utilisateur de l’auteur du message

Remarque : en ce qui concerne l’ option Messages par page , sachez que le widget Messages chargera tous les messages persistants + le nombre de messages par page que vous définissez dans l’option Messages par page. C’est ainsi que WordPress traite fondamentalement les articles collants. Par exemple, si vous définissez Messages par page = 1 mais que vous avez 5 articles persistants, le nombre total de messages chargés sur le frontend serait de 6 (1 + 5 = 6}.

Remarque : lorsque Elementor affiche un article, s’il n’a pas d’extrait, Elementor génère automatiquement un extrait du contenu de l’article. L’ option Longueur de l’extrait vous permet de contrôler la longueur de cet extrait généré automatiquement. Cependant, la longueur de l’extrait ne s’applique qu’aux articles dans lesquels aucun extrait manuel n’a été saisi. La longueur spécifiée dans le widget Elementor est ignorée s’il existe un extrait généré manuellement pour une publication.

Requete

Source : sélectionnez la source à partir de laquelle le widget affichera le contenu. Les options incluent les publications, les pages, les types de publication personnalisés si disponibles, la sélection manuelle, la requête actuelle et les éléments associés. En fonction de la source que vous avez choisie pour la requête, des options vous permettront de filtrer les résultats.

Comprendre
  1. Inclure par : terme ou auteur, puis utilisez Rechercher et sélectionner pour choisir ceux à utiliser. Les termes incluent tous les éléments d’une taxonomie. Les taxonomies disponibles sont: les catégories, les balises, les formats et les taxonomies personnalisées.
  2. Date : Sélectionnez parmi Tout, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  3. Trier par : définissez l’ordre dans lequel les articles seront affichés. Les options incluent: Date, Titre, Ordre du menu ou Aléatoire
  4. Ordre : DESC (décroissant) ou ASC (croissant)
  5. Ignorer les articles collants : Oui ou Non  (l’ option Articles collants ne fonctionne que si aucun terme n’a été sélectionné )
  6. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur

Remarque : si vous choisissez Associé comme source et Catégorie comme terme Inclure par , les publications liées à la catégorie affectée à la publication actuelle sont affichées. Ainsi, si l’utilisateur consulte un article dans la catégorie Voyage, par exemple, la page affichera les articles connexes qui sont également dans la catégorie Voyage. Si la publication actuellement affichée a plusieurs catégories qui lui sont attribuées, les publications associées extrairont les publications de la PREMIÈRE catégorie (par ordre alphabétique) affectée à la publication. Exception importante : gardez à l’esprit que si vous définissez une solution de secours pour les publications associées,  la requête ne sera pas prise en compte. Une fois que vous avez sélectionné une solution de secours comme indiqué ci-dessous, elle tirera et affichera tous les derniers messages.

Exclure

Ces paramètres deviennent disponibles une fois que vous sélectionnez Exclure

  1. Exclure par : publication actuelle, sélection manuelle, terme ou auteur, puis utilisez Rechercher et sélectionner pour les choix Manuel, Terme ou Auteur
  2. Éviter les doublons : Oui ou Non – Choisissez Oui pour éviter d’afficher les publications en double sur le frontend uniquement. Elementor recherche les doublons au niveau de la page (pas au niveau du widget) étant donné qu’il ne peut pas y avoir de doublons dans un widget Posts.
  3. Décalage : utilisez ce paramètre pour ignorer les messages (par exemple, «2» pour ignorer 2 messages)
  4. Date : Sélectionnez parmi Tout, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  5. Trier par : date, titre, ordre du menu ou aléatoire
  6. Ordre : DESC (décroissant) ou ASC (croissant)
  7. Ignorer les articles collants : Oui ou Non  (l’ option Articles collants ne fonctionne que si aucun terme n’a été sélectionné )
  8. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur. Consultez la documentation destinée aux développeurs pour plus d’informations sur l’utilisation de cette fonctionnalité avancée.

Pagination

Pagination : choisissez la manière dont vous souhaitez paginer les résultats. Les options incluent Aucun, Nombres, Précédent / Suivant ou Nombres + Précédent / Suivant.

Style

Disposition

  1. Écart de colonnes : définissez l’écart exact entre les colonnes
  2. Écart de lignes : définissez l’écart exact entre les lignes
  3. Alignement : définissez l’alignement du contenu du widget sur la gauche, le centre ou la droite

Carte

  1. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan de la carte
  2. Couleur de la bordure : choisissez la couleur de la bordure de la carte
  3. Largeur de la bordure : définissez l’épaisseur de la bordure autour de la carte
  4. Rayon de la bordure : définissez la rondeur des coins de la bordure de la carte
  5. Remplissage horizontal : définissez le remplissage horizontal du contenu de la carte
  6. Remplissage vertical : définissez le remplissage vertical du contenu de la carte
  7. Ombre de boîte : choisissez Oui pour appliquer une ombre de boîte prédéfinie à la carte
  8. Effet de survol : sélectionnez un effet de survol, Aucun ou Dégradé
  9. Couleur de la bordure méta: choisissez la couleur de la bordure au-dessus des métadonnées

Image

  1. Espacement : définissez l’espacement exact entre l’image et le contenu
  2. Filtres CSS : ajustez le style de l’image en modifiant les échelles de filtre CSS pour les paramètres de flou, de luminosité, de contraste, de saturation et de teinte

Badge

  1. Position du badge : alignez le badge à gauche ou à droite de la carte
  2. Couleur d’ arrière-plan : choisissez la couleur d’arrière-plan du badge
  3. Couleur du texte : choisissez la couleur du texte du badge
  4. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins
  5. Taille : définissez la taille du badge
  6. Marge : contrôlez la distance du badge du haut et du côté de la carte
  7. Typographie : définir la typographie du texte du badge

Avatar

Taille:  définissez la taille de l’avatar.

Contenu

Titre

  1. Couleur : définissez la couleur des titres
  2. Typographie : définir la typographie des titres
  3. Espacement : définissez l’espacement entre le titre et le contenu

Meta

  1. Couleur : définissez la couleur des métadonnées
  2. Couleur du séparateur : définissez la couleur du séparateur de métadonnées
  3. Typographie : définissez la typographie du  métadonnées
  4. Espacement : définissez l’espacement entre les  métadonnées  et l’extrait

Extrait

  1. Couleur : définir la couleur de l’extrait
  2. Typographie : définir la typographie de l’extrait
  3. Espacement : définissez l’espacement entre l’extrait et la suite

Lire la suite

  1. Couleur : définissez la couleur de la suite
  2. Typographie : définissez la typographie du texte en savoir plus
  3. Espacement : définissez l’espacement entre le texte en savoir plus et le bas de la boîte aux lettres

Peau de contenu complet

L’habillage de contenu complet vous permet d’afficher l’intégralité du contenu de l’article sur vos pages de liste d’articles.

Contenu

Disposition

  1. Apparence : sélectionnez une apparence prédéfinie, soit Classique, Cartes ou Contenu complet
  2. Messages par page : définissez le nombre exact de messages affichés
  3. Afficher la vignette : choisissez Oui ou Non pour afficher ou masquer l’image sélectionnée
  4. Taille de l’image : définissez la taille de l’image en vedette, de la miniature à la pleine
  5. Rapport d’image : définissez le rapport exact de l’image sélectionnée
  6. Largeur de l’image : définissez la largeur de l’image sélectionnée
  7. Titre : choisissez d’afficher ou de masquer le titre
  8. Balise HTML du titre : sélectionnez la balise HTML à utiliser pour le titre, de H1 à H6, ou div, span ou p
  9. Méta-données : sélectionnez les métadonnées à afficher dans le widget. Un clic sur le champ ouvre la liste des options. Les options incluent l’auteur, la date, l’heure et les commentaires
  10. Séparateur entre : entrez le (s) caractère (s) de séparation que vous souhaitez utiliser entre les métadonnées

Remarque : en ce qui concerne l’ option Messages par page , sachez que le widget Messages chargera tous les messages persistants + le nombre de messages par page que vous définissez dans l’option Messages par page. C’est ainsi que WordPress traite fondamentalement les articles collants. Par exemple, si vous définissez Messages par page = 1 mais que vous avez 5 articles persistants, le nombre total de messages chargés sur le frontend serait de 6 (1 + 5 = 6}.

Requete

Source : sélectionnez la source à partir de laquelle le widget affichera le contenu. Les options incluent les publications, les pages, les types de publication personnalisés si disponibles, la sélection manuelle, la requête actuelle et les éléments associés. En fonction de la source que vous avez choisie pour la requête, des options vous permettront de filtrer les résultats.

Comprendre
  1. Inclure par : terme ou auteur, puis utilisez Rechercher et sélectionner pour choisir ceux à utiliser. Les termes incluent tous les éléments d’une taxonomie. Les taxonomies disponibles sont: les catégories, les balises, les formats et les taxonomies personnalisées.
  2. Date : Sélectionnez parmi Tout, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  3. Trier par : définissez l’ordre dans lequel les articles seront affichés. Les options incluent: Date, Titre, Ordre du menu ou Aléatoire
  4. Ordre : DESC (décroissant) ou ASC (croissant)
  5. Ignorer les articles collants : Oui ou Non  (l’ option Articles collants ne fonctionne que si aucun terme n’a été sélectionné )
  6. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur

Remarque : si vous choisissez Associé comme  source  et Catégorie comme   terme Inclure par , les publications liées à la catégorie affectée à la publication actuelle sont affichées. Ainsi, si l’utilisateur consulte un article dans la catégorie Voyage, par exemple, la page affichera les articles connexes qui sont également dans la catégorie Voyage. Si la publication actuellement affichée a plusieurs catégories qui lui sont attribuées, les publications associées extrairont les publications de la PREMIÈRE catégorie (par ordre alphabétique) affectée à la publication. Exception importante: gardez à l’esprit que si vous définissez une solution de secours pour les publications associées,  la requête ne sera pas prise en compte. Une fois que vous avez sélectionné une solution de secours comme indiqué ci-dessous, elle tirera et affichera tous les derniers messages.

Exclure

Ces paramètres deviennent disponibles une fois que vous sélectionnez Exclure

  1. Exclure par : publication actuelle, sélection manuelle, terme ou auteur, puis utilisez Rechercher et sélectionner pour les choix Manuel, Terme ou Auteur
  2. Éviter les doublons : Oui ou Non – Choisissez Oui pour éviter d’afficher les publications en double sur le frontend uniquement. Elementor recherche les doublons au niveau de la page (pas au niveau du widget) étant donné qu’il ne peut pas y avoir de doublons dans un widget Posts.
  3. Décalage : utilisez ce paramètre pour ignorer les messages (par exemple, «2» pour ignorer 2 messages)
  4. Date : Sélectionnez parmi Tout, Jour passé, Semaine dernière, Mois dernier, Trimestre passé, Année précédente, Personnalisé (choisissez les dates avant ou après)
  5. Trier par : date, titre, ordre du menu ou aléatoire
  6. Ordre : DESC (décroissant) ou ASC (croissant)
  7. Ignorer les articles collants : Oui ou Non  (l’ option Articles collants ne fonctionne que si aucun terme n’a été sélectionné )
  8. ID de requête : attribuez à votre requête un ID unique personnalisé pour permettre le filtrage côté serveur. Consultez la documentation destinée aux développeurs pour plus d’informations sur l’utilisation de cette fonctionnalité avancée.

Pagination

Pagination : choisissez la manière dont vous souhaitez paginer les résultats. Les options incluent Aucun, Nombres, Précédent / Suivant ou Nombres + Précédent / Suivant.

Style

Boîte

  1. Largeur de la bordure : définissez l’épaisseur de la bordure autour de la boîte
  2. Rayon de la bordure : définissez l’arrondi des coins de la bordure de la boîte
  3. Remplissage : définissez le remplissage de la boîte entière
  4. Remplissage du contenu : définissez le remplissage du contenu de la boîte uniquement
  5. Ombre de boîte : choisissez Oui pour appliquer une ombre de boîte prédéfinie à la boîte
  6. Couleur d’arrière-plan : sélectionnez une couleur de boîte, pour les états Normal et Survol
  7. Couleur de la bordure : choisissez la couleur de la bordure de la boîte pour les états Normal et Survol

Image

  1. Rayon de la bordure : définissez l’arrondi des coins de l’image sélectionnée
  2. Espacement : définissez l’espacement exact entre l’image sélectionnée et le contenu
  3. Filtres CSS : ajustez le style d’image présenté en modifiant les échelles de filtre CSS pour les paramètres de flou, de luminosité, de contraste, de saturation et de teinte

Contenu

Titre

  1. Couleur : définissez la couleur des titres
  2. Typographie : définir la typographie des titres
  3. Espacement : définissez l’espacement entre le titre et le contenu

Meta

  1. Couleur : définissez la couleur des métadonnées
  2. Couleur du séparateur : définissez la couleur du séparateur de métadonnées
  3. Typographie : définissez la typographie du   métadonnées
  4. Espacement : définissez l’espacement entre les   métadonnées   et l’extrait

Source : https://docs.elementor.com/article/101-posts