ドキュメントコンテンツとデザイン

[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト（Adobeで管理されるPaaS インフラストラクチャ）とオンプレミス プロジェクトにのみ適用されます。"}

ページの追加と削除

最終更新日： 2026年6月16日

作成対象：

  • {"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"c66ffd68-0f65-42bb-aa23-b4020f12e0bd"}

コンテンツページをストアに追加するプロセスは、作成する可能性のあるあらゆるタイプのページで基本的に同じです。 テキスト、画像、コンテンツブロック、変数、ウィジェットを含めることができます。 多くのコンテンツページは、まず検索エンジンが読むように、そして次に人々が読むように設計されています。 ページタイトル、URLを選択する際、およびメタデータやコンテンツを作成する際には、このふたつの異なるオーディエンスのニーズを念頭に置いてください。 ページが完成したら、ストアナビゲーションに追加したり、他のページにリンクしたり、ストアのフッターからリンクしたり、新しい​ ホームページ ​として使用したりできます。

​ ページグリッド ​ {width="700" modal="regular"}

ページを追加

次の手順では、基本ページを作成するための各ステップについて説明します。 一部の高度な機能は省略されますが、他のトピックで取り上げられます。

手順1：ページの作成

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. Add New Page​をクリックします。

    新しいページ ​ {width="600" modal="regular"}

  3. ページをすぐに公開しない場合は、Enable Page​をNoに設定します。

  4. Page Title​を入力します。

    ページのタイトルが​ パンくずリスト ​ ナビゲーションに表示されます。

ステップ 2：コンテンツを完了する

詳細コンテンツツール設定に応じて、ページコンテンツを追加します。

NOTE
ページビルダーのコンテンツエディターに、デフォルトのストアビューで使用できないCMS ページ要素のプレビューが表示されない。 例えば、デフォルト以外のストアビューにのみ割り当てられているCMS ブロックをプレビューすることはできません。 この場合、最初にCMS ページを公開する必要があります。 次に、ストアフロントでこのページを直接表示できます。 または、Action列のCMS ページ Viewを選択して、管理者のPages グリッドからページを表示することもできます。

ページビルダーのコンテンツツールの使用

  1. 拡張セレクター Content​を展開します。

    ​ ページビルダーを使用したコンテンツ ​ {width="600" modal="regular"}

  2. 「Content Heading」ボックスに、ページの上部に表示する見出しを入力します。

    有効にすると、​ ページビルダーのステージとパネルがコンテンツ見出しの下に表示されます。 詳しくは、Workspaceを参照してください。 ページビルダー​が有効になっていない場合、エディターはWYSIWYG モードで開き、上部にツールバーが表示されます。

  3. コンテンツを完成させ、必要に応じてテキストを書式設定します。

エディターツールバーの使用

  1. 拡張セレクター Content​を展開します。

    ​ コンテンツ ​ {width="600" modal="regular"}

  2. 「Content Heading」ボックスに、ページの上部に表示する見出しを入力します。

  3. 必要に応じて、コンテンツを入力し、テキストの書式を設定します。

    必要に応じて、画像、変数、​ ウィジェット ​を追加できます。 詳しくは、​ エディターの使用を参照してください。

ステップ 3:SEO情報を完了する

  1. 拡張セレクター Search Engine Optimization​を展開します。

    検索エンジン最適化 {width="600" modal="regular"}

  2. デフォルトを使用するか、すべての小文字で構成される別の​ URL Key ​を入力し、スペースの代わりにハイフンを使用します。

    デフォルトのURL キーは、ページの保存時に作成され、コンテンツ見出しに基づいています。

  3. ページの​ Meta Title ​を入力してください。

    メタタイトルは70文字以下にする必要があり、ブラウザーのタイトルバーとタブに表示されます。

  4. 検索エンジンがページのインデックス作成に使用できる高価値​ Meta Keywords ​の選択肢を入力します。

    複数の単語はコンマで区切ります。 Metaのキーワードは、一部の検索エンジンでは無視されますが、他の検索エンジンでは使用されます。

  5. Meta Description​に、検索結果リストのページの簡単な説明を入力します。

    理想的には、説明は150～160文字で、最大255文字までです。

  6. Save​をクリックします。

手順4：ページの範囲の指定

  1. 拡張セレクター Page in Websites​を展開します。

    Web サイトの ​ ページ ​ {width="600" modal="regular"}

  2. Store View リストで、ページを利用できる各ビューを選択します。

    インストールに複数のweb サイトがある場合は、各web サイトを選択し、ページを使用可能にするストアビューを選択します。

手順5：親ページの特定（該当する場合）

Adobe Commerceの機能 {width="20"} これは、Adobe Commerceでのみ使用できる機能であり、Magento Open Sourceでは使用できません。 （詳細情報）

  1. 拡張セレクター Hierarchy​を展開します。

    階層 {width="600" modal="regular"}

  2. このページが別のページの子である場合は、Parent page​のチェックボックスを選択します。

手順6：デザインの変更を入力する（オプション）

  1. ページのレイアウトを変更するには、 拡張セレクター Design​を展開します。

    ​ デザイン ​ {width="600" modal="regular"}

  2. ページの列レイアウトを変更するには、Layout​を次のいずれかに設定します。

    • Empty
    • 1 column
    • 2 columns with left bar
    • 2 columns with right bar
    • 3 columns
    • Page -- Full Width （​ ページビルダーが必要）
    • Category -- Full Width （ページビルダーが必要）
    • Product -- Full Width （ページビルダーが必要）

  3. Custom Layout Update​を適用するには、リストからファイル名を選択します。

    詳しくは、​ レイアウトの更新を参照してください。

  4. ページのテーマを変更するには、New Theme​を次のいずれかに設定します。

    • Magento Black
    • Magento Luma

  5. Magento Open Source （Magento Open Sourceのみ）デザインの変更をスケジュールするには、 拡張セレクター Custom Design Update​を展開し、次の操作を行います。

    ​ カスタムデザインの更新 {width="600" modal="regular"}

    • カレンダー（ ​ カレンダーアイコン ​ ）を使用して、変更を有効にする​ From ​日と​ To ​日を選択します。

    • 別のテーマをページに適用するには、New Theme​の名前を選択します。

    • ページの列レイアウトを変更するには、適用する​ Layout ​を選択します。

手順7：ページのプレビュー

  1. Save​矢印をクリックし、Save & Close​を選択してページグリッドに戻ります。

  2. グリッドでページを検索し、Action​列の​ View ​を選択します。

  3. グリッドに戻るには、ブラウザーウィンドウの左上隅にある「Back」をクリックします。

手順8：ページの公開

  1. グリッドの​ Action ​列の​ Edit ​を選択します。

  2. Enable Page​をYesに設定します。

  3. Save​矢印をクリックし、Save & Close​を選択します。

ページの複製

任意のコンテンツページをテンプレートとして使用し、複製として保存できます。 この時間の節約になる手法を利用して、サイト全体でコンテンツページの一貫したデザインを作成することができます。 複製されたページには、元のページタイトルが保持されますが、「URL キー」フィールドと「ステータス」フィールドは更新する必要があります。

保存して複製 {width="600" modal="regular"}

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. グリッドで、複製するページを見つけ、Action​列の​ Edit ​をクリックします。

  3. Save​矢印をクリックし、Save & Duplicate​を選択します。

  4. ページが保存され、複製されたメッセージが表示されたら、上部のボタンバーで「Back」をクリックしてグリッドに戻ります。

  5. グリッドで複製ページを見つけ、次の点に注意してください。

    • ページタイトルはオリジナルと同じです。
    • 一意ですが、一時的なURL キーが割り当てられています。
    • ページのステータスはDisabledです。

  6. 編集 モードで複製ページを開き、次の操作を行います。

    • ページをすぐに公開する場合は、Enable Page​をYesに設定します。

    • 必要に応じて、Page Title​を更新します。

    • Search Engine Optimization セクションの 拡張セレクター を展開し、複製ページに使用する一意の​ URL Key ​を入力します。

      一時URL キー {width="600" modal="regular"}

    • 必要に応じて、残りのページコンテンツを更新します。

  7. Save​矢印をクリックし、Save & Close​を選択します。

    グリッドの複製ページには、変更が反映されます。

メニューを保存

コマンド
説明
Save
現在のページを保存して、作業を続行します。
Save & New
現在のページを保存して閉じ、新しいページを開始します。
Save & Duplicate
現在のページを保存して閉じ、新しい複製コピーを開きます。
Save & Close
現在のページを保存して閉じ、ページグリッドに戻ります。

ページの削除

作成したページを削除する方法は2つあります。 Pages​グリッドまたは​Edit ページから削除できます。

方法1: ページグリッドからページを削除する

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. グリッドの上にあるフィルターを使用してページを見つけ、削除する1つ以上のページのチェックボックスを選択します。

  3. リストの左上隅で、Actions​をDeleteに設定します。

  4. アクションを確認するには、OK​をクリックします。

方法2：編集ページからページを削除する

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. 削除するページを検索します。

  3. ページエンティティの​ Actions ​列で、Select​をクリックし、Edit​を選択します。

  4. ボタンバーで、Delete Page​をクリックします。

  5. アクションを確認するには、OK​をクリックします。

recommendation-more-help
commerce-admin-help-content-design