📍 完全備忘録おじさん記事です
結論 : 公式ドキュメントはつよつよ
HubSpot のブログ記事テンプレートに、執筆者の情報を表示させる方法は👇にあるよ
📖developers.hubspot.com | Blog templates
具体的には👇だよ
※ Boilerplate template 使ってたらこのままコピペ + CSS 調整でいけるはず
<img alt="{{ content.blog_post_author.display_name }}" src="{{ content.blog_post_author.avatar }}">
<h3>Written by <a class="author-link" href="{{ blog_author_url(group.id, content.blog_post_author.slug) }}">{{ content.blog_post_author.display_name }}</a></h3>
<p>{{ content.blog_post_author.bio }}</p>
{% if content.blog_post_author.has_social_profiles %}
<div class="hs-author-social-section">
<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 hs-social-facebook">Facebook</a>
{% endif %}
{% if content.blog_post_author.linkedin %}
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
{% endif %}
{% if content.blog_post_author.twitter %}
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter</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 hs-social-google-plus">Google+</a>
{% endif %}
</div>
</div>
{% endif %}
👇のコミュニティでも解説されているよ
📖 ブログの記事ページに執筆者を表示させたい
.png?width=150&height=150&name=meowbit_logo_text%20(1).png "meowbit_logo_text (1)"){kind=logo}
