Vous souhaitez afficher des articles d’une (ou de plusieurs) catégorie dans une page spécifique ? Alors il vous faut le plugin List Category Posts !

MAJ : 15/11/2020

Cette extension, comme son nom l’indique va vous permettre de mettre en place des listes d’articles en fonction de la catégorie ou elle se trouve. Cela vous permet notamment de ne pas créer manuellement une liste, et de devoir la modifier lorsque vous publiez un nouvel article.

Pour ajouter une liste à une page, il faut donc insérer le shortcode [catlist] dans la page souhaité avec à l’intérieur  les informations que l’on veut afficher.

Par exemple sur le site, ce plugin me permet de créer une liste qui regroupe tous mes tutoriels sur le Raspberry-Pi.

Pour ce faire je fait une concaténation de la catégorie « Raspberry-Pi » et de la catégorie « Tutoriels ».

Voici le « shortcode » associé à cette opération :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist name="Tutoriels+Raspberry-Pi" order="asc"][/su_note]

Qui nous affiche la liste suivante :

Liste d'exemple
Liste d’exemple

Choix de la(les) catégorie(s)

Le choix d’une catégorie peut se faire avec son ID :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist id="17"][/su_note]

Ou avec son nom :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist name="Tutoriels"][/su_note]

Pour sélectionner plusieurs catégories, il faut simplement rajouter un « + » comme ci-dessous :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist id="17+17"][/su_note]

Nombre d’articles

Pour affiche un nombre précis d’articles, il faut ajouter l’expression « numberposts« . Soit dans l’exemple ci-dessous 10 articles :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist name="17" numberposts="10"][/su_note]

Ordres des articles

Une fois la liste affichée, vous pouvez les classer selon des critères bien distincts.
Par exemple, on les classes par titre « orderby » dans l’ordre alphabétique « order » :

