Template Builder(テンプレートビルダー)でページ、Eメール、ブログのテンプレートを作成する方法

更新日時 July 1, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise
HubSpotのTemplate Builder(テンプレートビルダー)を使用すると、編集可能領域(「モジュール」とも呼ばれます)をドラッグアンドドロップして、ページ、Eメール、およびブログの土台になるテンプレートを作成できます。 ゼロからHTMLテンプレートを作成することもできますが、Template Builder(テンプレートビルダー)を使うと時間の節約になり、コンテンツを構成する際にも非常に大きな柔軟性を提供できます。
HubSpot技術サービスチームによってテンプレートが用意されている場合は、サイトのデザイン要件に沿ったカスタムテンプレートが設定されていることになります。必要なカスタマイズの量によりますが、一般的に、ゼロから新しいレイアウトを作成するよりも、専用に作成されたテンプレートを使ったりそのクローンを使って作業します。テンプレートの編集の詳細を参照するには、次の記事に進んでください。

HubSpotテンプレートについて

HubSpotテンプレートは、基本的にページやEメールのモデルで、それを土台にコンテンツを作成できます。テンプレートは、さまざまなコンテンツモジュールをドラッグアンドドロップで配置して作成します。標準HubSpotモジュールのすべてのタイプの詳細については、こちらの記事を参照してください

Template Builder(テンプレートビルダー)を使用すると、アイデアやスケッチ、プロトタイプを、コンテンツを作成するためのレスポンシブテンプレートに変換できます。

Mockups to layout

手順:

新しいページ、Eメール、またはブログのテンプレートを作成するには、以下の手順に従ってください。

[Design Manager(デザインマネージャ)]に移動する

Design Manager(デザインマネージャー)を開く最も簡単な方法は、[Content(コンテンツ)]タブから移動することです([Content(コンテンツ)] > [Design Manager(デザインマネージャー)])。

Navigate to Design Manager

新規テンプレートを作成する

新規テンプレートを作成するには、[New template(新規テンプレート)]をクリックします。

すでにテンプレートファイルやコードファイルを開いている場合は、新しいタブ([+Tab(+タブ)])をクリックします

Create new template

テンプレートのタイプを選択する

Choose template type

次に、テンプレート、コードファイル、またはカスタムモジュールのどれを作成するかを選びます。[Template Builder(テンプレートビルダー)]を選びます。

また、作成するテンプレートのタイプを選びます。ほとんどのモジュールはどのテンプレートにでも追加できますが、それぞれのテンプレートのタイプには、そのタイプでのみ使用できる専用のモジュールがあります。Template Builder(テンプレートビルダー)を使用すると、次のものを作成できます。

  • Page templates(ページテンプレート) - サイトおよびランディングページの土台として利用できるように構成されたテンプレートです。
  • Email templates(Eメールテンプレート) - Eメールの土台として利用できるように構成されたテンプレートです。これらのテンプレートには、Eメール専用の一部のモジュールオプションが含まれます。
  • Blog templates(ブログテンプレート) - 個別のブログ記事とブログ一覧ページの両方の土台として利用できるように構成されたテンプレートです。
  • System templates(システムテンプレート) - エラー、購読、およびパスワード保護されたページのために構成されたテンプレートです。System templates(システムテンプレート)の詳細については、このガイドの後半を参照してください

この例では、[Page(ページ)]を選択しますが、作成するテンプレートのタイプに従って選びます。

[Create(作成)]を押して、作成したテンプレートやファイルの保存場所を選びます。

テンプレートに名前を付けて保存する

テンプレートを保存するディレクトリを選びます。 [Save(保存)]をクリックします。

または、[New folder(新規フォルダー)]ボタンをクリックして新規フォルダーを作成します。作成したテンプレートをフォルダーに保存すると、新規コンテンツを作成する際にそのテンプレートを簡単に見つけられます。

New folder

テンプレートを構成してカスタマイズする

テンプレートレイアウトを構成してカスタマイズする方法の詳細についてはこのガイドの次の記事で説明しますが、一度レイアウトを作成して変更し、[Publish Changes(変更を公開)]をクリックすると、そのテンプレートを使ってコンテンツを作成できるようになります。
HubSpot Help article screenshot

ページ、Eメール、またはブログ記事を作成する

テンプレートを一度公開すると、そのページに基づいてページ、ブログ記事、またはEメールを作成できるようになります。

前の記事

次の記事