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

ブログのテンプレートオプションのセットアップ

更新日時 2月 21, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS
デザインマネージャーツールで、ブログテンプレートを作成およびカスタマイズできます。テンプレートを適用する準備ができたら、ブログ設定を更新してブログのテンプレートを選択します。

ブログテンプレートの設定を編集する

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ブログ]の順に進みます。
  • 複数のブログがある場合は、[修正するブログを選択]ドロップダウンメニューを使用して、ブログを選択します。

  • [テンプレート]タブをクリックして、ブログテンプレートと一覧ページ設定を更新します。
    1. [現在のテンプレート]ドロップダウンメニューをクリックして、新しいブログテンプレートを選択しますブログ一覧ページに別のテンプレートを選択したい場合は、[ブログの一覧ページに同じテンプレートを使用]チェックボックスのチェックを外し、ブログ一覧ページのテンプレートを選択します。
    2. 一覧ビューの各ページに表示する記事の数を設定します。デフォルトの設定は、一覧ページ1ページあたり10件の記事です。

    3. [一覧ページに概要を表示]チェックボックスを選択して、一覧ページに記事の要約を表示します。要約を表示する場合、記事に「続きを読む」セパレーターが挿入されている場合を除いて、HubSpotはコンテンツの最初の段落を表示します。
    4. [一覧の要約にフィーチャー画像を使用]チェックボックスを選択して、一覧ページにフィーチャー画像のみを表示します。 

  • 一番下にある[保存]をクリックして変更を保存します。

HTMLのカスタマイズ

Google AnalyticsのようなカスタムコードをブログのヘッダーまたはフッターHTMLに追加するには、HTMLセクションに追加できます。[ブログ一覧ページのヘッダー/フッターHTML]テキストフィールドにコードまたはスクリプトを入力します。[ブログ記事に同じヘッダー/フッターHTMLを使用する]チェックボックスが選択されている場合、この HTMLはブログ記事にも適用されます
ブログ記事に異なるHTMLを追加するには、ブログ記事に同じヘッダー/フッターHTMLを使用]チェックボックスを選択解除します。テキストフィールドは、ブログ記事ヘッダーまたはフッターに追加するコードを追加できる場所に表示されます。

コードを追加したら、[保存]をクリックします。

スタイルシートを添付

[+スタイルシートを追加]をクリックし、[スタイルシートを選択]ドロップダウンメニューを使用して、ブログに添付するスタイルシートを選択します。テンプレートにスタイルシートを直接添付することもできます

ブログスタイルシート