[su_note note_color= »#414141″ text_color= »#ffffff »][catlist name=Palm orderby=title order=asc][/su_note]

Voici d’autres choix de classement pour l’expression « orderby » :

  • ID : tri par l’identifiant numérique de l’article.
  • author : tri par auteur.
  • title : tri par titre.
  • type : tri par type.
  • category : tri par catégorie.
  • content : tri selon le contenu.
  • date : tri par date de création.
  • menu_order : tri selon l’ordre du menu pour les pages.
  • mime_type : tri selon le type MIME.
  • modified : tri par date de modification.
  • name : tri par stub.
  • parent : tri selon l’identifiant parent.
  • password : tri par mot de passe.
  • rand : affichage aléatoire.
  • status : tri par statut.

Autres options possibles

Voici quelques autres fonctionnalités disponibles pour ce plugin qui peuvent vous être utile. (Merci encore à Elodie pour cette suggestion!)

  • thumbnail : afficher ou non l’image de présentation de l’article.
  • thumbnail_size : Spécifier la taille de l’image de présentation.
  • date : affiche ou non la date de l’article. (Possibilité ensuite de classer vos articles par date avec l’option « order by »).

Afin d’afficher votre image de façon plus propre, il est possible d’appliquer une classe à votre liste. utiliser pour ce faire l’option « class ».

Le plugin prend également en compte les pages statiques et fournit un Widget spécifique.

Pour en savoir plus sur le plugin dirigez-vous sur la page du plugin > List Category Posts.

Portez-vous bien et à bientôt !


Source: List category Posts

Si vous avez trouvé une faute d’orthographe, merci de nous en informer en sélectionnant le texte en question et en appuyant sur « Ctrl + Entrée« .

    12 replies to "Afficher vos articles dans une pages : List category posts"

    • Sylvie Cocaud

      Bonjour

      Je cherche à obtenir la même chose que ce que ce plugin permet mais pour une catégorie utilisée pour un type de contenu qui n’est pas le post (type de contenu personnalisé). Le code [catlist id="xxx"] ne fonctionne pas dans ce cas, comment faire ?

      Merci pour votre réponse

      • Régis

        Bonjour,

        Lorsque vous essayez d’utiliser le shortcode en utilisant l’ID rien ne s’affiche ?
        Dans ce cas, vous pouvez essayer d’afficher une catégorie en utilisant le nom ce celle-ci.

        Par exemple dans mon cas pour afficher les articles sur wordpress : [catlist name="Wordpress"]
        Cependant, il faut faire très attention à la syntaxes.

        N’hésitez pas à me faire un retour. 😉

        A Bientôt

    • fabry

      Bonjour
      Merci pour le détail de ce plugin !
      Je souhaite savoir s’il est possible d’obtenir un affichage des articles non pas avec uniquement les titres,
      mais en faisant apparaître 3 éléments : le titre + la date + l’image à la une de chaque article ?
      Merci de partager l’info si la configuration est possible !
      Elodie

      • Régis

        Bonjour Elodie,
        Hélas le plugin ne permet pas cette option « de base ». Notamment pour afficher une petite image en plus du titre qui pourrait être très intéressant. La seule solution est d’ajouter cette fonctionnalité (titre+date+image) en bidouillant le code.

        Je n’ai pas trouvé actuellement de solutions alternatives qui permettent d’obtenir cet effet. Il faut que je recherche un autre plugin ou que je me décide de modifier ce plugin en conséquence ^^

        • elodie

          Merci pour la réponse Régis !
          J’ai regardé un peu plus attentivement le plugin, et en fait la paramétrage d’affichage peut être assez poussé.
          Pour ajouter la date il convient d’ajouter : date=yes
          Pour ajouter l’image à la une il faut ajouter : thumbnail=yes , et éventuellement la taille souhaitée en indiquant le width et le height dans : thumbnail_size=300,200

          Ensuite il suffit de créer des classes pour leur appliquer le css souhaité

          Dans mon cas le code ressemble à ça :
          [catlist id="21" class="lcp_catlist" title_class="lcp_title" date=yes date_class="lcp_date" orderby=date thumbnail=yes thumbnail_size=300,200]

          Si ça peut aider d’autres personnes 🙂
          Merci en tout cas pour l’article qui m’a fait découvrir ce plugin qui m’est bien utile 🙂
          Elodie

          • Régis

            En effet ! Maintenant que tu le dit il me semble que j’avais testé l’option il y a un moment, mais j’avais mis de côté l’idée à cause du CSS à modifier…
            J’avais oublié qu’il suffisait d’ajouter l’option. Autant pour moi… ^^’

            Merci de ton retour en tout les cas, je pense que je vais très vite rajouter ta suggestion dans l’article.
            D’ailleurs n’hésite pas à me préciser ton site pour montrer plus en détail le résultat. 🙂

            A bientôt !

    • Alexis

      Bonjour,

      Super plugin, cependant j’ai un petit soucis. J’aimerai utiliser le nom de l’utilisateur dans la balise name.
      Pour cela j’utilise le plugin « User Shortcodes » avec l’option [currentuser_username].

      Mais bien sur cela ne fonctionne pas, d’où mon commentaire.

      Est-il possible d’insérer un shortcode dans les balises ?

      Bonne journée,
      AL

    • Aurore

      Très belle trouvaille ! Merci aussi pour toutes les commandes ça servira à plusieurs je pense !!
      Est-ce que vous savez-si le plugin fonctionne aussi avec woocommerce ?
      Merci

      • Régis

        Bonjour,

        A mon avis il ne doit pas y avoir de problème avec woocommerce. A tester cependant. 😉

        A bientôt !

    • CD12345678

      Je n’ai pas réussi à obtenir la date du post dans la liste. Quelqu’un peut-il aider ? Merci d’avance !

    • William

      Bonjour,

      Je voulais savoir si le fait d’inclure les catégories dans des pages grâce à ce pluging et de ce fait ne plus avoir les « pages catégories originales » n’était pas un problème pour le référencement. Avez vous une idée?

      Merci d’avance

    • Ochsenbein

      Quel argument utiliser dans le shortcode pour afficher une liste d’articles publiés les x derniers mois à partir de la date du jour ?
      MERci

Leave a Reply

Your email address will not be published.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.