すごいもくじLITEの使い方と設定【AFFINGER購入特典】

AFFINGER専用目次プラグイン「すごいもくじ LITE」の使い方の紹介です。

設定方法と併せて、思い通りのデザインにカスタマイズする方法も紹介していきます。

こんな人のお役に立てる記事です。

小豆

すごいもくじLITEを使ってみたい。
でも、すでに既存の記事に目次を表示している場合はどうしたらいいの？

AFFINGERユーザーなら「すごいもくじ LITE 」が無料で使える

AFFINGERには、デフォルトで目次を表示する機能がついていません。

というわけで、目次を表示させるには以下の3つの方法しかありませんでした。

小豆

なるほど。
機能が多そうなAFFINGERでも、目次を表示する機能はなかったんだね。

そうなんだ。
でも、ついにAFFINGER専用の目次プラグインが無料で使えるようになったんだ！

大福

「すごいもくじ LITE」は、2021年7月からのAFFINGER6の販売開始に合わせて誕生しました。

現在AFFINGER6を購入すると、「すごいもくじ LITE」が無料特典として付属してきます。

さらに嬉しいのは、既存のAFFINGER5ユーザーでも無料ダウンロードが可能なこと！

というわけで、早速ダウンロードして使ってみました。

さすがAFFINGER専用設計！ いい感じですね。

プラグイン導入後は、記事内に目次が自動表示されるようになります。

小豆

これは嬉しい！
でも、すでに別の方法で目次を表示している場合はどうしたらいいの？

その辺については、記事後半で詳しく解説しているよ。

大福

「すごいもくじ LITE」のダウンロード方法と配布ページ

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

ダウンロードの方法については、以下の記事内で詳しく解説しています。

すごいもくじ LITEの使い方【インストールと設定】

インストールから設定方法までを解説していきます。

step
1プラグインのインストールと有効化

WordPressメニュー　→　プラグイン　→　新規追加　→　プラグインのアップロード　→　ファイルを選択

すごいもくじ LITEをアップロード

ファイル名に【st-toc.zip】が表示　→　今すぐインストール

プラグインを有効化をクリック

大福

この時点で、すでに各記事に目次が自動表示されるようになっているよ。
続いては、思い通りの表示にするための設定だよ。

step
2設定

WordPressメニュー　→　目次

すごいもくじPROとの違い

「すごいもくじ LITE」は、有料の「すごいもくじ PRO」の簡易版です。

すごいもくじ PROでは、LITEの機能に加えて以下のことができます。

目次デザインを自分好みにカスタマイズする方法

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

設定可能な項目は、以下の通りです。

カスタマイズ方法

大福

デザインは、以下の5種類から選ぶことができるよ。

デフォルト	タイムライン	タイムライン（カウント）
チェック	はてな

画像はクリックで拡大できます

既存記事ですでに目次を表示している場合の設定

小豆

「すごいもくじ LITE」は使ってみたいけど、すでに別の方法で目次を表示している場合はどうするの？

どのように目次を表示しているかによって、対処方法が変わってくるんだ。

大福

① 別プラグインを使用して目次を表示している

【Table Of Contents Plus】など、別のプラグインを使用してすでに目次を表示している場合は、プラグインを停止（削除）します。

目次プラグインを重複して使用した場合は、表示が崩れたり不具合が出てしまう可能性があります。

というわけで、【Table Of Contents Plus】などの現状の目次プラグインに不満点がない場合は、無理に「すごいもくじ LITE」に切り替える必要はないかもです。

② プラグインは使用せずHTMLで目次を表示している

プラグインを使用せずHTMLで目次を表示させている場合は、以下のどちらかの設定を選びます。

ちなみに、僕のおすすめは「②既存の記事の目次はそのままにする方法」です。

圧倒的に作業量が少なく済みますからね。

その場合の設定方法は、以下の通りです。

• 目次の自動挿入を停止

  

  WordPressメニュー　→　目次　→　チェックを両方外す　→　変更を保存

  ここのチェックを両方外すことで、目次は自動挿入されなくなります。
  その場合、目次は「設定した任意の記事にのみ」表示されるようになります。




• 記事内に目次を表示する

  

  目次を挿入したい箇所で、目次をクリック




• AFFINGER6の場合

  

  AFFINGER6（Gutenberg）の場合は、目次を挿入したい箇所に【STINGER：目次】を挿入します。

  ブロックメニュー内に【STINGER：目次】が表示されていない場合は、検索窓に「目次」と入力します。

これで、既存の記事の目次はそのままに、新しい記事には「すごいもくじ LITE」の目次が表示できるようになります。

まとめ：専用設計の目次プラグインは使いやすい

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

それもあって、使いやすいのはもちろん、安心して使用することができますね。

興味がある人は、ぜひ記事を参考に「すごいもくじ LITE」を使ってみてください。

＼ 「すごいもくじ LITE」付きでAFFINGER6を購入する ／

AFFINGER6公式ストアへ移動

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する