成功
FAQページにアンカーリンクを追加するには？
FAQのAccordionセクションに直接リンクして、訪問者が特定の回答に移動できるようにします。
アンカーリンクを使用すると、訪問者を同じページ上のAccordionセクションに直接移動させることができます。Alignには専用のアンカー設定はありませんが、生成されたShopify IDを使用してセクションにリンクできます。
アンカーリンクを追加する
Section titled “アンカーリンクを追加する”- Accordionセクションを含む公開ページを開きます。
- ブラウザの開発者ツールを開き、要素選択ツールを使用してAccordionセクションを選択します。これらのツールの概要については、MDN Web Docsを参照してください。
- 外側の
section要素を見つけ、その完全なid値をコピーします。値はshopify-section-で始まります。 - Accordionセクションに移動させるボタンまたはリンクを開きます。
- コピーしたIDをリンクフィールドに貼り付け、先頭に
#を追加します。例：#shopify-section-template--123__accordion - 変更を保存し、公開ページでリンクをテストします。
IDはその特定のセクションインスタンスに属します。セクションを削除して再作成した場合、またはテンプレートを変更した場合は、新しいIDをコピーしてリンクを更新してください。