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

COS-Blog

¿Cómo puedo agregar la biografía del autor del blog en la parte inferior de un post, como aparecen los post de HubSpot?

Última actualización: March 7, 2016

Agregar esta característica al blog requiere cambiar contenido HTML dentro de tu plantilla de blog. Si no te sientes seguro, se recomienda trabajar con un diseñador para realizar este cambio.

Para agregar la información del autor al final de cada post, Edita la plantilla del post para el diseño de ese blog.
Pega el código siguiente en el editor HTML después 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 %}

Guarda y actualiza.
Asegúrate de que esta plantilla nueva sea aplicada para tus post y no para tu listado de blog.