お問い合わせはコチラから

Luxeritasの目次カスタマイズでハマる

サイト運営

このサイトでも利用させてもらってるWordpress無料テーマLuxeritasの目次挿入機能のカスタマイズでハマったのでメモしておきます。Luxeritasの見出しカスタマイズで不思議な現象で悩んでいる人は参考になるかもしれません。

Luxeritasの目次機能の先頭数字をCSSで消そうとしたら一部しか消えなかった

目次の行頭につく数字をレベル1だけ残して、レベル2をCSSで消そうとして以下のようなCSSを書きました。

.toc_number.toc_depth_2{display:none;}

このCSSを書いたのは、レベル1、2、3と階層毎に以下のようなルールでclassが付与されると考えたからです。

  • 見出し番号1:#toc_id_1 .toc_number.toc_depth_1
  • 見出し番号1-1: #toc_id_1_1 .toc_number.toc_depth_2
  • 見出し番号1-1-1: #toc_id_1_1_1 .toc_number.toc_depth_3
  • 見出し番号2:#toc_id_2 .toc_number.toc_depth_1
  • 見出し番号2-1:#toc_id_2_1 .toc_number.toc_depth_2
  • 見出し番号2-1-1:#toc_id_2_1_1 .toc_number.toc_depth_3

結果、実際の記事ではレベル2の数字が不規則に消えてしまう現象が起きました(上記の見出し構造とは違います)。具体的には、見出し番号1-1が消えません。見出し番号2-1が消えるという。

ページのソースを確認すると、見出し番号1-1に付与されるclassがtoc_depth_1になっていて、toc_depth_2ではありませんでした。

真面目に調べてみると、以下のようなclassの割り付けになってるようでした。

  • 見出し番号1:#toc_id_1 .toc_number.toc_depth_1
  • 見出し番号1-1: #toc_id_1_1 .toc_number.toc_depth_1
  • 見出し番号1-1-1: #toc_id_1_1_1 .toc_number.toc_depth_2
  • 見出し番号2:#toc_id_2 .toc_number.toc_depth_1
  • 見出し番号2-1:#toc_id_2_1 .toc_number.toc_depth_2
  • 見出し番号2-1-1:#toc_id_2_1_1 .toc_number.toc_depth_2
  • 見出し番号3:#toc_id_3 .toc_number.toc_depth_1
  • 見出し番号3-1:#toc_id_3_1 .toc_number.toc_depth_3
  • 見出し番号3-1-1:#toc_id_3_1_1 .toc_number.toc_depth_2
  • 見出し番号4:#toc_id_4 .toc_number.toc_depth_1
  • 見出し番号4-1:#toc_id_4_1 .toc_number.toc_depth_4
  • 見出し番号4-1-1:#toc_id_4_1_1 .toc_number.toc_depth_2

レベル2だけ、規則が違うように見えます。なぜそうなってるのかソースを見てもわかりませんでしたが、CSSで消えない理由は、レベルを2のclass名が想定と違って共通じゃないのが原因でした。レベル3もなぜかdepth_2となっていてちょっとカオス。

見出しの数だけCSSで消せば良さそうですが、それもめんどいので、以下のように全ての数字を消して、レベル1の数字を振り直すことにしました。

.toc_number{display:none;}

まとめ

正直、不具合なのか仕様なのかわかりませんが、想像と違っていたのでメモしておきました。

この記事が気に入ったら フォローしよう
最新情報をお届けします。
この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

オランダで生きていく
タイトルとURLをコピーしました