【コードなし】swellのサイドバー目次で現在地をハイライト表示する方法

今回は、サイドバーの目次に現在地をマーカーで表示する方法です。

タイトルにある通り、今回はプログラミングコードを使わない方法です。

つまり、cssやfanction.phpをいじらない方法で、とってもカンタンですので、ぜひ最後までご覧ください。

この記事の結論

『swell plus』というテーマをインストールするとハイライト表示できます。

（ただし、swellの子テーマですでにfanction.phpやjsをいじっている方は、そのデータをswell plusに手作業で移行する必要があります。）

これでわかる方は、ブラウザバックしてもらって大丈夫です。

わからない方も、この後ていねいに図解するので、安心して読み進めてくださいね。

それではまいります。

完成品はこんな感じ

実際にこの記事で出来た完成品はコチラ。

少し見づらいかもしれませんが、サイドバー目次に黄色のマーカーが引かれています。

サイドバー目次をハイライト表示する方法

紹介する方法はカンタンで『swell plus』というテーマを有効化するだけです。

このテーマにするだけで、サイドバー目次のハイライト表示は実現できます。

そもそもswell plusとは？（クリックして詳細を見る）

今回インストールするswell plusって怪しいものなんじゃないの？

という方のために、ざっくりどんなものか説明すると。

『swell購入者だけが無料で使える、無料のテーマです。』

少しざっくり過ぎた気もしますが、ただのswell childより充実した内容になっていて、今回のサイドバーのハイライト表示もその一つです。

【注意点】swell childでカスタマイズした内容は引き継がれません

今回は、”プラグイン”ではなく”新しいテーマ”ですので、fanction.phpやjavascriptの編集をしている方は、その内容が引き継がれないので気を付けてください。

引き継ぎたいかたは、新しいテーマである『swell plus』のテーマファイルエディターに、コピー＆ペーストしましょう。

【カンタン２ステップ】swell plus でサイドバーを導入する手順

では丁寧に解説していきます。

まとめ

今回は、『swell plus』テーマを利用した、cssやjavascriptを使わなくても、サイドバー目次にハイライト表示する方法を紹介しました。

swellの豆知識は、たびたび公開していくので、気になる方はブックマークやURLの共有をしておくと便利です！

今回はこれで以上です。
それでは！！