レイアウトエディターでページ、Eメール、ブログのテンプレートを作成する
更新日時 2023年 1月 19日
テンプレートを使用すると、ブログ、ページ、または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メールを作成できるようになります。ブログテンプレートは、ブログ設定で既存のブログに適用できます。
Thank you for your feedback, it means a lot to us.