Become a HubSpot power user — join us for HubSpot Training Day 2017.

COS-Blog

Wie kann ich die Biografie des Blogautors am Ende des Blog-Beitrags anzeigen lassen, so wie das bei den HubSpot Blog-Beiträgen der Fall ist?

Zuletzt aktualisiert am: March 7, 2016

Um diese Funktion zu Ihrem Blog hinzuzufügen, müssen Sie Änderungen in der HTML Ihrer Blog-Vorlage vornehmen. Wenn Sie sich damit unwohl fühlen, diese Änderungen selbst vorzunehmen, empfehlen wir Ihnen, mit einem Webdesigner zusammen zu arbeiten.

Um die Autor-Informationen am Ende jedes Blog-Beitrages hinzuzufügen, müssen Sie beim entsprechenden Blog-Layout die Beitrags-Vorlage bearbeiten.
Kopieren Sie den folgenden Code und fügen Sie ihn in Ihrem HTML-Editor nach diesem Tag ein {{ 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 %}

Speichern und Aktualisieren
Stellen Sie sicher, dass diese neue Vorlage für Ihre Blog-Beiträge angewandt wird und nicht für Ihre Blog-Auflistungsseite.