SUGOI MOKUJI（すごいもくじ）LITEでWordPressブログの目次を簡単に設定する方法

ブログの目次ってどうやって作ったらいいの？
ブログの目次ってどんな役割をするの？
SUGOI MOKUJI（すごいもくじ）LITEって他とどう違うの？

ブログの読者にとって、ブログ記事の「わかりやすさ」は、滞在時間や記事内での回遊性に大きく影響します。

「目次」は、読者にとって記事の「わかりやすさ」に直結する非常に重要な要素で、読者にとって非常に便利です。

特に長文の記事の場合、「目次」があることで、ブログ記事のおおまかな全体像や内容を一目で把握できるので、必要な情報にすぐにアクセスでき、読みやすさが向上します。

また、SEO（検索エンジン最適化）の観点でも、目次に表示されるH2・H3タグのキーワードは、Googleなどの検索エンジンに認知されやすくなり、検索結果の上位表示につながる可能性があります。

WordPressブログの目次の設定におすすめしたいプラグインが、初心者でも簡単に「目次」を導入できる「SUGOI MOKUJI（すごいもくじ）LITE」です。

今回は、目次を自動生成してくれるプラグイン「SUGOI MOKUJI（すごいもくじ）LITE」の目的と効果、具体的な設定方法と使い方をわかりやすく解説していく記事です。

こんな人におすすめ

WordPressブログに目次を設定したい人
SUGOI MOKUJI（すごいもくじ）LITEで目次を設定したい人
なるべく簡単なプラグインを導入したい人

この記事を最後まで読むとできるようになること

SUGOI MOKUJI（すごいもくじ）LITEの追加される機能がわかる
SUGOI MOKUJI（すごいもくじ）LITEの設定方法がわかる
SUGOI MOKUJI（すごいもくじ）LITEの使い方がわかる

さとし

それでは、SUGOI MOKUJI（すごいもくじ）LITEでWordPressブログの目次を簡単に設定する方法、を解説していきますね！！

＼「稼ぐ」に特化したテーマ ／

AFFINGER6の詳細や購入はこちら＞＞

いまなら無料で【すごいもくじLITE】もらえる

SUGOI MOKUJI（すごいもくじ）LITEの機能と効果

「SUGOI MOKUJI（すごいもくじ）LITE」は、WordPressテーマ「AFFINGER6（アフィンガー6）」の購入特典で無料でもらえるAFFINGER6専用目次プラグインです。

ポイント

僕は以前、人気の目次プラグイン「Table of Contents Plus」を使っていました。

僕の場合、使っているWordPressテーマ「AFFINGER6（アフィンガー6）」や、導入しているプラグインと相性が悪かったのか？不具合や画面崩れなどが頻繁に起きたので、「SUGOI MOKUJI（すごいもくじ）LITE」に切り替えました。

いまは問題なく、快適にブログ運営できています。

具体的には、以下のような機能が追加されます。

追加される機能

自動目次生成：記事を書くだけで、目次が自動的に挿入されます。
表示の自由度：目次の表示/非表示を簡単に切り替え可能。
カスタマイズ性：見出しのレベルやデザインを自由に設定できます。

SUGOI MOKUJI（すごいもくじ）LITEの料金体系

「SUGOI MOKUJI（すごいもくじ）LITE」はWordPressテーマ「AFFINGER6（アフィンガー6）」の購入特典として、無料でもらえるプラグインです。

「SUGOI MOKUJI（すごいもくじ）LITE」はWordPressテーマ「AFFINGER6（アフィンガー6）」の購入特典なので、まだ「AFFINGER6（アフィンガー6）」を購入していない人は、まずはこちらからどうぞ。

＼「稼ぐ」に特化したテーマ ／

AFFINGER6の詳細や購入はこちら＞＞

いまなら無料で【すごいもくじLITE】もらえる

こちらもCHECK

: WordPressテーマ「AFFINGER6（アフィンガー６）」はじめてでもわかる購入方法＆設定方法【2024年版】
稼ぐに特化した人気のWordPressテーマ「AFFINGER6（アフィンガー６）」の買い方から設定方法、実質無料で買える方法まで、画像をたくさん使ってわかりやすく解説します。
続きを見る

「AFFINGER6（アフィンガー6）」を購入して設定が終わったら、「SUGOI MOKUJI（すごいもくじ）LITE」のインストールをすすめます。

SUGOI MOKUJI（すごいもくじ）LITEのインストールと設定

「SUGOI MOKUJI（すごいもくじ）LITE」プラグインのインストールと設定の方法は、公式サイトでダウンロードしたデータファイルを、自分のWordPressにインストールしたあと、プラグインの設定をする流れです。

さっそくインストールから始めていきましょう。

SUGOI MOKUJI（すごいもくじ）LITEのインストール

インストール手順は以下のとおりです。

まず、公式サイトから「SUGOI MOKUJI（すごいもくじ）LITE」のプラグインファイルをダウンロードしましょう。

公式STINGER STORE「購入ユーザー限定ページ」 — 公式STINGER STORE「**購入ユーザー限定ページ**」

公式STINGER STOREの「購入ユーザー限定ページ」にログイン
「購入ユーザー限定ページ」→「AFFINGER6」
「ACTION（AFFINGER6版）購入ユーザー限定ページ」の中段
「SUGOI MOKUJI（すごいもくじ）LITE」のzipファイル「st-toc.zip」をダウンロード

zipファイルは解凍せずにそのままダウンロードしてください。

ダッシュボードの左側メニューの「プラグイン」
「新規プラグインを追加」→「プラグインのアップロード」
「ファイルを選択」でダウンロードしたzipファイル「st-toc.zip」を選択
「今すぐインストール」をクリック
インストールが完了したら最後に「プラグインを有効化」をクリック

これでインストールは完了です。

初期設定のままでも、機能としては問題なく利用できますが、設定を変更することで、もっと効果的に活躍してくれるようになります。

設定をさらに続けていきましょう。

SUGOI MOKUJI（すごいもくじ）LITEの設定方法

設定方法は以下のとおりです。

WordPressの管理画面で「目次」をクリック

「SUGOI MOKUJI（すごいもくじ）LITE 管理画面」で以下の項目を設定します。

位置

目次を表示する位置を

最初の見出しの前、最初の見出しの後、上、下から選択

→おすすめ「最初の見出しの前」

表示条件

hタグがいくつ以上で目次を表示するか？　→おすすめ「3」

自動挿入の投稿タイプ

post：投稿記事　→チェックON

page：固定記事　→チェックOFF　で設定します。

見出しテキスト

目次の上にタイトルを表示　→タイトル「目次」

ユーザーによる目次の表示・非表示を切り替えを許可　→チェックON

最初は目次を非表示　→チェックOFF

目次に戻るボタンを表示　→チェックON　で設定します。

階層表示

目次に階層（段落）をつけるかどうか？

階層表示を有効化　→チェックON　で設定します。

スムーズ・スクロール

スムーズ・スクロール効果を有効化　→チェックON

フォントサイズ

テキストのサイズを％で指定　→おすすめ「95」％

JS

表示時のタイムラグを軽減するためにJSをヘッダーで読み込むかどうか

JSをヘッダーで読み込む　→チェックON

試してみて不具合があれば　→チェックOFF

見出しレベル

h1～h6までの見出しを目次に表示する　→「h1～h3まで」チェックON

設定が完了したら、「設定を更新」ボタンをクリックして変更を保存します。

以上で「SUGOI MOKUJI（すごいもくじ）LITE」の設定は完了です。

それでは、正しくGoogleに認識してもらうために、Googleサーチコンソールへのサイトマップの設定方法を解説していきます。

SUGOI MOKUJI（すごいもくじ）LITEのデザインをカスタマイズする

「SUGOI MOKUJI（すごいもくじ）LITE」は、目次のデザインを自分好みにカスタマイズすることができます。

WordPress管理画面の「外観」→「カスタマイズ」をクリック

「オプション（その他）」→「目次プラグイン（すごいもくじ）」をクリック

自分のブログにあわせて、目次の色やデザインを変更が可能。

デザインはデフォルト、タイムライン、タイムライン（カウント）、チェック、はてな、の5種類から選べます。

SUGOI MOKUJI（すごいもくじ）LITEの設定で気をつけること

「SUGOI MOKUJI（すごいもくじ）LITE」のプラグインに限った話ではありませんが、重複する機能のプラグインを設定すると、ブログ記事で表示が崩れたり、不具合が出る可能性があります。

もし、他の目次プラグインを使用している場合は、プラグインを停止しましょう。

また、プラグインが多いブログは重くなって表示スピードが落ちたり、思わぬ不具合がトラブルが起きる可能性があるので、使わないプラグインは削除するのがおすすめです。