エディターでのウィジェットの挿入

widget ツールを使用すると、Commerce コンテンツページやノード、商品、カテゴリへのリンクなど、ページに様々なコンテンツ要素を追加できます。 リンクは、ブロック形式でページ上に配置することも、コンテンツに直接組み込むこともできます。 ウィジェットツールを使用して、次のタイプのコンテンツへのリンクを作成できます。

デフォルトでは、リンクはテーマのスタイルシートからスタイルを継承します。

IMPORTANT
多数のディレクティブ、特に 最近表示された項目/比較対象の製品 タイプなどのウィジェットを挿入すると、ページがキャッシュされていない場合に、ページの最初の読み込みに悪影響を与える可能性があります。 このため、慎重に使用してください。 通常、問題は作成されません。 ただし、この潜在的な問題については、開発チームと話し合う必要があります。
  1. ページ、ブロック、またはダイナミックブロックを編集モードで開きます。

  2. Content」セクションに移動して、エディターをサポートする要素をクリックします。

  3. ウィジェットを表示する位置にカーソルを置き、「ウィジェットを挿入」アイコンをクリックします。

    エディターツールバー – ウィジェットを挿入 {width="700" modal="regular"}

    ページビルダーを有効にしていない場合にコードを操作するには、「Show / Hide Editor」をクリックします。 ウィジェットを表示するテキスト内の位置に挿入ポイントを置きます。 次に、「Insert Widget」をクリックします。

  4. Widget Type を選択します。

    これらのオプションについて詳しくは、 ウィジェットの種類を参照してください。 次の手順では、製品へのリンクを挿入する例を使用します。

  5. 製品名を使用するには、「Anchor Custom Text」フィールドを空のままにします。

  6. SEO ベストプラクティスの Anchor Custom Title を入力します。

    このタイトルはページに表示されません。

  7. Template を次のいずれかに設定します。

    • リンクをテキストに組み込むには、「Product Link Inline Template」を選択します。

    • リンクを別の行に配置するには、[Product Link Block Template] を選択します。

  8. Select Product」をクリックして、次の操作を実行します。

    • ツリーで、目的のカテゴリに移動します。

    • リストで、リンクされた製品を選択します。

  9. Insert Widget」をクリックして、ページにリンクを配置します。

    HTMLコードを使用する場合は、ページ上部にリンクの マークアップ タグが表示され、二重中括弧で囲まれます。 必要に応じて、切り取りと貼り付け を使用して、コード内でリンクを表示する位置にマークアップタグを配置します。

  10. コンテンツの編集が完了したら、「Save」をクリックします。

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de