集客ブログの書き方

SUGOI MOKUJI(すごいもくじ)LITEの使い方と導入手順

※本記事は広告が含まれる場合があります

 

こんちゃん
こんちゃん

・ブログ記事に目次を自動で表示させたい
・「すごいもくじLITE」の設定方法を知りたい

 

今回の記事は、こんな疑問にお答えします。

 

この記事で紹介していること

・SUGOI MOKUJI (すごいもくじ)LITEとは?
・SUGOI MOKUJI (すごいもくじ)LITEの導入方法
・SUGOI MOKUJI (すごいもくじ)LITEの設定方法

 

SUGOI MOKUJI (すごいもくじ)LITEとは?

 

SUGOI MOKUJI (すごいもくじ)LITE

SUGOI MOKUJI (すごいもくじ)LITEは、投稿ページに目次を自動表示するためのプラグインです。

 

すごいもくじ[LITE]は、AFFINGERを購入するともらえる無料特典の一つです!

なお、すごいもくじには、「LITE版(無料)」と「PRO版(有料)」の2種類あります。

 

PRO版でできること

①目次デザインを変更できる
②目次のクリック計測

 

PRO版は、「どの見出しがよく読まれているか」がわかるため、リライト時の参考にしやすいといったメリットがあります。

とはいえ、LITE版でも目次機能を十分果たしてくれるので、最初は、LITE版でOKです。

 

すごいもくじ[LITE]の特徴をまとめると、

特徴

①目次を自動で挿入してくれる
②デザインは5パターンから選べる
③文字や線の色など細かい設定ができる
④AFFINGER専用なので、AFFINGERのテーマにぴったり

 

「すごいもくじ LITE」の導入方法

それでは、まず、「すごいもくじ LITE」の導入方法をお伝えします。

 

専用プラグイン「すごいもくじ LITE」は、AFFINGERユーザーなら誰でも無料ダウンロードが可能です。

以下の手順で、プラグインをダウンロードします。

 

手順

購入ユーザー限定ページにログイン
②[購入ユーザー限定ページ一覧]→[AFFINGER6]の順でクリック
③「すごいもくじ LITE」のzipファイルがあるのでダウンロード

 

 

「すごいもくじ LITE」のzipフアイルをダウンロードして、PCに保管しておいてください。

 

「すごいもくじ LITE」のインストール方法

次は、「すごいもくじ LITE」のインストール方法をお伝えします。

WordPress管理画面から、

[プラグイン]→[新規追加]→[プラグインのアップロード]をクリック

 

 

[ファイルを選択]をクリックして、ダウンロードしたプラグインをアップロード

 

「すごいもくじ LITE」のzipファイルが選択されたことを確認し、

「今すぐインストール」→ 「プラグインを有効化」をクリック

 

この時点で、すでに各記事に目次が自動表示されるようになっています。

 

「すごいもくじ LITE」の設定方法

続いて、自分なりの表示にするための設定です。

 

WordPressのダッシュボードから「目次」をクリックすると、「すごいもくじLITE」の管理画面になります。

位置、階層等自分好みの表示に設定ください。

 

 

位置 目次を表示する位置(自動挿入の場合)
表示条件 hタグの数による目次の表示条件
以下の投稿タイプに自動挿入 post:投稿記事 page:固定記事
見出しテキスト 表示するテキスト(タイトル)を指定
階層表示 目次に階層(段落)をつけるかどうかの設定

 

目次にする見出しレベルも通常はh2からh4ぐらいですが、「すごいもくじ LITE」はh1からh6まで設定できます。

 

 

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

 

WordPressのダッシュボードから

[外観]→[カスタマイズ]→[オプション(その他)]→[目次プラグイン(すごいもくじ)]をクリック

 

 

目次の色やデザイン等色々カスタマイズできますが、私は、基本、デフォルトのシンプルな設定にしています。

 

まとめ

「すごいもくじ LITE」は、AFFINGER専用デザインの目次プラグインです。

すでにAFFINGERを使っている方で、まだ使ったことがない方は一度お試しください。

今回紹介したプラグインを導入して、読みやすいブログ記事を書いていきましょう。

また、AFFINGERを導入するか迷ってる方は、テーマの導入方法とサイトの作り方を記事にしていますので、参照にしてくださいね。

 

ブロガー必見!「アフィンガー」でおしゃれなサイトを作る方法

続きを見る

 

 

 

 

 

 

 

-集客ブログの書き方
-, , , , ,