更新日時 2021年 4月 30日
テンプレートを使用すると、ブログ、ページ、またはEメールでさまざまなタイプのコンテンツの構造を制御できます。デザインマネージャーでモジュールをドラッグ＆ドロップして、テンプレートを作成できます。HubSpotのテンプレート構成に関するさらに詳しい説明は、こちらのアカデミー講座（英語）を参照してください。
注：Eメールテンプレートを作成するには、Marketing Hub ProfessionalまたはEnterpriseのサブスクリプションが必要です。CMS Hubアカウントの場合は、ドラッグ＆ドロップで操作できるEメールエディターを使用してEメールを作成できます。
HubSpotテンプレートについて
HubSpotテンプレートはブログ、ページ、Eメールの構造を設定し、ユーザーがコンテンツエディターで作成します。コンテンツモジュールをドラッグ＆ドロップしてレイアウトを作成することで、テンプレートを作成できます。代わりにHTMLを使用してテンプレートを作成するには、カスタム コード テンプレートを作成するを参照してください。
レイアウトエディターを使用すると、アイデア、スケッチ、またはプロトタイプを、コンテンツを作成するためのレスポンシブテンプレートに変換できます。
新規テンプレートを作成する
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
- ファインダー上部で［ファイル］＞［新規ファイル］をクリックします。
- ダイアログボックスで、［今日は何を作成しますか？］ドロップダウンメニューをクリックし、［ドラッグ＆ドロップ］を選択します。［次へ］をクリックします。
- ［テンプレートタイプ］ドロップダウンメニューをクリックしてタイプを選択します。ほとんどの既定のモジュールはどのテンプレートにも使用できますが、一部のモジュールは特定のテンプレートタイプに限定されています。テンプレートのタイプは、次の中から選択します。
- ブログ：個別のブログ記事およびブログリストページのテンプレート。
- Eメール：Eメールのテンプレート。
- ページ：ウェブサイトとランディングページのテンプレート。
- システム：エラーページ、パスワード プロンプト ページ、Eメールサブスクリプションページのテンプレート。
- ファイル名を入力します。完了したら、［作成］ をクリックします。
テンプレートの構成とカスタマイズ
テンプレートには、デザインマネージャーの右側のインスペクターを使って他のモジュールを追加することができます。インスペクターの［＋追加］をクリックして、追加したいモジュールを検索し、ドラッグ＆ドロップのテンプレートレイアウトに追加します。テンプレートの構造の編集の詳細について確認してください。
テンプレートのスタイルは、インスペクターのオプションを利用してカスタマイズできます。特定のモジュールを選択しない場合、テンプレートのHeadに直接スタイルを追加することができます。モジュールまたはグループをクリックすると、そのコンポーネントに固有のスタイルオプションにアクセスできます。インスペクターを使用してテンプレートをスタイル設定する方法の詳細について確認してください。
注：CSS（カスケーディング スタイル シート）やJavascriptファイルをEメールテンプレートに添付することはできませんが、カスタムHTMLマークアップ、bodyクラス、インラインスタイルをテンプレートに追加することは可能です。
テンプレートをプレビューして公開する
- 右上の ［プレビュー］ をクリックして、ウェブブラウザーにテンプレートのプレビューを表示します。［表示オプションを使用したライブプレビュー］を選択すると、他のさまざまなデバイスでのテンプレートの表示を確認することができます。
- テンプレートが完成したら、右上の ［変更を公開］ をクリックします。
新しいテンプレートを公開したら、そのテンプレートを使用して新しいページまたはEメールを作成できるようになります。ブログテンプレートは、ブログ設定で既存のブログに適用できます。
