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

ブログ リスト ページは、ブログ記事の全てを掲載するページです。HubSpotのブログ リスト ページには、コンテンツエディターのドラッグ＆ドロップツールで編集できるものもあれば、デザインマネージャーでのHTML + HubL編集が必要なものもあります（Marketing Hub Professional／EnterpriseまたはContent Hub Professional／Enterpriseのみ）。

注：ドラッグ＆ドロップ操作でリストページを削除するには、そのページに関連付けられているブログを削除する必要があります。 

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

コンテンツエディターでは、ブログ記事の全てを掲載するブログ リスト ページを作成することができます。コンテンツエディターでモジュールを追加または移動できるリストページは、テーマを使用しているか、ドラッグ＆ドロップエリアがあるものに限られます。 

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

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

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

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

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

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

1. HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. 左上の［設定］ドロップダウンメニューをクリックし、［ブログ リスト ページ］を選択します。 

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

注：1つのブログにつき、1つのブログ リスト ページのみを作成できます。ブログにすでにブログ リスト ページがある場合、そのブログの新しいリストページを作成することはできません。 

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

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