WordPress的可视化编辑器弄乱了我的(嵌套的)列表(以及其他东西)

时间:2017-12-04 作者:Lorthas

我总是很难在视觉模式下使用默认编辑器在Wordpress中创建一些嵌套列表,因为我想避免HTML额外的工作。即使我自己在HTML编辑器模式下编写HTML,页面有时也不会听我的HTML,也不会根据需要更改内容。

例如,我想创建以下结构:

1. 
2.
  a)
  b)
    - Paragraph 1
    - Paragraph 2
我正在使用“OL”标记中的“type=\'a\'”属性使用字母进行排序,当我切换回视觉模式时,它将显示字母,但当我预览帖子时,它将显示数字。

有时也会使用可视化模式快速创建列表,创建嵌套列表时会更改外部列表格式。可视化编辑器有时会随着它的“更好”而更改内容,但很多时候它会以我不希望的方式更改内容,这很令人沮丧,是一场噩梦,然后当你预览或发布帖子时,它不会显示编辑器所显示的方式。但我想这与主题的CSS有关。

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

不要使用“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;
}
(根据您的主题,您可能需要也可能不需要更加具体,但这在大多数情况下都适用。)

结束