diver目次のカラー変更は簡単、Table of Contents PlusはDiver推薦

画像付きで解説、ワードプレステーマdiverでTable of Contents Plusを使っていると思います。

ｈ2色を基準に色を薄く2カラー変えて完了、30秒で出来るDiverカスタマイズ。

 

デフォルト設定のカラーは薄いブルー色を変更して見ました。

テーマカラーに合う目次カラーを選択して2か所の項目を変えるだけで完了です。

画像でわかりやすくプラグインインインストール手順から目次カラーのカスタマイズをご紹介します。

はじめに

 

デフォルトの目次カラーはやや穏やかで薄い感じです、このままで良いのですがテーマカラーにあった色に変更して見たいと思います。

 

目次を表示するプラグインTable of Contents Plusをインストールしていない方はサクッとプラグインを導入していきましょう。

 

 

プラグインインストール手順

 

 

 

 

 

Table of Contents Pluの設定

プラグインインは有効にしましたか？

有効にしてから、ダッシュボードから設定へ

設定の中にTOC+（Table of Contents Pluの略称）があります。

押す

Table of Contents Plu　基本設定

 

 

Table of Contents Plu　サイトマップ

 

 

 

設定は完了です。

 

TOC+カスタマイズ

目次カスタマイズは簡単で、カスタマイズというより変更って感じです。

2か所カラーを変更するだけで完了します。

 

TOC+基本カラー

 

 

 

 

 

 

TOC+文字色

TOC+基本カラーと同様に色変更していきます。

 

TOC+カスタマイズ、サンプル

 

 

 

TOC+カスタマイズサンプルして思った事

目次は目立たなくて良いかな、クッキリした配色はいらない。

テーマカラやｈ2見出しカラーを元に色合いを薄くしていく感じでいいと思います。

テーマカラーを外枠色にして、目次リンクカラーを茶系色にしましたが目立ちますね。

 

リンク色は無理に変更しないで、青い色で認識されている方が多いのでブルー色で良いでしょう。

 

DiverTOC+カスタマイズは2か所のカラー変更で簡単です、目次色を変えてサイトデザインを試して見てください。

 

ｈ2色を基準に色を薄く2カラー変えて完了、30秒で出来るDiverカスタマイズでした。