Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Blog

Ajouter la biographie de l'auteur de blog au bas de vos articles de blog

Dernière mise à jour: octobre 31, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
Basique
HubSpot CMS

L'ajout de la biographie de l'auteur du blog au bas de vos articles de blog implique une modification du code HTML dans votre modèle de blog. Si vous n'avez aucune expérience avec le code, travaillez avec un designer de site web afin de garantir que tous les modifications sont correctement effectuées.

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Cliquez sur lenom de votre modèle de blog. 
  • Cliquez sur le Module de contenu de blog
  • Dans l’inspecteur sous Modèle d'articles, cliquez sur Modifier le modèle d'article

  • Copiez et collez le segment ci-dessous dans l'éditeur HTML, à la suite de {{ content.post_body }} :
<p id="hubspot-author_data" class="hubspot-editable" data-hubspot-form-id="author_data" data-hubspot-name="Blog Author" >
<span class="hs-author-label">Posted by</span>
<a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
{% if content.blog_post_author.avatar %} <div class="hs-author-avatar"> <img width="35 px" src="{{ content.blog_post_author.avatar }}"> </div> {% endif %}
<p>{{ content.blog_post_author.bio }}</p>
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
{% endif %}
<p> <a href="{{ content.blog_post_author.website }}" target="_blank">Website</a></p>
{% endif %}
  • Cliquez sur Publier les modifications

Vous pouvez également ajouter un module HTML à votre modèle depuis le marketplace :

  • Depuis votre compte HubSpot, cliquez sur l'icône Marketplace marketplace dans la barre de navigation principale.
  • Dans le menu latéral de gauche, utilisez le menu déroulant Tous les produits pour sélectionner Modules.
  • Passez le curseur de la souris sur la mosaïque Module HTML et cliquez sur Afficher les détails détails
  • Cliquez sur Obtenir un module pour ajouter ce module à l’outil Gestionnaire de conception.
  • Revenir aux modèles de votre blog. Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans l'inspecteur, cliquez sur l'onglet + Ajouter
  • Glissez le module HTML dans votre modèle. Demandez à votre designer d'ajouter le code HTML ci-dessus pour la biographie de l'auteur.
/fr/cos-blog/how-can-i-blog-author-bio-at-the-bottom-of-a-blog-post-like-how-hubspot-s-blog-posts-appear