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

ブログのテンプレートと設定を管理する

更新日時 2021年 8月 3日

対象製品

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Basic(旧製品)

ブログ設定で、ブログで使用するテンプレートと、ルートURL、サブスクリプションEメール設定、日付形式などをカスタマイズできます。複数の言語でブログのコンテンツを作成する場合は、多言語ブログを作成する方法をご確認ください。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ブログ]の順に進みます。
  • 外部ブログをインポートするには、[ブログをインポート]をクリックします。さまざまなブログのインポート方法の詳細をご確認ください。
  • 一からブログを作成するには、[新規ブログを作成]をクリックします。
  • 既存のブログを変更するには、[修正するブログを選択]ドロップダウンメニューをクリックし、ブログを選択します。

select-a-blog-to-modify-in-settings-1

一般的なブログ設定を編集する

[全般]タブでは、新規ブログの作成、ブログの削除、ブログの基本設定の管理を行うことができます。

  • ブログ名:ブログの内部名。この名前は訪問者には表示されません。 
  • ブログヘッダー:テンプレートでgroup.public_title HubL変数を使用している場合に表示される外部ブログ名。
  • ページタイトルブラウザーのタブや検索エンジンの結果に表示されるテキスト。タイトルは70文字未満にすることをお勧めします。
  • メタディスクリプション:ほとんどの場合に検索エンジンの結果に表示されるサマリー。
  • ブログのルートURL:ブログ一覧ページのURLとブログ記事のルートURL。
    • [ドメイン]ドロップダウンメニューをクリックし、ブログをホストするドメインを選択しますMarketing Hub Enterpriseのみ)
    • ルートURLの末尾にスラッグを追加する場合は(例:/blog)、[ブログスラッグ]フィールドにスラッグを入力します。

注:ブログのルートURLを変更すると、公開済みのブログコンテンツをすべて新しいURLにリダイレクトするように、自動的にリダイレクトが作成されます。公開済みのブログコンテンツがない場合は、リダイレクトが自動的に作成されることはありません

manage-general-blog-settings

ブログテンプレートを選択する

[テンプレート]タブで、ブログ記事およびブログ一覧ページに適用するテンプレートを表示または変更できます。一覧ページの設定をカスタマイズし、カスタムHTMLをテンプレートのヘッダーとフッターに追加することもできます。

  • [ブログ記事]および[Blog listing(ブログ一覧)]セクションで、[アクション]ドロップダウンメニューをクリックして、テンプレートを管理します。
    • 異なるテンプレートを選択するには、[テンプレートを変更]を選択します。テンプレート選択画面で、新しいテンプレートを選択し、[完了]をクリックします。テンプレート設定の左下で、[保存]をクリックします。
    • デザインマネージャーでテンプレートを編集するには、[編集]を選択します。ブログ記事または一覧のテンプレートの編集の詳細を参照してください。 
    • テンプレートがどのように表示されるかを確認するには、[プレビュー]を選択します。 

select-blog-template

  • [Listing page(一覧ページ)]セクションで、ブログ一覧ページの設定を行い、左下で[保存]をクリックします。 
    • 一覧ページに表示する記事のを入力します。
    • 一覧ページに、「続きを読む」セパレーターまでのブログ記事のコンテンツを表示するには、[リストページでサマリーを表示]チェックボックスをオンにします。
    • 一覧ページにブログ記事のフィーチャー画像を表示するには、[Use featured image in listing summaries(一覧の要約にフィーチャー画像を使用)]チェックボックスをオンにします。 

edit-listing-page-settings

  • [ヘッダーHTML]および[フッターHTML]セクションで、ブログ記事および一覧のテンプレートに適用するカスタムHTMLを入力します。異なるカスタムHTMLをブログ記事テンプレートに適用するには、[ブログ記事にカスタムヘッダー/フッターHTMLを使用]をクリックします。カスタムHTMLを追加したら、左下で[保存]をクリックします。

edit-blog-header-html-1

  • [CSS and stylesheets(CSSとスタイルシート)]セクションで、ブログ一覧とブログ記事のテンプレートにスタイルシートを追加できます。スタイルシートをテンプレートに直接添付することもできます。 
    • [Add stylesheet(スタイルシートを追加)]をクリックします。
    • ポップアップボックスで、[スタイルシートを選択]ドロップダウンメニューをクリックし、スタイルシートを選択して、[追加]をクリックします。 
    • テンプレート設定の左下で、[保存]をクリックします。

ブログのサブスクリプションを管理する

[サブスクリプション]タブで、Eメールサブスクリプション通知の各頻度を有効または無効にできます。これは、即時、日次、週次、および月次です。頻度ごとにブログ通知Eメールを作成、編集、削除したり、RSSフィード設定をカスタマイズしたりすることもできます。ブログのサブスクリプションEメールの設定の詳細を参照してください。

  • [Eメールリンク]列で、ブログの通知Eメールを編集する場合は[編集]をクリックし、削除する場合は[削除]をクリックします。
  • ある頻度に対して通知Eメールを有効にする場合は、[送信]スイッチをクリックしてオンに切り替えます。頻度に対してEメールを有効にするには、その頻度の[Eメールのステータス]が[完了]になっている必要があります。

