RuffRuff 目次作成 ヘルプセンター

class名を指定して目次を表示

class名を指定して任意の場所に目次を表示する方法を説明します

特定のclass名を持ったエレメント内の最上部に目次を表示できます。

Shopifyテーマにアプリブロックが追加(または、埋め込みアプリが有効化)されていることが前提です。

例えば、ブログ記事のタイトル直下に目次を表示させたい場合は、タイトルの下にあるエレメントのclass名を設定してください。添付画像の場合は「article--content」または「rte」を設定していください。

目次は設定したclass名を有している最初のエレメント配下に表示されます。

  1. 「目次のカスタマイズ」ページを開く

  2. 表示位置の 「class名を指定」にチェックを付ける

  3. 表示された入力フォームにclass名を入力

    ※ 入力するclass名には「.(ドット)」は不要です

  4. 「保存」をクリックする