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

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

HTMLテンプレートを作成するには、カスタムコードテンプレートを作成する方法を確認してください。

注：Eメールテンプレートを作成するには、Marketing Hub ProfessionalまたはEnterpriseのサブスクリプションが必要です。CMS Hubアカウントの場合は、ドラッグ&ドロップで操作できるEメールエディターを使用してEメールを作成できます。

HubSpotテンプレートについて

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

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

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

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

• ダイアログボックスで [ドラッグ＆ドロップ] を選択します。
• ドロップダウンメニューを使用して、テンプレートのタイプを選択します。ほとんどの既定のモジュールはどのテンプレートにも使用できますが、一部のモジュールは特定のテンプレート タイプに限定されています。テンプレートのタイプは、次の中から選択します。
  • ブログ：個別のブログ記事とブログ一覧ページの両方の土台として利用できるように構成されたテンプレートです。
  • Eメール：Eメールの土台として利用できるように構成されたテンプレートです。
  • ページ：ウェブサイトとランディングページの土台として利用できるように構成されたテンプレートです。
  • システム：エラー、パスワード入力、およびEメール登録のページ用に構成されたテンプレートです。 
• 次に、テンプレートファイル名を付けます。完了したら、[作成] をクリックします。

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

テンプレートには、画面右側のインスペクターを使って他のモジュールを追加することができます。インスペクターの [+追加] をクリックして、追加したいモジュールを検索し、ドラッグ＆ドロップのテンプレートレイアウトに追加します。テンプレートの構造の編集の詳細について確認してください。 

テンプレートのスタイルは、インスペクターのオプションを利用してカスタマイズできます。特定のモジュールを選択しない場合、インスペークターでテンプレートのHeadに直接スタイルを追加することができます。モジュールまたはグループをクリックすると、そのコンポーネントに固有のスタイルオプションにアクセスできます。インスペクターを使用してテンプレートをスタイル設定する方法の詳細について確認してください。

注：CSS（カスケーディング スタイル シート）やJavascriptファイルをEメールテンプレートに添付することはできませんが、カスタムHTMLマークアップ、bodyクラス、インラインスタイルをテンプレートに追加することは可能です。