本日もLibelulaBlogにお立ち寄りいただき、ありがとうございます。
プラグインのインストールを行った際に
何かしらのバグが発生したためか、
突如、目次にこのような表示が現れました。
(記事は ▶ 出産前後にやることって?知っておきたい手続きリスト)
「・」(中点、ドット)が出現しました。
何かの設定がおかしくなってしまったのでは?と思い、
私なりに調べて対処しました。
今回はそのまとめ記事を書きたいと思います。
「・」が表示される原因を調べてみた
私自身、CSSに詳しくないのですが、
ブロガーさんたちの解説を見てみると、
Google chromeの検証ツールで
liタグ付近を調べてみると原因が分かるのでは?という記述がありました。
実際に検証ツールで見てみると、
「::marker」の擬似要素で「・」を表示している可能性があることが
分かりました。
「・」を削除する方法
WordPressの「ダッシュボード」から、
「外観」をクリックします。
「外観」→「カスタマイズ」の順番にクリックします。
「カスタマイズ」→「追加CSS」をクリックします。
追加CSSの画面で以下のコードを挿入します。
ul{
padding-left:0;
}li{
list-style:none;
}
挿入後、「公開」をクリックし、完了です。
実際に修正されたのか?
実際に無事に修正されたのか確認してみました。
無事に「・」が消えていました。
修正が反映されていました。
以上、
目次に「・」が表示された際の削除方法をまとめました。
次回もまた、
ブログ制作で疑問に感じたことを記事にしたいと思います。