blog-subscriptions-settings

設定の[RSSフィード]セクションで、ブログ通知EメールのRSSフィードと投稿フィードでブログ記事がどのように表示されるかをカスタマイズできます。
  • 各ブログ通知Eメールのブログ記事機能のを入力します。既定の記事数は10です。
  • [RSSにサマリーを表示]チェックボックスをオンにすると、RSSフィード内にブログ記事のコンテンツのプレビューが表示されます。
  • [Eメールにサマリーを表示]チェックボックスをオンにすると、RSS Eメール内にブログ記事のコンテンツのプレビューが表示されます。

blog-rss-settings

ブログの日付形式を設定する

[日付形式]タブで、ブログ記事およびブログ一覧ページの日付の形式と言語を選択できます。これは、多言語ブログの言語の設定とは異なります。

  • 日付の言語を設定するには、[日付の言語]ドロップダウン メニューをクリックして、言語を選択します。これにより、他のドロップダウンメニューで使用可能な形式が決まります。左下の[保存]をクリックします。

  • ブログ記事および一覧ページの公開日の日付形式をカスタマイズするには、[公開日形式]ドロップダウン メニューをクリックし、ブログ記事の公開日の日付形式 選択します。左下の[保存]をクリックします。
  • 一覧ページの[月別の記事]セクションの日付形式をカスタマイズするには、[月別の記事の形式]ドロップダウン メニューをクリックし、日付形式を選択します。左下の[保存]をクリックします。
  • カスタム日付形式を作成するには、次の手順を実行します。
    • [これは何ですか?]をクリックして、ロケール データ マークアップ言語の使用に関するガイドラインを確認します。
    • [形式をカスタマイズ]をクリックして、カスタム日付形式を入力します。[日付形式を作成]をクリックします。
    • 日付形式設定の左下で、[保存]をクリックします。

edit-date-formats

コメント設定を編集する

[コメント]タブで、ブログのコメント通知、モデレーター設定などを管理することができます。

  • 訪問者がブログにコメントを残すことを許可するには、[コメントの有効化]スイッチをクリックしてオンに切り替えます。 
  • ブログでコメントした訪問者をコンタクトデータベースに追加するには、[コンタクトを作成するためのコメントを許可]チェックボックスをオンにします。 
  • コメントを公開する前にチームによる承認を必須にするには、[コメントをモデレート]チェックボックスをオンにします。
  • ブログコメントのレビューの担当者として通知を受信するユーザーを選択するには、[このブログの新規コメントの通知を受信するユーザーは?]ドロップダウンメニューをクリックし、ユーザーを選択します。
  • スレッド化できるコメントのレベル数をカスタマイズするには、[コメントをスレッド化できるレベル数]ドロップダウンメニューをクリックして、レベル数を選択します。ここで追加するレベル数が多いほど、訪問者は既存のコメントに対して残すことができる返信の階層数が多くなります。
  • コメントを残した訪問者にメッセージを表示するには、[コメント後の確認メッセージが送信されます]テキストフィールドにメッセージを入力します。 

enable-blog-commenting

ブログコメントのオプションの構成の詳細を参照してください。

ソーシャルシェアリング設定を編集する

[ソーシャルシェアリング]タブで、ブログのソーシャル シェアリング モジュールに表示するソーシャルアカウントを設定します。各ソーシャルメディアの共有アイコンのカウンターには、そのネットワークでブログ記事が共有された回数が示されます。

  • Twitterカードを使用して共有されたブログ記事に表示されるTwitterハンドルを設定するには、[既定のTwitterアカウント]ドロップダウンメニューをクリックして、Twitterアカウントを選択します。TwitterアカウントのHubSpotへの接続の詳細を参照してください。
  • ブログにソーシャルメディアの共有アイコンを含めるには、関連するソーシャルネットワークの隣にある[social sharing button(ソーシャル シェアリング ボタン)]チェックボックスをオンにします。

注:ソーシャル シェアリング ボタンは、既定のブログテンプレートまたは特定のHubL変数を持つテンプレートでサポートされます。詳細については、開発者ドキュメントを参照してください。 


blog-social-settings
 

Google AMPを管理する

[Google AMP]タブで、コンテンツが素早くロードされるモバイル固有の形式である、Google Accelerated Mobile Pagesを有効にすることができます。
  • Google AMPを有効にするには、[Google AMPフォーマットのページを有効にする]をクリックしてオンに切り替えます。
  • ロゴ、ヘッダー、本文の表示をカスタマイズします。AMP形式に関するGoogleの推奨事項の詳細を参照してください。
  • 左下の[保存]をクリックします。
ブログでのAMPの使用の詳細を参照してください。