web-dev-qa-db-ja.com

Wordpressのビジュアルエディタが私の（ネストした）リストをめちゃくちゃにしています（その他のものも同様）

HTMLの余分な作業を避けたいので、ビジュアルモードでデフォルトのエディタを使用してWordpressでいくつかのネストされたリストを作成しようとするのはいつも困難です。私は自分自身でHTMLエディタモードでHTMLを書いていますが、時々ページは私のHTMLを聞き取り、それが望むように変更することはないでしょう。

たとえば、次のような構造を作りたいと思います。

1. 
2.
  a)
  b)
    - Paragraph 1
    - Paragraph 2

"OL"タグで "type = 'a'"属性を使用して文字を使用して注文しています。ビジュアルモードに戻ると文字が表示されますが、投稿をプレビューすると数字が表示されます。

また、ビジュアルモードを使用してリストを高速に作成すると、入れ子リストを作成するときに外部リスト形式が変更されることがあります。ビジュアルエディタは、「より良い」ものに変更することがありますが、やりたくない方法で変更することが多く、イライラして悪夢のようなものになります。食堂のやり方しかし、それはテーマのCSSと関係があると思います。

postshtmlvisual-editorlistlists
1
Lorthas

Type属性を使用する代わりに、CSSクラスを追加してスタイルを設定してみてください。

<ol>
    <li>Number one</li>
    <li>Number two
        <ol class="lower-alpha">
            <li>Lowercase a</li>
            <li>Lowercase b
                <ul>
                    <li>Paragraph 1</li>
                    <li>Paragraph 2</li>
                </ul>
            </li>
        </ol>
    </li>
</ol>

それからあなたのCSSで - あなたのサイト設定によっては、カスタマイザを通してカスタムCSSを追加するか、子テーマを編集することができます：

ol.lower-alpha {
    list-style-type:lower-alpha;
}

（テーマによっては、より具体的にする必要があるかもしれませんし、そうでないかもしれませんが、これはほとんどの場合にうまくいくでしょう）。

2
WebElaine