Blog, Website & Page Publishing

AMartinez95
Membro

Display author section at the end of a blog post

Hello,

 

I'd like to add at the end of my blog posts a "author section". Basically displaying the author of the blog (name, short description, picture). I already created the different authors in Hubspot, so I'm just wondering now how to display it.

 

Thanks in advance

0 Avaliação positiva
2 Respostas 2
kvlschaefer
Gerente da Comunidade
Gerente da Comunidade

Display author section at the end of a blog post

Thanks for the reply, @Twigsmore

 

 @AMartinez95 here's a Blog Template Markup Guide that you can provide to your dev team. I'd recommend having them create clones of your blog template and listing template if needed so they can preview the changes without affecting your live blog page. 

 

Best,

Kristen  


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !
Twigsmore
Participante | Parceiro Platinum
Participante | Parceiro Platinum

Display author section at the end of a blog post

You'll need to add in the author info to the template of the post so that it pulls in that author info that you've already created. 

 

You'll want to work with a dev to ensure you have the right code. Here's an example of what it may look like:

 

<hr class="blog-hr">
<div class="about-author-sec row-fluid">
<div class="span2">
<img width="100" height="100" alt="{{ content.blog_post_author.display_name }}" src="{{ content.blog_post_author.avatar }}">
</div>
<div class="span10">
<h4>Written by <a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a></h4>
<p>{{ content.blog_post_author.bio }}</p>
{% if content.blog_post_author.has_social_profiles %}
<div class="hs-author-social-section">
<!-- <span class="hs-author-social-label">Find me on:</span> -->
<div class="hs-author-social-links">
{% if content.blog_post_author.facebook %}
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-facebook-square"></i></a>
{% endif %}
{% if content.blog_post_author.linkedin %}
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-linkedin-square"></i></a>
{% endif %}
{% if content.blog_post_author.twitter %}
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-twitter-square"></i></a>
{% endif %}
{% if content.blog_post_author.google_plus %}
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-google-plus-square"></i></a>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>