CMS-General

レイアウトエディターでページ、Eメール、ブログのテンプレートを作成する方法

更新日時 November 12, 2018

対象製品

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic
HubSpot CMS

HubSpotのテンプレートビルダーを利用して、ドラッグ&ドロップ方式のインターフェースでモジュールを使ったテンプレートの作成ができます。これらのテンプレートは、ページ、Eメール、ブログの土台となります。

注:HubSpotによってテンプレートが用意されている場合は、すでにサイトのデザイン要件に沿ったカスタムテンプレートが設定されています

HubSpotテンプレートについて

HubSpotテンプレートは、作成するコンテンツの土台となります。テンプレートは、さまざまなコンテンツモジュールをドラッグ&ドロップで配置して作成します。 

レイアウトエディターを使用すると、アイデア、スケッチ、またはプロトタイプを、コンテンツを作成するためのレスポンシブテンプレートに変換できます。

モックアップからレイアウトへ

新規テンプレートを作成

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • 新しいテンプレートを作成するには、ファインダー上部の[File(ファイル)] [New file(新規ファイル)]をクリックします。

new-file

  • ダイアログボックスで[Drag and drop(ドラッグ&ドロップ)]を選択します。
  • ドロップダウンメニューで、作成したいテンプレートのタイプを選択します。ほとんどのモジュールはどのテンプレートにでも追加できますが、それぞれのテンプレートのタイプには、そのタイプでのみ使用できる専用のモジュールがあります。テンプレートのタイプは、次の中から選択します。
  • 続いて、テンプレートにつけるファイル名を入力します。完了したら、[Create(作成)]をクリックします。
new%20file
 

テンプレートの構成とカスタマイズ

テンプレートの構成を必要に応じて編集します。テンプレートの作成と修正が完了したら、[Publish changes(変更を公開)]をクリックします。これで、このテンプレートを使ったコンテンツの作成ができるようになります。
HubSpotのヘルプ記事のスクリーンショット
 

テンプレートを使ってページ、Eメール、またはブログ記事を作成

テンプレートを公開すると、そのテンプレートを土台として新しいページまたはEメールを作成できるようになります。また、設定画面でこのテンプレートをブログのテンプレートに選択することができます

HubSpotのテンプレート構成に関するさらに詳しい説明は、こちらのアカデミー講座(英語)を参照してください。