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

thumbnail

アプリブロックと埋め込みアプリの違い

テーマの種類に合わせて選びます。両方をオンにすると、先頭の1つだけが残ります

目次の表示方法は、アプリブロックと埋め込みアプリの2種類です。Online Store 2.0対応テーマではアプリブロック、以前のテーマでは埋め込みアプリを使用してください。

Online Store 2.0対応テーマではアプリブロック、以前のテーマでは埋め込みアプリを使います。

状況

使用する方法

Online Store 2.0対応テーマ

アプリブロック

以前のテーマ

埋め込みアプリ

追加の手順は、「初期セットアップ」を確認してください。

テーマエディタで「目次」アプリブロックを追加する方法です。セクションまたはブロックとして位置を変更できます。テーマのファイルは追加されません。

アプリブロックの名前は「目次」です。下に「Table of Contents」と表示されます。ブログ記事への表示はすべてのプラン、商品・ページ・コレクションへの表示はRegular Planで利用できます。

テンプレート

アプリブロック名

必要なプラン

ブログ記事

目次

すべてのプラン

商品

目次

Regular Plan

ページ

目次

Regular Plan

コレクション

目次

Regular Plan

ホーム画面の「アプリブロックを追加する」からテーマエディタを開くと、対象テンプレートにアプリブロックを追加できます。トップページ、ブログ一覧などのテンプレートには追加できません。

テーマエディタで「目次」ブロックを選ぶと、右側にブロックの設定(「カスタムLiquid」「テキスト」)が出ます。これらの設定はLight Plan以上で反映されます。

テーマエディタの「埋め込みアプリ」から有効にする方法です。以前のテーマでは、この方法で目次を表示します。以前のテーマでも、ホームの「アプリブロックを追加する」から埋め込みアプリの画面を開けます。

埋め込みアプリの名前とプランは次のとおりです。商品・ページ・コレクション用はRegular Planのときだけ使えます。

テンプレート

埋め込みアプリ名

必要なプラン

ブログ記事

ブログ記事 (以前のテーマ用)

すべてのプラン

商品

商品 (以前のテーマ用)

Regular Plan

ページ

ページ (以前のテーマ用)

Regular Plan

コレクション

コレクション (以前のテーマ用)

Regular Plan

テーマエディタで「ブログ記事 (以前のテーマ用)」を有効にすると、プレビューに目次が出ます。目次の上の青いメッセージは、テーマエディタ上でのみ表示されます。

1ページに目次が2つ以上あるとき(アプリブロックと埋め込みアプリの両方がオンなど)は、ページの先頭に近い1つだけを残し、ほかは削除します。

注意: Online Store 2.0対応テーマでは、埋め込みアプリを無効にし、アプリブロックだけを使ってください。両方をオンにすると、意図した位置とは異なる目次が残ることがあります。

アプリの「目次のカスタマイズ」で、次の表示位置を選べます。初期値は「最初の見出しの上」です。

表示位置

内容

利用できるテーマ

最初の見出しの上

「利用する見出し」で選んだ見出しのうち、最初の見出しの直前に表示します

すべての対応テーマ

テーマエディタで指定 (Online Store 2.0専用)

アプリブロックを置いた位置のまま表示します

Online Store 2.0対応テーマ

class名を指定

指定したclass名を持つ最初の要素の先頭に表示します

すべての対応テーマ

表示位置が「class名を指定」のとき、同じclass名が複数ある場合は最初の箇所だけが対象です。指定したclass名の要素が見つからない場合、目次は非表示にならず、アプリブロックまたは埋め込みアプリの位置に表示されます。

class名の指定方法は、「class名を指定して目次を表示」を確認してください。