Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CMS-Blog

Adicione o autor do blog ao canto inferior dos posts do blog

Ultima atualização: Outubro 31, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Adicionar a biografia do autor do blog à parte inferior de suas postagens no blog envolve a alteração de alguns HTML no seu modelo de blog. Se você não tiver experiência com código, trabalhe com um designer para garantir que todas as edições sejam feitas corretamente.

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • Clique no nome do seu fluxo de trabalho. 
  • Clique no módulo Conteúdo do Blog
  • No inspector em Modelos de postagem , clique em Editar modelo de postagem

  • Cole o seguinte código no editor de HTML depois 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 %}
  • Clique em Publicar alterações

Como alternativa, você pode adicionar um módulo HTML ao seu modelo no mercado:

  • Na conta da HubSpot, clique no ícone do Marketplace marketplace na barra de navegação principal.
  • No menu da barra lateral esquerda, use o menu suspenso Todos os produtos para selecionar Módulos.
  • Passe o mouse sobre o módulo HTML e clique em Ver detalhes.
  • Clique em Obter módulo para adicionar este módulo à sua ferramenta de gerenciamento de projetos.
  • Retornar aos modelos do seu blog. Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • Clique na guia + Adicionar no inspetor. 
  • Clique e arraste o módulo HTML para o seu modelo. Peça ao seu designer para adicionar o HTML acima para a biografia do autor.