![[機能] 目次の表示位置(3種類)](http://cdn.shopify.com/s/files/1/0611/3542/1693/products/16_700x700.png?v=1680080770)
![[機能] 目次の表示位置(3種類)](http://cdn.shopify.com/s/files/1/0611/3542/1693/products/16_700x700.png?v=1680080770)
機能概要
目次の表示位置を下記から選択することが出来ます。
このページでは「1. 最初の見出しの上」を利用しています。
- 最初の見出しの上
- テーマエディタで指定(Online Store 2.0のみ)
- Class名を指定
最初の見出しの上
利用する見出しで選択した見出しの中で、記事中最上部に位置する見出しの上に目次を挿入します。
例えば、h2,h3を選択した場合、「Title > 文章 > h2 > 文章 > h3 > 文章 > h2 > 文章 」の構成の記事では、「Title > 文章 > 【目次】 > h2 > 文章 > h3 > 文章 > h2 > 文章 」の位置に目次が表示されます。
テーマエディタで指定(Online Store 2.0のみ)
テーマエディタを利用し、目次を表示したいブロックにアプリを挿入することができます。
※ Online Store 2.0のテーマのみご利用できます
class名を指定
特定のclass名を持った文章の上に目次を挿入します。
※ 指定したClass名が複数ある場合、最初に出現するclass名を持った文章の上に目次を挿入します。
利用できるプラン
- Free Plan ◯
- Light Plan ◯
- Regular Plan ◯
設定方法
目次を最初の見出しの上に表示する
- TOP > 「目次を編集」の順に移動
- Free Planセクション内の「表示位置 > 最初の見出しの上」にチェックを付ける
- 保存をクリックする
目次をテーマエディタ指定した場所に表示する
- TOP > 「目次を編集」の順に移動
- Free Planセクション内の「表示位置 > テーマエディタで指定」にチェックを付ける
- 保存をクリックする
- テーマエディタにアクセスする
- 「TOP > 2. テーマにアプリを追加する > テーマを選択する」から目次を挿入したテーマを選ぶ
- 位置を調整したいページの「アクセスする」をクリックする
- テーマエディタ上の「目次」アプリをドラッグ・アンド・ドロップで目次を表示させたい場所に移動する
- 保存をクリックする
目次をclass名で指定した場所に表示する
- TOP > 「目次を編集」の順に移動
- Free Planセクション内の「表示位置 > class名を指定」にチェックを付ける
- 表示された入力フォームにclass名を入力
※ 入力するclass名は「.(ドット)」は不要です - 保存をクリックする
RuffRuff 目次作成の機能一覧
-
[機能] 字下げ(インデント)
Tsun Inc.元の価格 ¥0 - 元の価格 ¥0元の価格¥0 JPY¥0 - ¥0現在の価格 ¥0 JPY機能概要 複数の見出しを目次に利用する場合に、字下げ(インデント)のあり/なしを設定することが出来ます。 利用できるプラン Free Plan ◯ Light Plan ◯ Regular Plan ◯ 設定方法 字下げ(インデント)する場合 TOP > 「目次を編集」の順に移...
詳細を全部見る -
[機能] スクロールのオン・オフ
Tsun Inc.元の価格 ¥0 - 元の価格 ¥0元の価格¥0 JPY¥0 - ¥0現在の価格 ¥0 JPY機能概要 目次タップ時に該当箇所まで遷移する際の「スクロールアニメーション」をオン/オフ切替えることができます。 利用できるプラン Free Plan ◯ Light Plan ◯ Regular Plan ◯ 設定方法 スクロールアニメーションをオンにする TOP > ...
詳細を全部見る -
[機能]見出しの選択
Tsun Inc.元の価格 ¥0 - 元の価格 ¥0元の価格¥0 JPY¥0 - ¥0現在の価格 ¥0 JPY機能概要 目次に利用する見出しをH1~H6の中から自由に選択できます。全ての見出しを選択することも可能ですし、「H2、H4のみ選択」なども可能です。 利用できるプラン Free Plan ◯ Light Plan ◯ Regular Plan ◯ 設定方法 TOP > 「目次を編...
詳細を全部見る -
[機能] 章番号の表記
Tsun Inc.元の価格 ¥0 - 元の価格 ¥0元の価格¥0 JPY¥0 - ¥0現在の価格 ¥0 JPY機能概要 RuffRuff 目次作成では、章番号を下記3種類から選ぶことができます。 なし(None) 丸表記(Bullets) 数値表記(Numbers) 利用できるプラン Free Plan ◯ Light Plan ◯ Regular Plan ◯ 設定方法 章番号を「なし...
詳細を全部見る
「RuffRuff 目次作成」の関連記事

RuffRuff 目次作成とは?
「RuffRuff 目次作成」はShopifyストアのブログ記事に目次を自動生成し、ブログ記事(ニュースやお知らせ、ジャーナル含む)の読みやすさ向上をサポートします。


変更履歴
Shopify(ショッピファイ)アプリ「RuffRuff 目次作成」の変更履歴(Change Log)ページです。RuffRuff 目次作成に関する追加機能などを時系列で紹介しています。

Shopifyストアに目次を入れるメリット
Shopifyストアに目次のを入れるメリットは下記になります
- 読者(訪問者)の利便性が上がる
- 書き手(ストア側)思考の整理になる
- アクセス数が増加する
- ユーザーニーズを把握できる
- SEOにも良い効果が期待できる