{"id":148444,"date":"2025-06-05T17:16:56","date_gmt":"2025-06-05T14:16:56","guid":{"rendered":"https:\/\/elementor.com\/help\/ajouter-une-page-de-blog-a-votre-site-web\/"},"modified":"2025-06-05T17:16:56","modified_gmt":"2025-06-05T14:16:56","slug":"ajouter-une-page-de-blog-a-votre-site-web","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/ajouter-une-page-de-blog-a-votre-site-web\/","title":{"rendered":"Ajouter une page de blog \u00e0 votre site web"},"content":{"rendered":"\n

Les blogs sont une partie importante de nombreux sites web, m\u00eame ceux qui ne sont pas centr\u00e9s sur les blogs. Par exemple, une boutique de v\u00eatements en ligne peut vouloir int\u00e9grer un blog de mode. Ce blog peut \u00eatre utilis\u00e9 pour aider \u00e0 commercialiser les produits du magasin et, si vos informations sont suffisamment int\u00e9ressantes pour attirer l’attention, il peut aider \u00e0 am\u00e9liorer votre SEO.  <\/p>\n\n\n\n

La page blog de votre site est g\u00e9n\u00e9ralement une page avec une collection d’articles de blog. Pour plus d’informations sur la cr\u00e9ation des articles individuels, consultez Que sont les pages et les articles ?<\/a>, et Cr\u00e9er un mod\u00e8le d’article unique<\/a>. Cet article suppose que vous avez d\u00e9j\u00e0 plusieurs articles de blog existants. <\/p>\n\n\n\n

    \n
  1. Cr\u00e9ez une nouvelle page.
    [callout type=\u00a0\u00bbnote\u00a0\u00bb]Vous pouvez concevoir votre page de blog en utilisant tous les outils de conception dans l’\u00e9diteur Elementor, mais pour simplifier les choses, l’exemple ci-dessous d\u00e9taille uniquement comment ajouter une archive d’articles de blog \u00e0 votre page.[\/callout]<\/li>\n\n\n\n
  2. Ajoutez un widget Loop Grid au canevas. Pour plus d’informations, consultez Construire une grille en boucle<\/a>.
    [callout type=\u00a0\u00bbnote\u00a0\u00bb]Vous pouvez utiliser le widget     Archive Posts<\/a> ou le widget Posts<\/a> pour cr\u00e9er une page de blog, mais nous utiliserons le widget Loop Grid car il offre plus de flexibilit\u00e9.[\/callout]
    \"\"<\/li>\n\n\n\n
  3. Cliquez sur Cr\u00e9er un mod\u00e8le<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. Dans la fen\u00eatre contextuelle, cliquez sur Enregistrer<\/strong>.
    \"\"<\/li>\n\n\n\n
  5. Sur le canevas, cliquez sur le signe +.
    \"\"<\/li>\n\n\n\n
  6. Choisissez flexbox<\/strong>.
    \"\"<\/li>\n\n\n\n
  7. S\u00e9lectionnez un conteneur.
    \"\"<\/li>\n\n\n\n
  8. Dans le panneau, ouvrez le champ Options suppl\u00e9mentaires<\/strong>.
    \"\"<\/li>\n\n\n\n
  9. Utilisez le menu d\u00e9roulant HTML Tag<\/strong> pour s\u00e9lectionner a (lien)<\/strong>.
    \"\"<\/li>\n\n\n\n
  10. Cliquez sur l’ic\u00f4ne de balise dynamique.
    \"\"<\/li>\n\n\n\n
  11. Choisissez Post URL<\/strong> dans la liste des balises dynamiques.
    L’ajout de ce URL rend le conteneur cliquable – en cliquant sur le conteneur, les visiteurs acc\u00e9deront \u00e0 l’article de blog complet. Une autre option permettant aux visiteurs d’acc\u00e9der \u00e0 l’article complet serait d’ajouter un bouton. Par exemple, un bouton indiquant Lire la suite<\/strong> et liant l’article. Cependant, vous ne pouvez pas rendre \u00e0 la fois le conteneur et un bouton \u00e0 l’int\u00e9rieur cliquables. Pour plus de d\u00e9tails, voir     Liens imbriqu\u00e9s<\/a>. <\/li>\n<\/ol>\n\n\n\n

    Pour cet exemple, notre page de blog affichera le titre de l’article, l’image \u00e0 la une et l’extrait.<\/p>\n\n\n\n

      \n
    1. Faites glisser un widget Titre de l’article, Image \u00e0 la une et Extrait de l’article dans le conteneur du Loop Grid. Ajustez les param\u00e8tres de style selon votre conception.
      \"\"
      [callout type=\u00a0\u00bb\u201cbest-practice\u201d\u00a0\u00bb]Comme les widgets dans la grille en boucle peuvent avoir des hauteurs variables, vous voudrez peut-\u00eatre d\u00e9finir une hauteur minimale pour les widgets afin de s’adapter \u00e0 la hauteur des \u00e9l\u00e9ments les plus grands. Cela donnera \u00e0 toutes les entr\u00e9es un aspect plus uniforme. [\/callout]
      \"\"<\/li>\n\n\n\n
    2. Cliquez sur l’ic\u00f4ne des param\u00e8tres de page.
      \"\"<\/li>\n\n\n\n
    3. Dans le panneau, nommez votre grille en boucle.
      \"\"<\/li>\n\n\n\n
    4. Cliquez sur enregistrer et retour<\/strong>.
      \"\"<\/li>\n\n\n\n
    5. Cliquez sur publier<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Votre page de blog affiche maintenant tous vos articles de blog.<\/p>\n\n\n\n

      Pour plus de d\u00e9tails sur toutes les options de mise en page et de style disponibles pour la grille en boucle, consultez Widget Loop Grid<\/a>.<\/p>\n\n\n\n

      Divisez votre blog par cat\u00e9gorie<\/h2>\n\n\n\n

      Dans l’exemple ci-dessus, nous avons cr\u00e9\u00e9 une page pour afficher tous vos articles de blog, mais supposons que vous vouliez que les visiteurs puissent acc\u00e9der \u00e0 vos blogs par cat\u00e9gorie. Dans l’exemple ci-dessous, nous allons cr\u00e9er une page de blog contenant des onglets affichant diff\u00e9rents ensembles d’articles. <\/p>\n\n\n\n

        \n
      1. Cr\u00e9ez une page dans l’\u00e9diteur Elementor.
        \"\"<\/li>\n\n\n\n
      2. Faites glisser un widget Onglets sur le canevas. Pour plus de d\u00e9tails, voir Widget Onglets<\/a>.
        \"\"<\/li>\n\n\n\n
      3. Dans le panneau, nommez les onglets. Le premier doit s’appeler Tous les blogs<\/strong> et les autres selon les noms des cat\u00e9gories. <\/li>\n\n\n\n
      4. Faites glisser un widget Loop Grid dans le premier onglet.
        \"\"<\/li>\n\n\n\n
      5. Dans le panneau, saisissez le nom du mod\u00e8le que vous avez cr\u00e9\u00e9 ci-dessus.<\/li>\n\n\n\n
      6. Ajoutez la m\u00eame grille en boucle au deuxi\u00e8me onglet.
        \"\"<\/li>\n\n\n\n
      7. Dans le panneau, ouvrez le champ Requ\u00eate<\/strong>.
        Les requ\u00eates vous permettent de filtrer les donn\u00e9es affich\u00e9es dans une grille en boucle.
        \"\"<\/li>\n\n\n\n
      8. Dans le champ Inclure par<\/strong>, cliquez sur le signe +.
        \"\"<\/li>\n\n\n\n
      9. S\u00e9lectionnez terme<\/strong>.
        \"\"<\/li>\n\n\n\n
      10. Dans le champ Terme<\/strong>, saisissez un nom de cat\u00e9gorie.<\/li>\n\n\n\n
      11. Faites cela pour toutes les cat\u00e9gories.
        \"\"<\/li>\n\n\n\n
      12. Cliquez sur publier<\/strong>.<\/li>\n<\/ol>\n\n\n\n

        Chaque onglet n’affichera que les articles de blog de la cat\u00e9gorie s\u00e9lectionn\u00e9e. <\/p>\n\n\n\n

        Articles utiles<\/h2>\n\n\n\n