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

テーマテンプレートをブログに適用する

更新日時 2020年 5月 20日

対象製品

CMS Hub  Professional, Enterprise

HubSpot のテーマを使用すれば、プロのウェブ開発者を雇わなくても、ビジネス向けの美しくまとまりのあるレスポンシブなページ一式を作成できます。HubSpot でホストされるブログをウェブサイトのスタイルと一貫させるには、アカウント設定でテーマテンプレートをブログに適用します。

テーマとは、CMS Hub アカウントでページやブログに適用できるスタイルとテンプレートのセットのことです。チームにプロの開発者がいる場合、開発者が HubSpot のデザイナー向けリファレンスドキュメントに従ってカスタムのウェブサイトテーマをデザインできます。

始める前に

HubSpot でブログをセットアップします。

テーマテンプレートをブログに適用する

ブログには、すべてのブログ投稿の構造を設定するブログ記事テンプレートと、ブログのホームページのスタイルを設定するリストページテンプレートがあります。ブログで使用するテーマテンプレートを選択すると、ウェブサイト上ですべての色、フォント、スタイルに一貫性を持たせることができます。

ブログテンプレートのテーマテンプレートを選択するには、次の手順に従います。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]> [ブログ] の順に進みます。
  • [テンプレート] タブをクリックします。
  • [ブログ記事] 見出しの下にある [ブログ記事のテンプレート] ドロップダウンメニューをクリックし、ウェブサイトのテーマと同じ名前のブログ記事テンプレートを選択します。

apply-theme-to-a-blog-template

  • テーマスタイルをブログリストページに適用するには、[ブログリストページにブログ記事テンプレートとは異なるテンプレートを使用] をオンにします。
  • 次に、[リストページのテンプレート] ドロップダウンメニューをクリックし、テーマに対応するブログリストテンプレートを選択します。

apply-theme-template-to-blog-listing-pageこれで、ブログ記事とブログリストページに一貫したヘッダーコンテンツ、フッターコンテンツ、スタイルが適用されます。

テーマテンプレートを使用してブログのコンテンツを編集する

ブログ記事テンプレートとブログリストテンプレートの上部に表示されるヒーローイメージは、テンプレート設定でカスタマイズできます。

ブログのテーマテンプレートには、記事とリストページのヘッダーとフッターに使用されるグローバルコンテンツが含まれています。このグローバルコンテンツは、ブログ記事エディターで直接編集することができます。ブログ記事を編集して公開する方法の詳細を確認してください。

/jp/website-pages/apply-a-theme-template-to-your-blog