Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

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

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

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

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

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

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

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

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

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

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

ブログの目次を様々なスタイルで表示できる!

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

ノーコードで見出しのサイズ・余白をカスタマイズできる!

アプリのインストール

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

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

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

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

アプリと販売チャネルの「Shopify App Store」をクリック

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

検索窓に、「シンプルブログ記事目次|自動見出し一覧挿入」と入力

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

「インストール」ボタンをクリック

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

右下の「インストール」ボタンをクリック

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

インストール後の管理画面

アプリをテーマに追加

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

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

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

「テーマに目次セクションを追加」セクションでアプリをテーマに追加

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

「テーマに追加」ボタンをクリック

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

テーマにアプリを追加

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

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

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

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

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

「テーマに目次セクションを追加」セクションからアプリをテーマカスタマイズ画面に移動

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

「テーマをプレビュー」ボタンをクリック

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

ブログページに移動

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

「セクションを追加」から手動でアプリを追加

追加するアプリの選択

見た目のカスタマイズ

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

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

目次の見出しのサイズの変更

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

目次の見出しのサイズを変更

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

目次の見出しの色を変更

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

目次を作成する見出しを選択

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

目次の表示位置を変更

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

インデントの有無を設定

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

章番号の表示を設定

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

文字揃えを変更

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

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

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

目次のサイズを変更

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

目次のテキストの色を変更

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

枠線の色を変更

背景色が変更できます。

背景色が変更

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

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

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

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

終わりに

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

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

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

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

recommendおすすめ記事

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド