突然のエラー発生!? 目次に「・」が表示された際の削除方法

ブログに役立つプチ知識
スポンサーリンク

本日もLibelulaBlogにお立ち寄りいただき、ありがとうございます。

プラグインのインストールを行った際に
何かしらのバグが発生したためか、
突如、目次にこのような表示が現れました。


(記事は ▶ 出産前後にやることって?知っておきたい手続きリスト

「・」(中点、ドット)が出現しました。
何かの設定がおかしくなってしまったのでは?と思い、
私なりに調べて対処しました。
今回はそのまとめ記事を書きたいと思います。

「・」が表示される原因を調べてみた

私自身、CSSに詳しくないのですが、
ブロガーさんたちの解説を見てみると、
Google chromeの検証ツールで
liタグ付近を調べてみると原因が分かるのでは?という記述がありました。
実際に検証ツールで見てみると、
「::marker」の擬似要素で「・」を表示している可能性があることが
分かりました。

「・」を削除する方法

WordPressの「ダッシュボード」から、
「外観」をクリックします。

「外観」→「カスタマイズ」の順番にクリックします。

「カスタマイズ」→「追加CSS」をクリックします。

追加CSSの画面で以下のコードを挿入します。

ul{
padding-left:0;
}

li{
list-style:none;
}


挿入後、「公開」をクリックし、完了です。

実際に修正されたのか?

実際に無事に修正されたのか確認してみました。

無事に「・」が消えていました。
修正が反映されていました。


以上、
目次に「・」が表示された際の削除方法をまとめました。

次回もまた、
ブログ制作で疑問に感じたことを記事にしたいと思います。