web-dev-qa-db-ja.com

WordPressが私のHTMLをめちゃくちゃにしないようにする

WP が私の完璧なHTMLを修正するのを防ぐ方法はありますか？ページのコンテンツを書くとき、私はリストを書いています

<ol>
  <li>Paragraph 1 : text

  Some more text</li>
  <li>...</li>
</ol>

それから WP HTMLをに変換する

<ol>
  <li>Paragraph 1 : textSome more text</li>
  <li>...</li>
</ol>

いくつかのリストは長く、これらのHTML設定のいくつかを含んでいるので、これはイライラするようになっています。

段落をPタグで囲むようにしましたが、それらも削除されて廃棄されます。

更新

私が見つけた唯一の解決策は ここ ですが、それはやや厄介です...私は願っています WP そのような苦痛はない私はしたくない、または要求しないことをしています...

htmleditorwysiwyghtml-editor
1
Yanick Rochon

私はあなたがテキストエディタを使っていると思います...

あなたの質問に空白行がある例は通常WPによってこれに変換されるでしょう：

<ol>
<li>Paragraph 1 : text
<p>  Some more text</p></li>
<li>…</li>
</ol>

空白行が作成されたため、Wpautopは2行目をp要素でラップします。あなたのWPの出力の例は、wpautopが（あなたによってまたはプラグインによって）無効にされていることを示すでしょう。

Wpautopを有効にすると、CSSを追加して必要なスペースを簡単に作成できます。

ol li p {
    margin: 1em 0;
}

あなたのolにクラスを追加したほうがいいかもしれませんので、CSSルールは明示的に名前を付けたところにのみ適用されます。

<ol class="my-ol-par">
    <li>Paragraph 1 : text
        <p>  Some more text</p></li>
    <li>…</li>
</ol>

CSSでは：

ol.my-ol-par li p {
    margin: 1em 0;
}

Wpautopが無効になっていて、有効にしたくない場合は、p要素内に追加の行を常にハードコードして同じCSSソリューションを使用することができます。

更新：

<ol>
    <li>Paragraph 1 : text

        Paragraph 2 : text

        Paragraph 3 : text</li>
    <li>…</li>
</ol>
1
BillK