はんぽ かんたん目次

簡単に見た目のいい目次を追加することで、ブログ・固定ページ、商品ページの使い勝手を向上！

 

アプリの詳細

はんぽ かんたん目次は、ページの見出しから目次を自動生成します。HTMLを触らなくてもブロックをテーマに追加するだけで自動で目次ができます。

表示する見出しレベル（H1〜）を選択し、カラー・フォント・枠線・余白・角丸などをデザインに合わせてカスタマイズできます。

各目次は配置場所ごとに個別にスタイル設定が可能で、テーマの異なるセクションで異なるデザインを使い分けることが可能！！！

有料プランでは、開閉式目次・スムーズスクロール・下線スタイル・オーバーレイパネル表示（右下に小さいタブを常時表示）・カスタムCSS制御・固定ページや商品ページへの設置などの追加機能が利用できます。

すべてShopifyテーマエディター上で設定可能で、外部の管理画面に飛ばされることはありません。

 

機能一覧

• 目次ブロックは配置場所ごとに個別スタイル設定が可能！
• カスタムCSSでデザイン変更可能！
• 記事の見出しから目次を自動生成（Proプランでは固定ページ、商品ページへの追加も可能）
• 表示する見出しレベル（H1〜）を選択可能
• テーマエディターでカラー・枠線・余白・角丸をカスタマイズ
• クリックで目次の表示／非表示
• クリックで見出しへスムーズスクロール
• 目次リンクの下線スタイル：なし・常に表示・ホバー時
• 画面右端にオーバーレイパネルとして表示
• 日本語・英語対応

※プランによって使える機能が変わります。基本機能は完全無料で、有料機能も7日間無料ですので、ぜひご覧になってください。

 

料金プラン

■ 無料プラン

• 基本的な目次表示
• 見出しレベルの選択（H1〜H3）
• カラー／枠線／余白のカスタマイズ

■ Designプラン — $1.99/月（または$19.9/年）

• 無料プランの全機能
  
• 拡張デザインオプション

■ Usabilityプラン — $2.99/月（または$29.9/年）

• Designプランの全機能
• 開閉式目次
• 目次にリンクを張る
• 見出しレベルの選択（H4〜H6）
• スムーズスクロール／インスタントスクロール
• 目次リンクの下線スタイル

■ Proプラン — $4.99/月（または$49.9/年）

• Usabilityプランの全機能
• オーバーレイパネル表示（目次を開くタブを右下に常時表示します）
• カスタムCSS（最上位 div／ul／li／li::before）
• 固定ページ、商品ページへの追加が可能

※有料プランにはすべて7日間の無料トライアルが付いています。

 

サポート／よくある質問

はじめに

Q: ブログに目次を追加するにはどうすればいいですか？

A: アプリをインストール後、Shopify管理画面 > オンラインストア > テーマ > カスタマイズ に進みます。ブログ記事テンプレートを開き、「ブロックを追加」をクリックして「はんぽ かんたん目次」を選択してください。テーマを保存すると変更が公開されます。

Q: 目次に見出しが表示されません。何を確認すればいいですか？

A: ブログ記事本文に見出しタグ（H2・H3など）が含まれていることを確認してください。目次ブロックは記事コンテンツから直接見出しを読み取ります。また、ブロック設定で正しい見出しレベルが有効になっているか（例：「H2を表示」「H3を表示」がオンになっているか）を確認してください。なお、H4・H5・H6はUsabilityプラン以上でのみ利用できます。

Q: ブログ記事以外のページでも使えますか？

A: Proプランであれば、固定ページ（カスタムページ）や商品ページに設置可能です。

カスタマイズ

Q: 無料プランでカスタマイズできることは何ですか？

A: 無料プランでは、表示する見出しレベル（H1〜H3）の選択と、テーマエディターでのテキストカラー・背景色・インデントサイズ・マーカースタイルの調整が可能です。

Q: 枠線・フォントサイズ・目次のタイトルを変更するには？

A: Designプラン以上で利用できます。アップグレード後、テーマエディターを開いて目次ブロックを選択し、左側の設定パネルで調整してください。

Q: H4・H5・H6の見出しを表示できますか？

A: はい。H4・H5・H6はUsabilityプラン以上で利用できます。無料プランまたはDesignプランでは、設定でオンにしていても表示されません。

Q: 目次を開閉できますか？

A: はい。開閉トグルはUsabilityプラン以上で利用できます。ブロック設定で「目次の折りたたみを許可」を有効にしてください。

Q: 独自のCSSを追加できますか？

A: はい。カスタムCSSフィールドはProプランで利用できます。最上位のdiv・ul・li・li::beforeにCSSを追加できます。

プランと請求

Q: 無料プランでは何ができますか？

A: 無料プランでは、基本的な目次表示（見出しはリンクなしのプレーンテキスト）、見出しレベルの選択（H1〜H3）、テーマエディターでのテキストカラー・背景色・インデント・マーカーのカスタマイズができます。

Q: Designプランで追加される機能は何ですか？

A: Designプランでは、枠線のスタイルとカラー・角丸・背景透明オプション・タイトル表示・ドロップシャドウ・余白サイズ・フォントサイズ・行間設定が利用可能になります。

Q: Usabilityプランで追加される機能は何ですか？

A: Usabilityプランでは目次の項目がクリック可能なリンクになります。また、H4/H5/H6の見出し表示・開閉式目次・クリック時のスムーズ／インスタントスクロール・リンク下線スタイルオプションが追加されます。

Q: Proプランで追加される機能は何ですか？

A: Proプランでは、カスタムCSS制御（最上位div・ul・li・li::before）・オーバーレイパネル表示モード・ブログ記事以外のページでの目次ブロック使用が可能になります。

Q: プランをアップグレードするには？

A: Shopify管理画面のアプリ管理ページにアクセスし、希望のプランを選択してください。請求はShopifyの課金APIを通じて安全に処理されます。

Q: 有料プランはいつでもキャンセルできますか？

A: はい。アプリの管理ページからいつでもキャンセルまたはダウングレードできます。サブスクリプションは現在の請求サイクル終了時に終了します。

Q: 無料トライアルはありますか？

A: はい。すべての有料プランに7日間の無料トライアルが付いています。

トラブルシューティング

Q: テーマエディターのプレビューでは表示されるのに、本番ストアに表示されません。

A: テーマエディターでブロックを追加・設定した後、「保存」をクリックしたか確認してください。

Q: テーマ更新後に目次ブロックが消えました。

A: テーマの更新によって、テーマのカスタマイズがリセットされることがあります。テーマエディターでブロックを再追加してください。プランの設定はアプリ内に保持されます。

Q: アプリにプランに関するエラーメッセージが表示されます。

A: アプリページをリロードしてみてください。

 

---

 

記載の文章は全て、いつでも、予告なく更新するものとし、更新後は自動的に新しい内容が適用されるものとします。