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

ブログの掲載ページを編集する

更新日時 2023年 10月 31日

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

すべての製品とプラン

ブログ リスト ページは、ブログの記事をすべて表示するページである。HubSpotでは、コンテンツエディターのドラッグ&ドロップツールで編集できるブログ リスト ページもあれば、デザインマネージャーでHTML + HubLの編集が必要なページもあります(Marketing Hub Professional or Enterprise or CMSHub Professional or Enterpriseのみ)。

注:ドラッグ・アンド・ドロップの掲載ページを削除するには、関連付けされているブログを削除する必要があります。 

ドラッグ・アンド・ドロップによる掲載ページの作成と編集

コンテンツエディターでは、ブログの記事をすべて表示するブログリストページを作成することができます。テーマを使用する、またはドラッグ&ドロップエリアを持つリスティングページのみ、コンテンツエディターでのモジュールの追加や移動に対応しています。 

既存のブログ リスト ページをコンテンツエディターで編集に最適化する

新規に作成されたブログは、ブログ リスト ページのコンテンツエディターでの編集に自動的に対応します。古いブログの場合は、ブログの設定でこの編集体験を選ぶことができます: 

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左サイドバーのメニューから、「ウェブサイト> ブログ」に移動します。 
  • 複数のブログをお持ちの場合は、「修正するブログを選択」ドロップダウンメニューをクリックし、ブログを選択します。 
  • テンプレート」タブに移動します。 
  • ブログリストセクションで、新しい編集エクスペリエンスを試してみるをクリックします。

トライ・ニュー・エディット・エクスペリエンス

  • ダイアログボックスで[続ける]をクリックします。 
  • コンテンツエディターで、ドラッグ&ドロップ編集ツールを使って、ブログ リスト ページを編集します。 
  • 変更を反映させるには、右上の「更新」をクリックし、ダイアログボックスの「更新」をクリックします。 

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

コンテンツエディターで編集をオプトインしたブログ リスト ページは、ブログダッシュボードからアクセスすることができます: 

  • HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
  • 左上の「ブログ記事」ドロップダウンメニューをクリックし、「ブログ リスト ページ」を選択します。 

select-blog-listing-pages

  • ブログで絞り込むには、表の上部にあるブログのドロップダウンメニューをクリックし、フィルタリングに含めたい各ブログの横にあるチェックボックスを選択します。
ブログごとに絞り込みされたブログリストページ .
  • 新しいブログ リスト ページを作成するには、右上の「作成」をクリックします。ダイアログボックスで、[ブログを選択]ドロップダウンメニューをクリックしてブログを選択し、[一覧ページの作成]をクリックします。 

注:各ブログは1つのブログ・リスティング・ページしか持つことができません。すでにブログの一覧ページがある場合、そのブログの新しい一覧ページを作成することはできません。 

  • 既存のブログ リスト ページを編集するには、そのページにマウスポインターを合わせ、編集をクリックします。多言語のブログ リスト ページにアクセスするには、主要なブログ リスト ページの横にある下矢印をクリックします。downCarat下矢印をクリックすると、主要なブログ リスト ページにアクセスできます。 

アクセス・多言語ブログ・リスティングページ

  • コンテンツエディターで、ドラッグ&ドロップ編集ツールを使って、ブログ リスト ページを編集します。 
  • 表示されるモジュールは、お使いのテンプレートによって異なります。一般的なモジュールとしては、以下のようなものがあります: 
    • ブログタグフィルター:ブログ記事をタグで絞り込みします。 
    • ブログのページネーション:ブログの異なるページ間で訪問者を移動させるテキストを設定します。 
    • ブログのリスト:ブログの説明文のスタイルとしてカードまたはリストを設定し、そこに表示される情報を選択します。また、著者やタグの一覧ページの小見出しを編集することもできます。 

