【WordPress】箇条書きリスト・枠組みの不具合を修正。問題はhtmlコード。

Wordpress

こんにちは、daikiです。

今回は、Wordpressでブログを書く時に、htmlコードで枠組みを書き込んだ時の不具合を修正する方法を解説します。

読みやすい文章にするため、箇条書きリストのような枠組みを導入したけど、不具合が発生。そんな悩みを解決します。

この記事を読むべき人・箇条書きリスト、枠組みの不具合を修正方法をしりたい

箇条書きリスト・枠組みの不具合を修正する方法

箇条書きリスト・枠組みの不具合

問題の記事がこちらですね↑

枠組みが二重になり、不具合が発生しています。htmlコードを見ていきましょう。

Wordpressログイン画面

まずは、Wordpressにログイン。

箇条書きリスト・枠組みの不具合を修正する方法(テキストエディット)

記事作成の「ビジュアル」から「テキスト」に変更してhtmlコードを見ていきます。

<ul>
<li style=”list-style-type: none;”>
<ul>
<li>拡張リンクのアトリビューションを使用する→オフ</li>
<li>ページ解析を開始→レポート内表示(推奨)</li>
<li>レポートでユーザー指標を有効にする→オン</li>
</ul>

このようにhtmlコードが書いていますね。

その内の「<ul><li style=”list-style-type: none;”>」これが不具合を発生させている原因のコードです。これを削除しましょう。

箇条書きリスト・枠組みの不具合修正後

不具合が出ていたhtmlコードを削除したら、実際にプレビューを見て確認しましょう。上のように綺麗な枠組みになっていればOKです。

お疲れさまでした。