当サイトではアフィリエイト広告を利用しています。

【WordPress】目次の背景色をカスタムできない問題を解決【ルクセリタス】

2024年3月21日

当サイトの目次を見ると、、、

いつからこうなってしまったのか分かりませんが、明るすぎる。。。

使用しているWordPressプラグインはルクセリタス(Luxeritas)ですが、今回の問題はルクセリタスに関わらず他のテーマでも発生する可能性はあるようです。

 

目次の背景色を変更する方法

目次の背景色を変更する手順は以下の通りです。(Luxeritasバージョン)

  1. WordPressの管理画面左部の「Luxeritas > カスタマイズ(外観)」を選択します。
  2. カスタマイズ画面に遷移したら、画面左部をスクロールして「目次」を選択します。
  3. 目次メニューが出たら一番下までスクロールして背景色を調整します。
    この時、サイトプレビュー側で目次が見れるように任意の記事を選択しておくと便利です。

ここで当サイトでは問題が発生しています。

画像の通り、黒よりの背景色を選択しているのに白に近い色が表示されてしまっています。

これじゃあ眩しいじゃないですか!

このサイトは目の負担を減らすためにダークテーマを使っているのに意味がない。。。

これをどうにかして解決していきます。

解決するまで模索した内容

WordPressのバージョンを確認し最新にバージョンする

とりあえず最近、記事更新などが出来ずに放置気味だったのでWordPressのバージョンアップをしてみました。

更新後に確認してみましたが、ダメでした。

ダメでしたがセキュリティ云々の関係で常に最新にしておくことは大切です。

プラグインは自動更新を有効化しているので問題なかったです。

目次を表示するプラグイン(Table of Contents Plus)がルクセリタスの目次機能と競合している可能性

原因はこれでした。

ルクセリタスには目次機能がありますが、その前に使用していたWordpress テーマには目次機能が無く、Table of Contents Plus(TOC+)というWordPressプラグインを使用して目次を表示していました。

ルクセリタスに変更後はTOC+の目次機能は必要なかったのですがTOC+にはHTMLサイトマップを作成する機能もあり、その機能用に残していて目次機能を無効化していなかったために今回のような目次の背景色に競合が発生しまったようです。

解決方法

今回の原因はTOC+であるので、プラグインページから削除や無効化するだけで解決しますが、TOC+でHTMLサイトマップも作成している場合は以下の手順で目次機能のみを無効化してください。

TOC+の目次機能のみを無効化する手順

  1. WordPress管理画面のサブから「設定 > TOC+」を選択します。
  2. Table of Contents Plusページの基本設定タブ内にある「見出しテキスト > 目次の上にタイトル表示」のチェックマークを以下の画像と同様に外した状態にします。
  3. 画面を一番下までスクロールし、「設定を更新」をクリックすればTOC+の目次機能のみを無効化できます。

目次の背景色を確認

ルクセリタスで設定した目次背景色に変更されていました!

めでたしめでたし