Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Blog

Hinzufügen der Biografie des Blog-Autors zum unteren Ende Ihrer Blog-Beiträge

Zuletzt aktualisiert am: Oktober 31, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Um die Biografie des Blog-Autors zum unteren Ende Ihrer Blog-Beiträgen hinzuzufügen, müssen Sie den HTML-Code Ihrer Blog-Vorlage etwas anpassen. Wenn Sie keine Erfahrung mit Code haben, arbeiten Sie mit einem Designer, um sicherzustellen, dass alle Änderungen korrekt vorgenommen werden.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie auf den Namen Ihrer Blog-Vorlage. 
  • Klicken Sie auf das Blog-Inhaltsmodul
  • Klicken Sie im Inspektor unter Beitragsvorlage auf Beitragsvorlage bearbeiten

  • Kopieren Sie im HTML-Editor den folgenden Code hinter {{ 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 %}
  • Klicken Sie auf Änderungen veröffentlichen

Alternativ können Sie auch ein HTML-Modul aus dem Marketplace zu Ihrer Vorlage hinzufügen:

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Marketplace-Symbol (marketplace).
  • Wählen Sie im linken Seitenleistenmenü das Dropdown-Menü Alle Produkte die Option Module aus.
  • Bewegen Sie den Mauszeiger über die HTML-Modul-Kachel und klicken Sie auf Details anzeigen.
  • Klicken Sie auf Modul hinzufügen, um dieses Modul zu Ihrem Design Manager-Tool hinzuzufügen.
  • Navigieren Sie zurück zu Ihren Blog-Vorlagen.Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie im Inspektor auf die Registerkarte + Hinzufügen
  • Klicken Sie auf das HTML-Modul und ziehen Sie es in Ihre Vorlage. Bitten Sie Ihren Designer, den oben stehenden HTML-Code für die Biografie des Blog-Autors hinzuzufügen.
/de/cos-blog/how-can-i-blog-author-bio-at-the-bottom-of-a-blog-post-like-how-hubspot-s-blog-posts-appear