当ページのリンクには広告が含まれています。

AFFINGER6 期間限定特典「無料で使える」SUGOIMOKUJI(すごいもくじ)LITEの導入・設定・使い方

AFFINGER6 期間限定特典「無料で使える」SUGOIMOKUJI(すごいもくじ)LITEの導入・設定・使い方

こんにちは "osaboo"です。"@osaboo_Bot"

AFFINGER6を購入すると期間限定で!無料でもらえるプラグイン SUGOIMOKUJI(すごいもくじ)LITEの導入手順・使い方(設定方法)・カスタマイズ方法を初心者さん向けに解説します。

SUGOIMOKUJI(すごいもくじ)LITE

AFFINGER6・EX 専用の目次が自動で作れるプラグインです。公式サイトから無料でダウンロードして使うことができます。目次用のプラグインは重く動作スピードに影響が出ます。(表示が遅くなる)
SUGOIMOKUJI(すごいもくじ)LITEは非常に軽く軽快に動作します。
無料なら使わなきゃ!もったいない。\^^/

この記事でわかること!

  • SUGOIMOKUJI(すごいもくじ)LITEとは…
  • SUGOIMOKUJI(すごいもくじ)LITEの導入手順
    1. 「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをダウンロード
    2. 「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをインストール
  • SUGOIMOKUJI(すごいもくじ)LITEの使い方(設定方法)
    1. 目次:SUGOI MOKUJI(すごいもくじ)LITE 管理画面での設定方法
    2. カスタマイザー:目次プラグイン(すごいもくじ)での設定方法
  • SUGOIMOKUJI(すごいもくじ)LITEの目次デザイン5種(参考用)
  • まとめ!

それではご覧ください!

初心者でも安心!コスパ最強の洗練されたWordPressテーマ

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

SUGOIMOKUJI(すごいもくじ)LITEとは…

SUGOIMOKUJI(すごいもくじ)LITE

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

AFFINGER6・EXを購入すると無料で使用できる期間限定の特典の一つです。
「何年も期間限定です(笑)」

AFFINGER専用のプラグインなのできめ細かく設定ができるようになっています。

SUGOI MOKUJI(すごいもくじ)LITE版でできること

  1. 自動で見出しを読み取り目次を作成してくれます。
  2. 目次のタイトルや表示位置を自由に設定できます。
  3. 目次の「表示/非表示」を切り替えることができます。(目次を開く/閉じる)
  4. 見出しレベルの設定ができます。(目次に載せる見出しレベル)
  5. カスタマイザーで色・配置・デザイン(5種から選択)の設定ができます。

有料版に[PRO]があり、[LITE]はいくつかの機能が制限されています。

SUGOI MOKUJI(すごいもくじ)PRO版でできること

  1. 投稿ごとに見出しレベルやデザインの変更ができます。
  2. クリックされた目次項目のクリック数が計測できます。

SUGOIMOKUJI(すごいもくじ)LITEの導入手順

この章では、SUGOIMOKUJI(すごいもくじ)LITEの導入手順をご紹介します。

「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをダウンロード

「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをダウンロードします。

手順は以下の通りです。

  1. 公式 STINGER STORE にログインします。
  2. 『ホームページ・WordPressテーマ・お得なセット・お客様お問い合わせ』タブの何れかを開きます。
  3. 『購入ユーザー限定』のバナーリンクをクリックします。(以下の画面赤枠部)
  4. 商品ページまでスクロールして購入商品を選択します。
  5. すごいもくじLITEをダウンロードします。(任意のデバイスに保存)

❶ ❷ ❸ を処理します。

公式 STINGER STORE:購入ユーザー限定

切り替わったページを以下の画面が表示されるところまで下側にスクロールします。

❹ 購入した商品をクリックします。

商品ページ:購入品選択

AFFINGER6を選択した場合

公式サイト:AFFINGER

EX版を選択した場合

公式サイト:ACTION/EX
yajirusi-sita-80x40

以下の画面が表示されるまでページ内を下側にスクロールします。

すごいもくじLITE『規約に同意の上ダウンロードする』をクリックします。

すごいもくじ:ダウンロード
yajirusi-sita-80x40

任意のデバイスに保存します。

「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをインストール

「SUGOIMOKUJI(すごいもくじ)LITE」プラグインをインストールします。

『WordPress管理>ダッシュボード>プラグイン>新規追加』をクリックします。

❶ ❷ ❸ を処理します。

WordPress管理:プラグイン|新規追加
yajirusi-sita-80x40

「ブラグインを追加」の画面が表示されます。

手順は以下の通りです。

  1. 『プラグインのアップロード』クリックします。
  2. 『ファイルの選択』をクリックします。(任意のデバイスからファイルを選択)
  3. 『今すぐインストール』をクリックします。
プラグインを追加:ファイルを選択
yajirusi-sita-80x40

任意のデバイスからファイルを選択します。

yajirusi-sita-80x40
プラグインを追加:今すぐインストール
yajirusi-sita-80x40

インストールが完成したら『有効化』して完了です。

インストール済みプラグインの画面で以下のように表示されていたら『有効化』をクリックします。

SUGOI MOKUJI(すごいもくじ)LITE:有効化前

インストール済みプラグインの画面で以下のように表示されればOKです。

SUGOI MOKUJI(すごいもくじ)LITE:有効化後

