通常HubSpotのブログテンプレートは、ブログの文章の一部をブログ記事一覧にサマリー文が表示される仕様となっております。
こちらを任意の文章にする事ができますので、こちらの投稿でご案内させていただきます。
ステップ1:カスタムモジュールを作る。
以下添付画像のように、テキストフィールドを追加し、モジュールを作成してください。
モジュールのHTML部分にはコードは特に記述は必要ございません。(注:必ずブログ用のモジュールとして作成してください。)
ステップ2:モジュールをブログ記事のテンプレートに設置
ステップ1で作ったモジュールをブログに設置してください。テンプレート内でしたら、どこでも大丈夫ですが、フッターの上辺りに埋め込むことをおすすめします。もしブログの記事テンプレートと、記事一覧のテンプレートと、分けている場合は、ブログ記事テンプレートの方に、モジュールを埋め込んでください。
上記のステップで、ブログ記事の編集画面から、任意のテキストが入力できるようになりました。
ステップ3:ブログ一覧ページのテンプレートをカスタマイズする
通常ですと、以下のコードが、記事のサマリー文を記事本文から抽出し、記事一覧に表示させています。
{{ content.post_list_content|truncatehtml(200, "...", false) }}
こちらのコードを以下の物に置き換えてください。
{% for module_item in content.widgets %}
{% if module_item.body.widget_name == "Testing Listing Summary" %}
{{ module_item.body.listing_content }}
{% endif %}
{% endfor %}
上記の記述をすることにより、HubSpotのブログ機能が各ブログ記事上で入力した任意のサマリー文が表示されるようになります。
上記の記述は、サマリー文のみならず、任意のタグを表示させたい時や、記事一覧のサムネイルを変えたい場合にも応用が可能です。




