ブログ リスト ページを編集する

ブログ リスト ページは、ブログ記事の全てを掲載するページです。HubSpotでは、ブログ一覧ページによっては、コンテンツエディタ内のドラッグ＆ドロップツールで編集できるものもあれば、デザインマネージャーでHTMLとHubLを使用して編集する必要があるものもあります。

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

• 各ブログには、ブログ一覧ページを1つしか設定できません。
• 公開済みのブログ一覧ページやそのテンプレートに変更を加えると、それを使用しているすべてのページに表示されるコンテンツに影響します。 
• を使用して、関連するブログを削除することで、ドラッグ＆ドロップ式のブログ一覧ページを削除できます。

ドラッグ＆ドロップ操作によるリストページの作成および編集

コンテンツエディタでは、すべてのブログ記事を表示する「」ブログ一覧ページ（）を作成できます。コンテンツエディターでのモジュールの追加または移動を使用できるのは、 テーマを使用している リストページまたは ドラッグ&ドロップエリア があるリストページのみです。 

既存のブログ リスト ページのコンテンツエディターでの編集にオプトインする

新規に作成されたブログは、ブログ リスト ページのコンテンツエディターで自動的に編集できるようになります。古いブログについては、ブログの設定で次のようにして、この編集環境にオプトインできます。 

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］＞［ブログ］に移動します。 
3. ［現在のビュー］ドロップダウンメニューをクリックし、ブログを選択します。 
4. ［テンプレート］タブをクリックします。 
5. ［テンプレート］セクションで、［新しい編集環境を試す］をクリックします。

6. 表示されるダイアログボックスで、［続ける］をクリックします。 
7. コンテンツエディターで、 ドラッグ&ドロップ編集ツールを使用して ブログ リスト ページを編集します。 
8. 完了したら、右上の［更新］をクリックし、表示されるダイアログボックスで［更新］をクリックします。 

コンテンツエディターでブログ リスト ページを編集する

コンテンツエディターでの編集にオプトインされているブログ リスト ページには、［ブログ記事］ページからアクセスできます。

1. HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。
2. 左上の［設定］ドロップダウンメニューをクリックし、［ブログ リスト ページ］を選択します。 

3. ブログを基準に絞り込むには、［ブログ］ドロップダウンメニューをクリックし、フィルターに含める各ブログの横にあるチェックボックスをオンにします。
4. 新しいブログ リスト ページを作成するには、右上の［作成］をクリックします。表示されるダイアログボックスで、［ブログを選択］ドロップダウンメニューをクリックし、ブログを選択してから、［リストページを作成］をクリックします。 

5. 既存のブログ リスト ページを編集するには、リストページの名前をクリックします。多言語のブログ リスト ページにアクセスするには、プライマリー ブログ リスト ページの横にあるdownCarat下矢印をクリックします。 
6. コンテンツエディターで、 ドラッグ&ドロップ編集ツールを使用して ブログ リスト ページを編集します。 
7. 表示されるモジュールは、お使いのテンプレートによって異なります。共通モジュールとしては、次のものがあります。 
   • ブログ タグ フィルター：タグを基準にブログ記事を絞り込みます。 

• • ブログのページ送り：ブログの異なるページ間で訪問者を移動させるテキストを設定します。 

• • ブログリスト：ブログの説明文のスタイルとして［カード］または［リスト］を設定し、そこに表示する情報を選択します。執筆者の小見出しを編集したり、リストページにタグを付けたりすることもできます。 

8. リストページの設定を編集するには、右上の［設定］をクリックします。
9. 表示されるダイアログボックスで、リストページの設定を編集します。 
   • HubSpot内でのページ名を変更するには、［内部ページ名］フィールドに新しいページ名を入力します。この名前は訪問者には表示されません。 
   • ［ページタイトル］フィールドには、ブログの公開名が表示されます。［ページタイトル］フィールドで設定されているブログの公開名は、ブログ設定で変更できます。
   • ［ページURL］フィールドには、リストページのURLが表示されます。この値は、ブログ設定の［ブログのルートURL］で変更できます。
   • ［メタディスクリプション］フィールドに、リストページのコンテンツに関する説明を入力します。ここで入力した説明は、検索結果でページタイトルの下に表示されます。
   • ソーシャルシェアで使用するキービジュアルをリストページに追加するには、左のサイドバーメニューで［キービジュアル］をクリックします。次に、［キービジュアルの有効化］スイッチをオンに切り替え、［アップロード］をクリックしてブラウザーから画像を追加するか、または［画像を参照］をクリックしてファイルツールから画像を追加します。 
   • リストページのヘッダーまたはフッターHTMLにコードを追加するには、左のサイドバーメニューで［詳細］をクリックします。［ヘッダーHTML］または［フッターHTML］フィールドに、コードスニペットを入力します。 
10. 完了したら、右上の［公開］または［更新］をクリックします。

リスト ページ テンプレートを変更する

1. HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。
2. 左上の［設定］ドロップダウンメニューをクリックし、［ブログ リスト ページ］を選択します。

3. リストページの名前をクリックします。多言語のブログ リスト ページにアクセスするには、プライマリー ブログ リスト ページの横にあるdownCarat下矢印をクリックします。 
4. コンテンツエディターで、右上の［設定］をクリックします。
5. 左のサイドバーメニューで、［テンプレート］をクリックします。
6. ［テンプレート］セクションで、［別のテンプレートを使用］をクリックします。 
7. ［テンプレートを選択］ページで、テンプレートカードをクリックします。テーマを変更するには、［テーマ］ドロップダウンメニューをクリックして、［テーマを変更］を選択し、テンプレートカードをクリックします。
8. テンプレートのプレビュー画面で、右上の［テンプレートを選択］をクリックします。 
9. コンテンツエディターで、必要に応じてテンプレートに変更を加えます。
10. 完了したら、右上の［公開］または［更新］をクリックします。

カスタムコーディングによるブログ一覧ページテンプレートの作成と編集 

のHTML/HubLマークアップ（ ）を使用した、カスタムコーディングされたブログ一覧ページテンプレートを作成・編集します。リスト ページ テンプレートの中には、レイアウトエディターでモジュールを編集できるものもあれば、完全にコード化されたものもあります。

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］＞［ブログ］に移動します。
3. ［現在のビュー］ドロップダウンメニューをクリックし、ブログを選択します。
4. ［テンプレート］タブをクリックします。
5. ［ブログ リスト ページ］セクションで、［アクション］ドロップダウンメニューをクリックし、［編集］を選択します。
6. デザインマネージャーのレイアウトエディターでモジュールをクリックし、インスペクターでそのモジュールのオプションを編集します。
7. リスティングテンプレートのブログ コンテンツ モジュールを編集するには、［ブログコンテンツ］モジュールをクリックし、右列にある［リスティングテンプレートを編集］をクリックします。 

8. モジュールエディターで、リスティングテンプレートをカスタマイズします。HubLを使用したブログ リスト テンプレートの編集について詳しくは、開発者ドキュメントをご覧ください。 
9. 完了したら、右上の［変更を公開］をクリックして変更内容を公開します。