初期セットアップ

アプリをインストールしたあと、ホーム画面からテーマに目次を追加すると、オンラインストアに目次を表示できます。最初はブログ記事への表示から始めてください。

前提: ブログ記事に目次を追加するには、公開中のブログ記事が1件以上必要です。本文には、目次にする見出し（初期値はH2とH3）を入れてください。

設定を始める前に、次の状態になっていることを確認してください。

ホーム画面では、「テーマにアプリを追加する」から対象テーマを選び、ページ横の「アプリブロックを追加する」へ進みます。

(1) テーマを選ぶ

Shopify管理画面 → アプリから「RuffRuff 目次作成」を開いてください。ホーム画面の「テーマを選択する」から対象テーマを選んでください。Online Store 2.0対応テーマでは、「このテーマは Online Store 2.0対応のテーマです」と表示されます。

(2) ブログ記事のテーマエディタを開く

「ブログ記事」の横にある「アプリブロックを追加する」を選択してください。ブログ記事テンプレートのテーマエディタが開きます。

(3) 「目次」アプリブロックを追加する

テーマエディタの左側メニューで「ブロックを追加」または「セクションを追加」を選択し、「目次」を追加してください。表示したい位置へ移動し、右上の「保存」を選択してください。

制限: 商品、ページ、コレクションへのアプリブロック追加は、レギュラープランで利用できます。対象行に「アップグレードして利用する」と出る場合は、プランを確認してください。

色や余白、利用する見出しは、あとから変更できます。

(1) デザインを変更する（任意）

アプリ内メニューから「目次のカスタマイズ」を開いてください。色、余白、利用する見出しを変更し、「保存」を選択してください。

Online Store 2.0以前のテーマでは、埋め込みアプリを使用します。ホーム画面の「テーマを選択する」で対象テーマを選ぶと、「このテーマは Online Store 2.0以前のテーマです」と表示されます。

「ブログ記事」の横にある「アプリブロックを追加する」を選択すると、テーマエディタの埋め込みアプリが開きます。「ブログ記事 (以前のテーマ用)」をオンにして、「保存」を選択してください。

アプリブロックと埋め込みアプリの使い分けは、「アプリブロックと埋め込みアプリの違い」を確認してください。

確認: 見出しを含む公開中のブログ記事をオンラインストアで開き、目次が表示されることを確認してください。

上記を確認しても解決しない場合は、お問い合わせフォームからお問い合わせください。

お問い合わせ時は、次の情報をお知らせください。