Afficher vos articles de blog sur votre site internet

Une fois que vous avez écrit un ou plusieurs articles de blog, il est temps de les mettre sur votre site internet afin que les visiteurs puissent les lire. Vous affichez vos articles de blog dans le module Catalogue Blog que vous pouvez insérer n’importe où sur votre site internet.

Pour insérer le module Catalogue Blog, naviguez à l’endroit où vous voulez le placer sur votre site internet, pointez sur n’importe quel module existant ou colonne vide, puis cliquez sur l’option Ajouter le module. Dans la fenêtre, sélectionnez Blog dans le menu de gauche et cliquez sur Catalogue Blog.

Screen_Shot_2020-02-04_at_16.17.50.png

Filtrer les articles par des étiquettes

Sur la fenêtre du module Catalogue Blog, vous pouvez spécifiez quels articles vous voulez afficher en vous basant sur les étiquettes. Si vous avez ajouté une étiquette à un article de blog, il ne s’affichera sur votre site internet que si l’étiquette correspondante a été sélectionnée sur le module. Par exemple, si vous avez ajouté l’étiquette "loi-du-travail" sur un article de blog et sélectionné également cette étiquette sur le module du Catalogue Blog, l’article s’affichera sur votre site internet.

Screen_Shot_2019-03-25_at_15.49.19.png

Choisir plusieurs étiquettes inclura tous les articles du blog ayant au moins l’une des étiquettes choisies.

Si vous ne sélectionnez pas d’étiquettes sur le module, tous vos articles seront affichés.

 

Graphisme du Catalogue Blog

Cliquer sur Graphisme dans le menu de gauche vous présentera de nombreuses options de stylisme pour le module.

 

Paramètres du Catalogue Blog

Cliquez sur Paramètres dans le menu de gauche pour définir comment vous voulez que vos articles de blog s’affichent sur votre site internet.

 

Liste des articles de blog

Par défaut, le module n’affichera qu’un seul article de blog. Modifiez cela en saisissant une valeur ou en faisant glisser le curseur dans le champ Quantité d’articles affichés.

Vous pouvez diviser vos articles en colonnes, et ainsi afficher plusieurs articles côte à côte. Ci-dessous se trouve un exemple d’un module de Catalogue Blog avec la Quantité de colonnes paramétrée à 3.

Screen_Shot_2019-03-25_at_16.04.52.png

Le champ Marge entre les articles spécifie la quantité d’espacement entre les articles sur une échelle de 1 (pas d’espacement) à 10 (beaucoup d’espacement). Si vous affichez plusieurs articles les uns sous les autres, l’espacement est ajouté des quatre côtés de la prévisualisation de votre article de blog : en haut, à droite, en bas, à gauche.

Dans le champ Nombre maximum d’articles vous pouvez établir un plafond sur le nombre d’articles que vous voulez afficher dans le module, par exemple pour vous assurer que votre site internet charge rapidement même si vous avez des centaines d’articles sur votre blog.

 

Aperçu de l’article de blog

Définissez quels éléments vous souhaitez afficher sur la prévisualisation de l’article dans le module de Catalogue Blog. Décochez les cases pour cacher les éléments.

 

Vignettes de l’article de blog

Si vous avez paramétré votre module de Catalogue Blog pour afficher moins d’articles qu’il n’y en a sur votre blog, vos articles de blog seront affichés dans des vignettes. Les vignettes permettent aux visiteurs de parcourir vos articles en cliquant sur les flèches ou points de pagination. Sinon, vous pouvez paramétrer la transition automatique de vos vignettes.

Cochez Afficher les flèches de navigation pour ajouter des flèches à gauche et à droite de votre Catalogue Blog. Cela permet aux visiteurs de parcourir manuellement vos vignettes à leur propre rythme. Cochez Afficher les points de pagination dots pour ajouter une navigation en pointillés en bas au centre du module.

arrows-pagination.png

Si vous avez paramétré la transition automatique de vos vignettes de blog, cocher Pause au pointage arrêtera les transitions si un visiteur place son curseur de souris n’importe où sur le Catalogue Blog. Une fois qu’il pointe ailleurs sur la page, les vignettes de blog reprennent leurs transitions automatiques.

Cochez Changement automatique des vignettes si vous voulez que le module exécute une transition automatique entre vos vignettes de blog.

Vous pouvez définir une animation lors de la transition des vignettes de blog de l’une à l’autre. Vous pouvez choisir entre trois animations:

  • Glissement: chaque vignette se déplace horizontalement
  • Estompage lent: transition graduelle rapide (avec un estompage qui dure 0.8 secondes)
  • Estompage rapide: transition graduelle rapide (avec un estompage qui dure 0.2 secondes)

Par défaut, l’intervalle de transition est de 5000 millisecondes (5 secondes). Choisissez une valeur plus petite si vous voulez que l’intervalle de transition soit plus court et une valeur plus grande si vous voulez que l’intervalle de transition soit plus long.

 

Mode pointage

Activez le mode pointage pour afficher soit le nom de l’article de blog, soit une icône de votre choix quand un visiteur pointe sur l’image de couverture d’un article de blog.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0