お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
CMS-Blog

ブログ執筆者をブログ記事の下部に追加する

更新日時 4月 26, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

ブログ記事の下部にブログ執筆者のバイオを追加すると、ブログのテンプレート内で一部の HTML が変更される。コードの経験がない場合、デザイナーと協力してすべての編集が正しく行われていることを確認します。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • ブログテンプレートの名前をクリックします。 
  • ブログコンテンツモジュールをクリックする。 
  • [投稿テンプレート]の下のインスペクターで、[記事テンプレートを編集]をクリックします。 

  • {{ content.post_body }}:の後に HTML エディターに以下のコードを貼り付けます。
<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 %}
  • [変更を公開] をクリックします。 

または、マーケティングプレースからテンプレートに HTML モジュールを追加することもできます。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [テンプレートマーケットプレイス]の順に進みます。
  • 左のサイドバーメニューで,[すべての製品]ドロップダウンメニューを使用してモジュールを選択します。
  • HTML モジュールのタイルの上にカーソルを置き、[詳細を表示]をクリックします
  • [モジュールを取得]をクリックして、このモジュールをデザインマネージャーツールに追加します。
  • ブログのテンプレートに戻る。 HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • インスペクタ―で、[+追加]タブをクリックします。 
  • HTML モジュールをクリックしてテンプレートにドラッグします。執筆者bioの上にHTMLを追加するようにデザイナーに依頼する。