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

コンテンツブロックを追加

コンテンツのカスタムブロックを作成し、任意のページ、ページのグループ、さらには別のブロックに追加できます。 例えば、画像スライダーをブロックに配置し、そのブロックをホームページに配置します。 ブロック ワークスペースでは、ページ ワークスペースと同じ基本コントロール ​を使用して、使用可能なブロックの検索と日常的なメンテナンスの実行を支援します。 ブロックが完了したら、Widget ツールを使用して、ストア内の特定のページに配置できます。

​ ブロック ページには、既存のブロックのグリッドが表示されます {width="700" modal="regular"}

ブロックを作成

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

  2. 右上隅の「新しいブロックを追加」をクリックします。

    新しいブロック ページには、オプションとコンテンツ スペースが表示されます {width="500" modal="regular"}

  3. 新しいブロックのデフォルトで有効なステータスを変更する場合は、ブロックを有効にする​をNoに設定します。

  4. 内部参照用に​ ブロックタイトル ​を割り当てます。

  5. ブロックに一意の​ 識別子 ​を割り当てます。

    スペースの代わりにアンダースコアを使用して、すべての小文字を使用します。

  6. ブロックを使用可能にする各​ Store View ​を選択します。

  7. 表示されたコンテンツツールセットを使用して、ブロックのコンテンツを追加します。

    • ​ ページビルダーが有効になっている場合は、Edit with Page Builder​を選択して、コンテンツ ​ ワークスペース ​のページビルダーツールを使用します。

      ​ ページビルダーワークスペース ​ {width="500" modal="regular"}

      note
      NOTE
      ページビルダーを使用したブロックの追加について詳しくは、​ チュートリアル 2: ブロック ​を参照してください。
    • ​ エディターを使用して、テキストの書式設定、リンクの作成、テーブル、画像、ビデオ、オーディオの追加を行います。

      HTML コードを操作する場合は、エディターの表示/非表示​をクリックします。

      ​ ブロックエディター(非表示) ​ {width="500" modal="regular"}

  8. 完了したら、Save​矢印をクリックし、Save & Close​を選択します。

    新しいブロックは、ブロック グリッドのリストの下部に表示されます。

  9. Widget ツールを使用して、完成したブロックをストア内の特定のページに配置します。

ブロックの削除

カスタムブロックを削除するには、2つの方法があります。 ブロック グリッドまたは編集ブロックページから削除できます。

方法1: ブロック グリッドからブロックを削除する

  1. 管理者 サイドバーで、Content > Elements>Blocks​に移動します。
  2. グリッドの上にあるフィルターを使用してブロックを見つけ、削除する1つ以上のブロックのチェックボックスを選択します。
  3. リストの左上隅で、Actions​をDeleteに設定します。
  4. アクションを確認するには、OK​をクリックします。

方法2:編集ページからブロックを削除する

  1. 管理者 サイドバーで、Content > Elements>Blocks​に移動します。
  2. 削除するブロックを見つけます。
  3. ブロックの​ アクション ​列で、Select​をクリックし、Edit​を選択します。
  4. メニューバーで、Delete Block​をクリックします。
  5. アクションを確認するには、OK​をクリックします。

メニューを保存

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

ライトボックスまたはスライダーの追加

  • ​ スライダーPage Builderでストアに簡単に追加できます。 スライダーは、自動再生に設定することも、ナビゲーションボタンを使用して手動で制御することもできます。

    ​ ページビルダースライダー {width="600" modal="regular"}

    Commerce Marketplaceで利用できるjQuery ベースの画像ライトボックスも幅広く用意されており、一部は無料です。

  • Commerce Marketplaceから拡張機能をダウンロードすることもできます。 追加のヘルプについては、拡張機能の開発者が提供するドキュメントを参照してください。

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