はじめに

今回の記事は、Shopify アプリである「シンプルブログ記事目次｜自動見出し一覧挿入」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプルブログ記事目次｜自動見出し一覧挿入」は、ストアにノーコードでブログ目次を挿入できるアプリです。

「シンプルブログ記事目次｜自動見出し一覧挿入」を使用することで、ブログの可読性の向上が期待できます。

興味のある方は、以下の URL よりアプリのインストールを行ってください。

シンプルブログ記事目次｜自動見出し一覧挿入

「シンプルブログ記事目次｜自動見出し一覧挿入」でできること

Shopify アプリである、「シンプルブログ記事目次｜自動見出し一覧挿入」は、以下のようにストアにブログ目次を簡単に表示できるアプリです。

「シンプルブログ記事目次｜自動見出し一覧挿入」は、ブログの目次を様々なスタイルで表示できます。

「シンプルブログ記事目次｜自動見出し一覧挿入」は、ノーコードで見出しのサイズ・余白をカスタマイズできます。

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

検索窓に、「シンプルブログ記事目次｜自動見出し一覧挿入」と入力してください。以下の画像のアプリをクリックしてください。

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額$3.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

以下の管理画面が表示されます。

アプリをテーマに追加

アプリをテーマに追加します。

自動でアプリをテーマに追加

管理画面の「設定」ページの「テーマに目次セクションを追加」セクションでアプリをテーマに追加します。

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。

手動でアプリをテーマに追加

手動でアプリをテーマに追加します。

まず、ブログページに移動します。

※「シンプルブログ記事目次｜自動見出し一覧挿入」はブログページのみに挿入可能です。

管理画面の「設定」ページの「テーマに目次セクションを追加」セクションから行います。

「テーマをプレビュー」ボタンをクリックしてください。

以下のようなブログページに移動します。

ブログページにて、以下の画像のように「セクションを追加」から手動でアプリを追加します。

見た目のカスタマイズ

見た目のカスタマイズを行います。以下の画像は、編集できる箇所を表しています。

目次の見出しが変更できます。

目次の見出しのサイズを変更できます。

目次の見出しの色を変更できます。

目次を作成する見出しを選択できます。

目次の表示位置を変更できます。

インデントの有無を設定できます。

章番号の表示を設定できます。

文字揃えを変更できます。

アンカーリンクを有効にするかを設定します。

目次のサイズを変更できます。

目次のテキストの色を変更できます。

枠線の色を変更できます。

背景色が変更できます。

アンカーリンクをホバーしたときの挙動を設定します。

枠線の内側の余白・目次上部の余白・目次下部の余白を設定します。

終わりに

今回は、「シンプルブログ記事目次｜自動見出し一覧挿入」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

シンプルブログ記事目次｜自動見出し一覧挿入