ブログのサマリー文を、任意のテキストで表示させる方法(開発者向け)

通常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のブログ機能が各ブログ記事上で入力した任意のサマリー文が表示されるようになります。


上記の記述は、サマリー文のみならず、任意のタグを表示させたい時や、記事一覧のサムネイルを変えたい場合にも応用が可能です。