SWELLの標準機能であるサイドバー目次に、今読んでいる場所にマーカーを引く処理を実装するプラグインを作ってみました!
プラグインをWordPressにインストールするだけで、簡単にサイドバーの目次にマーカーを引けます。
処理自体はコードを書き換えることでも実装できますが、「そんなの面倒だよ~」という方向けのプラグインとなります。
実装イメージ



色やデザインもコードをいじらずに直感的に変えられるため、気分的に色を変えたい際にも使いやすくなっていると思います。
注意事項
- カスタマイズする際は自己責任でお願いします。(作業前のバックアップ推奨)
- 本プラグインはWordPressテーマ「SWELL」専用目次プラグインにのみ対応しています。
- スマホやタブレットでの表示は考慮していません。
目次
プラグインのダウンロード
プラグインダウンロードはコチラ!
プラグインの導入方法(クリックで開きます)
STEP
プラグインをダウンロードする
上記リンクよりzipファイルをダウンロードし、ローカルフォルダの任意の場所に保存してください。
STEP
WordPress管理ページからプラグインページを開く
「プラグイン」→「プラグインを追加」

STEP
「プラグインのアップロード」をクリックする
「ファイルを選択」からダウンロードしたzipファイルを選択し、アップロードします。
STEP
「プラグインを有効化」をクリックする

プラグインの設定方法
WordPress管理画面の設定→「SWELL目次マーカー」から設定画面へ。


設定値
プラグインの有効化
目次マーカーの実装を反映させるかどうか。
目次マーカーを表示させたくない場合はチェックを外してください。
背景色の種類
マーカーの背景色です。SWELLで設定しているメインカラーを使うことも可能です。
角の丸み
マーカーに丸みをつけるかどうか。丸みをつけるとほんのり丸みがあるマーカーになります。
ハイライト時の文字色
マーカー部分の文字色を変えたい場合は、好きな色に設定できます。
各項目を変更後、「設定を保存する」をクリックで設定が反映されます。

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