ブログ・リスティング・モジュール

  • リスティングページの設定を編集するには、設定メニューをクリックし、一般を選択します。次に、ダイアログボックスでリスティングページの設定を編集します: 
    • HubSpotでのページ名の付け方を変更するには、ページ名を内部ページ名フィールドに入力します。この名前は訪問者には表示されない。 
    • ブログの公開名は、ページタイトルフィールドに表示されます。この名前は、ブログ設定のページタイトルフィールドで変更できます。
    • 掲載ページのURLは、ページURLフィールドに表示されます。この名前は、ブログ設定のブログルートURLフィールドで変更できます。
    • 「メタディスクリプション」フィールドには、検索結果でページタイトルの下に表示される、リスティングページのコンテンツの説明を入力します。
    • ソーシャルシェアリング用の特集画像をリスティングページに追加するには、左サイドバーメニューのFeaturedimageタブをクリックします。「キービジュアルの有効化」スイッチをクリックしてオンに切り替え、Uploadをクリックしてブラウザーから画像を追加するか、Browse imagesをクリックしてfiles toolから画像を追加します。 
    • リスティングページのヘッドまたはフッターHTMLに追加のコードを追加するには、左サイドバーメニューの[Advanced]タブをクリックします。「HeadのHTML」またはFooter HTMLフィールドに、コード・スニペットを入力します。 
  • 変更をライブで反映させるには、右上のUpdateをクリックします。

掲載ページのテンプレートを変更する

  • HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
  • 左上の「ブログ記事」ドロップダウンメニューをクリックし、「ブログ リスト ページ」を選択します。

select-blog-listing-pages

  • ブログ リスト ページにマウスポインターを合わせ、[編集]をクリックします。多言語のブログ リスト ページにアクセスするには、主要なブログ リスト ページの横にある下矢印をクリックします。downCarat下矢印をクリックすると、主要なブログ リスト ページにアクセスできます。 

アクセス・多言語ブログ・リスティングページ

  • コンテンツエディターで、Settingsメニューをクリックし、Templateを選択する。 
  • ダイアログ・ボックスで、左サイドバーの「テンプレート」をクリックする。 
  • ダイアログボックスで、異なるテンプレートを使用するをクリックします。 
  • テンプレート選択画面で、左サイドバーメニューの「すべてのテンプレート」をクリックし、テンプレートをクリックします。 
  • テンプレートのプレビュー画面で、右上の「テンプレートを使用する」をクリックします。 
  • コンテンツエディターで、テンプレートに何らかの変更を加える。
  • 変更をライブで反映させるには、右上のUpdateをクリックします。

コード化されたブログ リスト ページのテンプレートを編集する 

Marketing Hub Professional or Enterprise or CMS Hub Professional or Enterprise,では、HTML/HubL マークアップを使用するコード化されたブログ リスト ページテンプレートを作成できます。掲載ページのテンプレートには、レイアウトエディターでのモジュール編集をサポートするものもあれば、完全にコード化されたものもあります。

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左サイドバーのメニューから、「ウェブサイト> ブログ」に移動します。 
  • 複数のブログをお持ちの場合は、「修正するブログを選択」ドロップダウンメニューをクリックし、ブログを選択します。 
  • [テンプレート]タブをクリックします。 
  • ブログリストセクションで、アクションドロップダウンメニューをクリックし、編集を選択する。 
edit-blog-listing-template-in-design-manager
  • デザインマネージャーのレイアウトエディターで、モジュールをクリックし、右の列でそのオプションを編集します。 
  • 掲載テンプレートのブログ・コンテンツ・モジュールを編集するには、ブログ・コンテンツモジュールをクリックし、右列の掲載テンプレートの編集をクリックします。 
デザインマネージャー・レイアウトエディター内のリスト・ページ
  • モジュールエディターで、リスティングテンプレートを編集します。HubLを使ってブログリストのテンプレートを編集する方法については、開発者向けドキュメントで詳しく説明しています。 

edit-blog-listing-template-using-hubl

  • 右上で、「変更を公開」をクリックし、変更をライブにします。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。