メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ブログやページのテンプレートの交換および編集

更新日時 2025年9月30日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

コンテンツエディターでは、ブログやページのテンプレートを切り替えることで、そのブログまたはページのデザインを変更できます。同じブログの全てのブログ記事では、同じテンプレートを使用する必要があります。 

既存のコンテンツに適用されるテンプレートを編集する

  1. 目的のコンテンツに移動します。
    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. コンテンツの名前をクリックします。 
  3. コンテンツエディターの右上にある[設定]をクリックします。
  4. 表示されるダイアログボックスの左側にあるメニューで[テンプレート]をクリックします。 
  5. [テンプレート]セクションで、[このテンプレートを編集]をクリックします。 
  6. テンプレートがコンテンツの別の部分で使用されている場合、ダイアログボックスが表示されます。テンプレートを使用する全てのページ、投稿、またはEメールに対して編集内容を適用するには、[このテンプレートを編集]をクリックします。コンテンツのテンプレートの当該部分のみを編集するには、[複製して新しいテンプレートを編集]をクリックします。
  7. デザインマネージャーで、テンプレートを編集します。デザインマネージャーでのテンプレートの編集について詳細をご確認ください。
  8. 右上の[変更を公開]をクリックします。

別のテンプレートを使用する

デザインマネージャーで作成されたレイアウトテンプレートがページで使用されている場合、ドラッグ&ドロップ編集機能を使用してコードテンプレートに切り替えることができます。ドラッグ&ドロップ編集で作成されたコードテンプレートを、レイアウトテンプレートやドラッグ&ドロップ編集を行わずに作成されたコードテンプレートに切り替えることはできません。

  1. 目的のコンテンツに移動します。
    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. コンテンツの名前をクリックします。 
  3. コンテンツエディターで、右上の[設定]をクリックします。
  4. 表示されるダイアログボックスの左側にあるメニューで[テンプレート]をクリックします。
  5. [テンプレート]セクションで、[別のテンプレートを使用]をクリックします。
  6. [テンプレートを選択]ページでテンプレートをクリックして、コンテンツがさまざまなデバイスでどのように表示されるかをプレビューします。
  7. 完了したら、右上の[テンプレートを選択]をクリックします。

注:テンプレートが見つからない場合、そのテンプレートにはこのページの現在のテンプレートとの互換性がない可能性が考えられます。互いに入れ替えることができるテンプレートタイプについて詳細をご確認ください。 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。