インストール作業は以上です。
続いて…目次の表示条件やスタイルを設定していきます。

SUGOIMOKUJI(すごいもくじ)LITEの使い方(設定方法)

SUGOIMOKUJI(すごいもくじ)LITEの設定は『目次』と『カスタマイザー』の2箇所で行います。

目次:SUGOI MOKUJI(すごいもくじ)LITE 管理画面での設定方法

『WordPress管理>ダッシュボード>目次』をクリックします。

SUGOI MOKUJI(すごいもくじ)LITE 管理画面が表示されます。

各項目を設定します。(導入直後の設定状態)

SUGOI MOKUJI(すごいもくじ)LITE 管理画面|デフォルト設定
設定項目詳細内容おすすめ設定
位置ドロップダウンメニューより選択
最初の見出しの前
最初の見出しの後



最初の見出しの前:選択
表示条件数値入力
2〜10

3
以下の投稿タイプに自動挿入post:投稿ページ(記事)
page:固定ページ
post:チェックON
page:チェックOFF
見出しテキスト目次の上にタイトルを表示チェックONで以下の設定が可能

タイトル
ユーサーによる目次の表示・非表示を切り替えを許可
表示テキスト
最初は目次を非表示
目次に戻るボタンを表示
目次の上にタイトルを表示:チェックON



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

最初は目次を非表示:チェックON

他はチェックOFF

※ 「タイトル・テキスト」自由に決めてください。
階層表示階層表示を有効化階層表示を有効化:チェックON
スムーズ・スクロールスムーズ・スクロール効果を有効化スムーズ・スクロール効果を有効化:チェックON
フォントサイズ%入力95%
JSJSをヘッダーで読み込むJSをヘッダーで読み込む:チェックOFF
見出しレベルh1・h2・h3・h4・h5・h6「h1・h2・h3」 にチェックON「h5・h6 」はOFF
PROでできること--
変更を保存
(ボタン)
設定終了後忘れずに
『クリック』
yajirusi-sita-80x40

おすすめ設定を「SUGOI MOKUJI(すごいもくじ)LITE 管理画面」に反映させると…以下のようになります。参考

SUGOI MOKUJI(すごいもくじ)LITE 管理画面|おすすめ設定

筆者の「おすすめ設定」を記載ておきました!参考にしてくださいね。^^/

カスタマイザー:目次プラグイン(すごいもくじ)での設定方法

『WordPress管理>ダッシュボード>外観>カスタマイズ』をクリックします。

yajirusi-sita-80x40

カスタマイザーが起動すると 以下の画面が表示されます。

左から順番にメニュータブを選択して進みます。

『オプション(その他)>目次プラグイン(すごいもくじ)』をクリックします。

オプション
(その他)

カスタマイザー:オプション(その他)

目次プラグイン
(すごいもくじ)

カスタマイザー:オプション(その他)|目次プラグイン(すごいもくじ)

各項目
詳細設定

カスタマイザー:オプション(その他)|目次プラグイン(すごいもくじ)設定項目詳細

※ 各項目詳細設定(右端画像)はデフォルトのままを表示しています。

yajirusi-sita-80x40

各項目詳細設定は!ここを特に注意して設定してくださいね。「カラー設定はお好みでサイトに合った色にすると良いかと…」

各項目
詳細設定

カスタマイザー:オプション(その他)|目次プラグイン(すごいもくじ)設定項目詳細|おすすめ

デフォルトでは『目次タイトルを左寄せにする』のチェックONになっています。

筆者おすすめは、チェックを外します。

デザインの選択は、次の章でイメージを掴んでお好みのタイプを選択してくださいね。

SUGOIMOKUJI(すごいもくじ)LITEの目次デザイン5種(参考用)

カスタマイザーでデザインを選択するだけで簡単に設定できるデザインをご紹介します。
設定するときの参考にしてください。
※ カスタマイザーでの色設定はデフォルトのままです。

デフォルト

すごいもくじLITEのデザイン:デフォルト

デフォルト(階層表示を有効化:チェックOFF)◀︎ おすすめできません。

すごいもくじLITEのデザイン:デフォルト|階層表示を有効化

タイムライン

すごいもくじLITEのデザイン:タイムライン

タイムライン(カウント)

すごいもくじLITEのデザイン:タイムライン(カウント)

チェック

すごいもくじLITEのデザイン:チェック

はてな ◀︎ おすすめできません。

すごいもくじLITEのデザイン:はてな

選択はお好みで!^^/

osaboo
osaboo

初心者でも安心!コスパ最強の洗練されたWordPressテーマ

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

ちょっとややこしい!?
AFFINGER6 の購入方法を知りたい方のために ^^/ ガッツリ詳しくご紹介!

まとめ!AFFINGER6 期間限定特典「無料で使える」SUGOIMOKUJI(すごいもくじ)LITEの導入・設定・使い方

AFFINGER6・EX を購入すると無料で使えるプラグイン「SUGOIMOKUJI(すごいもくじ)LITEの導入・設定・使い方」をご紹介しました。とても軽くてサイトスピードに影響の少ないプラグインなので…AFFINGERを使いなら!テーマ専用プラグインの「SUGOIMOKUJI(すごいもくじ)LITE」を使うと良いと思います。目次プラグインを検討しているAFFINGERユーザーのお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

-Other AFFINGER
-,

PAGE TOP