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

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

HubSpotテンプレートについて

HubSpotテンプレートは、ユーザーがコンテンツエディターで作成するブログ、ページ、メール、の構造を設定します。コンテンツモジュールをドラッグ＆ドロップしてレイアウトを作成することで、テンプレートを構築できます。代わりにHTMLを使用してテンプレートを作成するには、カスタムコードテンプレートの作成について詳細をご覧ください。 

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

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

• HubSpotアカウントにて、［コンテンツ］＞［デザインマネージャー］の順に進みます。
• ファインダーの上部で、ファイル > 新規ファイルをクリックします。

• ダイアログボックスで、［今日は何を作成しますか？］ドロップダウンメニューをクリックし、［ドラッグ＆ドロップ］を選択します。［次へ］をクリックします。
• ［テンプレートタイプ］ドロップダウンメニューをクリックしてタイプを選択します。ほとんどのデフォルトモジュールはどのテンプレートでも利用可能ですが、一部のモジュールは特定のテンプレートタイプに限定されています。テンプレートのタイプは、次の中から選択します。
  • ブログ：個別のブログ記事およびブログリストページのテンプレート。
  • Eメール：Eメールのテンプレート。
  • ページ：ウェブサイトとランディングページのテンプレート。
  • システム：エラーページ、パスワードプロンプト、Eメールの配信登録ページ用のテンプレート。 
• ファイル名を入力します。完了したら、［作成］ をクリックします。

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

デザインマネージャの右側にあるインスペクタを使って、さらにモジュールをテンプレートに追加することができます。インスペクタで+追加をクリックし、ドラッグ＆ドロップのテンプレートレイアウトに追加するモジュールを検索します。詳しくはこちら自分のテンプレートの構造を編集する . 

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

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