JIN

JINカスタマイズ|サイドバーの目次

サイドバーの目次をカスタマイズ
カスタマイズは自己責任にてお願いします(カスタマイズ前にバックアップ推奨)。コードを記入してもうまく反映されない場合があります。このカスタマイズは、あくまでもぼくのサイトで行ったものです。
この記事では

サイドバーの目次をカスタマイズをしてみました。

長い目次のときはスクロールできるように、上にイラストも入れてみました。

BEFORE
カスタマイズ前


AFTER

カスタマイズ後

MENくん
MENくん
スクロールバーと画像を追加したよ
くま3号
くま3号
いや、目次の内容、、、、
こんな感じで横にいるよ
横にずっといる目次

カスタマイズの準備

目次の設定

目次の設定

外観>ウィジェットでTOC+をサイドバー追尾【PC】部分に追加しておきましょう。

TOC+以外にサイドバー追尾になにか入っているとうまくいかないかもしれません。ごめんなさい。

コードを記入する準備

子テーマを使用している方は、style.cssを開いてください。 追加CSSでちゃちゃっと終わらしたい方は、こちらの記事を参考にしてください。

カスタマイズのコード

下記のコードを子テーマもしくは追加CSSに追記してください。

ここのコードをコピペ

コード
メンくん
コードの説明はしないよ!調べてもわからなかったら聞いてください
画像を入れる場合はPNGがおすすめです。

まとめ

PC表示のときだけですが、目次がサイドにあると見やすいかもしれませんね。

SANGOのメインカスタマイズ(?)サイトはこちら

ここにボックスタイトルを入力