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

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ユーザーのお役に立てば嬉しいです。

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

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

【2023年版 Wordpressテーマ】AFFINGER6とSWELL徹底比較!両方使ってみた 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

【特典付き】AFFINGER6(ACTION)を使って2年目のレビュー!メリット・デメリットを完全解説 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを目線を合わせてご紹介。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意!しました。

AFFINGER6 初心者がオススメする購入方法【特典付きを購入しよう!】 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

AFFINGER6▶︎AFFINGERタグ管理マネージャー4 ver.4.1.1 の使い方! 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Function AFFINGER, Other AFFINGER
-, ,