ページの追加と削除

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
CMS

作成対象：

初心者
中級
管理者
ユーザー

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

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

ページを追加

以下の手順では、基本的なページを作成するための各手順について説明します。一部の高度な機能は飛ばされますが、他のトピックで説明しています。

手順 1：ページを作成する

管理者 サイドバーで、Content/Elements/Pages に移動します。
「Add New Page」をクリックします。

{width="600" modal="regular"}
ページをすぐに公開しない場合は、Enable Page を No に設定します。
Page Title を入力します。

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

手順 2：コンテンツを完了する

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

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

Content を展開します。

{width="600" modal="regular"}
Content Heading ボックスに、ページの先頭に表示する見出しを入力します。

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

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

Content を展開します。

{width="600" modal="regular"}
Content Heading ボックスに、ページの先頭に表示する見出しを入力します。
コンテンツを完成させ、必要に応じてテキストを書式設定します。

必要に応じて、images、variables および widgets を追加できます。詳しくは、エディターの使用を参照してください。

手順 3:SEO 情報の完了

Search Engine Optimization を展開します。

{width="600" modal="regular"}
デフォルトをそのまま使用するか、またはスペースではなくハイフンを使用して、すべての小文字で構成される別の URL Key を入力します。

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

メタタイトルは 70 文字未満で入力する必要があり、ブラウザーのタイトルバーとタブに表示されます。
検索エンジンがページのインデックス作成に使用できる、値の大きい Meta Keywords の選択を入力します。

複数の単語をコンマで区切ります。メタキーワードは、一部の検索エンジンでは無視されますが、他の検索エンジンでは使用されます。
Meta Description：検索結果リストのページの簡単な説明を入力します。

説明の長さは 150～160 文字、上限は 255 にしてください。
「Save」をクリックします。

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

Page in Websites を展開します。

{width="600" modal="regular"}
Store View リストで、ページを使用できる各ビューを選択します。

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

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

{width="20"} Adobe Commerceのみの専用機能（詳細情報）

Hierarchy を展開します。

{width="600" modal="regular"}
このページが別のページの子である場合は、Parent page のチェックボックスをオンにします。

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

ページのレイアウトを変更するには、「」を展開 Design ます。

{width="600" modal="regular"}
ページの列のレイアウトを変更するには、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 （ページビルダーが必要）
Custom Layout Update を適用するには、リストからファイルの名前を選択します。

詳しくは、レイアウトの更新を参照してください。
ページのテーマを変更するには、New Theme を次のいずれかに設定します。
- Magento Black
- Magento Luma
（Magento Open Sourceのみ）デザインの変更をスケジュールするには、「 Custom Design Update を展開し、次の操作を実行します。

{width="600" modal="regular"}
- カレンダー（）を使用して、変更を有効にする From 日と To 日を選択します。
- ページに別のテーマを適用するには、テー New Theme の名前を選択します。
- ページの列のレイアウトを変更するには、適用する Layout を選択します。

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

Save 矢印をクリックし、「Save & Close」を選択してページグリッドに戻ります。
グリッドでページを見つけ、Action 列で View を選択します。
グリッドに戻るには、ブラウザーウィンドウの左上隅にある Back をクリックします。

手順 8：ページのPublish

グリッドの Action 列の「Edit」を選択します。
Enable Page を Yes に設定します。
Save の矢印をクリックし、「Save & Close」を選択します。

ページの複製

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

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

管理者 サイドバーで、Content/Elements/Pages に移動します。
グリッドで、複製するページを見つけ、Action の列の Edit をクリックします。
Save の矢印をクリックし、「Save & Duplicate」を選択します。
ページが保存されて複製されたことを示すメッセージが表示されたら、上部のボタンバーの Back をクリックしてグリッドに戻ります。
グリッドで重複ページを見つけて、次の点に注意してください。
- ページタイトルは元のタイトルと同じです。
- 一意の一時 URL キーが割り当てられます。
- ページのステータスは「Disabled」です。
複製ページを編集モードで開き、次の手順を実行します。
- ページをすぐに公開する場合は、Enable Page を Yes に設定します。
- 必要に応じて Page Title を更新します。
- 「Search Engine Optimization」セクションを展開し、重複ページに使用する一意の URL Key を入力します。
  
  {width="600" modal="regular"}
- 必要に応じて、残りのページコンテンツを更新します。
Save の矢印をクリックし、「Save & Close」を選択します。

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