Aller au contenu
Mistral Studio

Blog

Connecter votre blog HubSpot au theme, configurer la page de liste et la page d'article, et utiliser les modules liés au blog partout sur le site.

Mis à jour le 23 août 2026 · 5 min de lecture · S'applique à partir de la version 1.0.0

Mistral Pro utilise le blog natif de HubSpot. Deux templates l'affichent — Blog listing et Blog post — et quatre modules montrent des articles sur le blog et ailleurs.

Connecter le blog

  1. Créez ou ouvrez votre blog dans Paramètres → Contenu → Blog.
  2. Sous Modèles, réglez Blog listing page (page de liste du blog) sur Blog listing et Blog post page (page d'article) sur Blog post (tous deux de Mistral Pro).
  3. Modifiez une fois la page de liste (Modèles → Page de liste du blog → Modifier la page) : remplacez le contenu hérité d'un theme précédent, choisissez le formulaire newsletter et définissez le titre.
  4. Les modules liés au blog sont livrés avec « Select a blog » dans leur champ Blog, ce qui signifie « le blog par défaut du compte ». Choisissez-y un blog précis si vous en avez plusieurs.

La page de liste

Le template Blog listing s'ouvre avec cinq modules :

  1. Two-tone section heading — le titre du blog.
  2. Featured blog post banner — un article mis en avant sur une large image avec un dégradé sombre : étiquette de catégorie, date, temps de lecture, titre, extrait, auteur et bouton de lecture. Which article : le dernier article du blog, un article choisi par URL ou slug, ou par identifiant de contenu. Only on page 1 of the listing (activé par défaut) le masque sur les pages suivantes. Ratio de la bannière par appareil, couleur et intensité du dégradé, chargement de l'image prioritaire ou différé.
  3. Blog posts grid with topic filters and pagination — les articles de la liste courante sous forme de cartes (image à la une, étiquette de catégorie, date, temps de lecture, extrait, ligne auteur, flèche), sur deux ou trois colonnes. Les filtres par thème sont une rangée de pilules qui pointent vers les pages d'étiquettes natives de HubSpot (jusqu'à 8 thèmes par défaut, plus une pilule All). La pagination est indexable : compteur d'articles, numéros de page, liens précédent / suivant. Le nombre d'articles par page est le réglage propre du blog dans HubSpot. Un état vide (titre, texte, bouton optionnel) s'affiche quand la liste n'a aucun article.
  4. Newsletter signup band — choisissez ici votre formulaire d'abonnement. Voir Formulaires.
  5. Dark call to action banner.

La page d'article

Le template Blog post affiche l'article avec Blog post body with sticky author sidebar :

  • En-tête — lien retour vers le blog, badges de thème, titre, chapeau (le résumé de l'article), ligne auteur et date, temps de lecture (calculé d'après le nombre de mots), image à la une (ratio 21/9, 16/9 ou 3/2).
  • Corps — le contenu de l'article stylé pour la lecture, à une largeur étroite, confortable ou pleine colonne.
  • Barre latérale fixe (à droite ou à gauche) — la carte auteur (avatar, nom, rôle tiré de la première ligne de la bio de l'auteur, avec un suffixe modifiable), les boutons de partage (LinkedIn, X, Facebook, e-mail), et un bouton optionnel.
  • Sous l'article, chacun derrière son interrupteur : article précédent et suivant (activé), formulaire d'abonnement au blog (désactivé), commentaires HubSpot (désactivé).

Les libellés — suffixe du temps de lecture, format de date (court, moyen, long), libellés de partage et de navigation — sont tous modifiables dans le groupe Labels and formats, donc traduisibles par variante linguistique.

Après le corps, le template affiche Latest blog posts grid en mode Posts related to the current article, puis un appel à l'action sombre.

Afficher des articles n'importe où : Latest blog posts grid

Une grille de cartes d'articles (image à la une, étiquette de catégorie, temps de lecture, extrait, auteur) pour n'importe quelle page. Posts source :

  • Latest posts of a blog — par défaut ; la page d'accueil et la page de remerciement l'utilisent.
  • Posts related to the current article — sur un article de blog, les articles partageant ses étiquettes.
  • Posts carrying a given tag — saisissez des slugs d'étiquettes, séparés par des virgules.

Number of articles (3 par défaut), Top up with the latest posts quand la source ne renvoie pas assez d'articles, une à trois colonnes, et un texte d'état vide. Le titre de section et le bouton sont optionnels.

Le Featured blog post banner peut aussi être placé sur une page de site pour mettre un article en avant, et le méga-menu du header peut afficher les derniers articles d'un blog — voir Navigation et menus.

Voir aussi