HubSpotのテンプレートのセットアップをレビューする方法

更新日時 July 13, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise
HubSpotのテンプレートのセットアップ中に作成されたカスタムテンプレートをプレビューし、確定する方法について説明します。

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

HubSpotダッシュボードから、[Content(コンテンツ)] > [Design Manager(デザインマネージャー)]の順に移動します。

HubSpot Help article screenshot

作成されたカスタムテンプレートを見つける

テンプレートのセットアップの一環としてアカウント用に作成されたウェブサイトページ、ランディングページ、ブログ、およびシステムテンプレートを確認するには、左上の[Templates(テンプレート)]フォルダー > [Custom(カスタム)]フォルダーからさまざまなコンテンツタイプフォルダーに移動し、命名規則が「会社名-日付」のフォルダーを見つけて、そのフォルダー内の任意のテンプレートをクリックします。

以下に、テンプレートのセットアップで作成されたフォルダーとパスを示します。

  • [Templates(テンプレート)] > [Custom(カスタム)] > [Page(ページ)]の「会社名-日付テーマ」フォルダー -- 標準のウェブページに使用するテンプレートが含まれます。
  • [Templates(テンプレート)] > [Custom(カスタム)] > [Page(ページ)]の「会社名-日付 テーマL P」フォルダー -- ランディングページのベストプラクティスに従いナビゲーション項目が含まれていないランディングページテンプレート、およびサンキューページテンプレート(1つのみ)が含まれます。
  • [Templates(テンプレート)] > [Custom(カスタム)] > [Blog(ブログ)]の「会社名-日付 ブログ」フォルダー -- このフォルダーには、ブログリストとブログ記事ページの両方に使用するブログテンプレートが含まれています。
  • [Templates(テンプレート)] > [Custom(カスタム)] > [System(システム)]の「会社名-日付」フォルダー -- エラー、パスワード、および購読ページのテンプレートが含まれます。

たとえば、一連のランディングページテンプレートは次のように表示されます。

HubSpot Help article screenshot

テンプレートをプレビューする

テンプレートフォルダーのテンプレートをクリックしたら、[Preview(プレビュー)]ボタンをクリックして新しいテンプレートのプレビューを表示します。

HubSpot Help article screenshot

プレビュー中のテンプレートに適用したスタイルが何らかの理由で表示されない場合は、適切なスタイルが適用されていることを確認してください。

テンプレートに適用したスタイルを確認するには、[Edit(編集)] > [Edit Head(Headの編集)]の順にクリックします。

HubSpot Help article screenshot

[Attached Stylesheets(添付されたスタイルシート)]セクションで、命名規則が「会社名-日付-スタイル.css」のスタイルが添付されていることを確認します。添付されていない場合は、[Add Stylesheets(スタイルシートを追加)]ボタンをクリックして、この命名規則のスタイルシートを選択します。

Primary CSS(プライマリCSS)とドメインスタイルシートも無効にする必要があります。これらのファイルを有効にする必要がある場合は、その詳細についてこの記事を確認してください

HubSpot Help article screenshot

新しいテンプレートの1つを使ってページを作成する方法

これら新しいテンプレートの1つを使ってページを作成するには、次の2つの記事のステップに従って、テンプレートの選択プロセス中にこれらのテンプレートの1つを選択します。

HubSpotの移行チームによって作成されたテンプレートは、ウェブサイトページとランディングページ用のテンプレートの選択時に自動で[Favorites(お気に入り)]として設定されます。

コンテンツ一覧

前の記事

次の記事