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

ブログ記事またはページのテンプレートを編集するか、別のテンプレートに切り替えて、デザインを変更します。テンプレートは、コンテンツの構造とレイアウトを制御します。 

例えば、テンプレートを更新して複数のページでスタイルを調整したり、テンプレートを切り替えてコンテンツの表示方法を変更したりできます。 

注:同じブログ上の全てのブログ記事で同じテンプレートを使用する必要があります。

始める前に

ブログまたはページのテンプレートを入れ替えて編集する前に、要件と考慮事項を確認してください。 

制限事項と考慮事項について

• テンプレートに対する変更は、そのテンプレートを使用しているすべてのコンテンツに適用されます。
• 同じブログの全てのブログ記事では、同じテンプレートを使用する必要があります。 

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

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

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

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

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

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