【簡単】SWELLのサイドバー目次にマーカーを引くプラグイン

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

SWELLの標準機能であるサイドバー目次に、今読んでいる場所にマーカーを引く処理を実装するプラグインを作ってみました!

プラグインをWordPressにインストールするだけで、簡単にサイドバーの目次にマーカーを引けます。

処理自体はコードを書き換えることでも実装できますが、「そんなの面倒だよ~」という方向けのプラグインとなります。

実装イメージ

右下の固定目次にも対応
設定画面

色やデザインもコードをいじらずに直感的に変えられるため、気分的に色を変えたい際にも使いやすくなっていると思います。

注意事項
  • カスタマイズする際は自己責任でお願いします。(作業前のバックアップ推奨)
  • 本プラグインはWordPressテーマ「SWELL」専用目次プラグインにのみ対応しています。
  • スマホやタブレットでの表示は考慮していません。
目次

プラグインのダウンロード

プラグインダウンロードはコチラ!

プラグインの導入方法(クリックで開きます)

STEP
プラグインをダウンロードする

上記リンクよりzipファイルをダウンロードし、ローカルフォルダの任意の場所に保存してください。

STEP
WordPress管理ページからプラグインページを開く

「プラグイン」→「プラグインを追加」

STEP
「プラグインのアップロード」をクリックする

「ファイルを選択」からダウンロードしたzipファイルを選択し、アップロードします。

STEP
「プラグインを有効化」をクリックする

プラグインの設定方法

WordPress管理画面の設定→「SWELL目次マーカー」から設定画面へ。

プラグインを有効化しても「SWELL目次マーカー」が表示されない場合はページを更新してみてください。

設定画面だよ
設定値

プラグインの有効化

目次マーカーの実装を反映させるかどうか。
目次マーカーを表示させたくない場合はチェックを外してください。

背景色の種類

マーカーの背景色です。SWELLで設定しているメインカラーを使うことも可能です。

角の丸み

マーカーに丸みをつけるかどうか。丸みをつけるとほんのり丸みがあるマーカーになります。

ハイライト時の文字色

マーカー部分の文字色を変えたい場合は、好きな色に設定できます。

各項目を変更後、「設定を保存する」をクリックで設定が反映されます。

不具合やご意見ありましたら、お問合せフォームからご連絡ください!

\ おすすめWordPressテーマ! /

この記事が気に入ったら
フォローしてね!

シェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次