WordPress ol标签加type="A"改列表类型保存失效如何解决
WordPress有序列表大写字母编号不生效解决方法
失效原因
WordPress自带内容安全过滤机制,直接在文本编辑模式给<ol>标签添加type="A"属性时,该属性不在默认允许的HTML属性白名单内,保存内容时会被系统自动剔除,因此设置无法生效。
具体实现方案
- 内联样式法(无需改主题配置,单次修改最便捷)
在文本模式下找到对应有序列表的起始标签,替换为带内联样式的写法:
该内联样式不会被WordPress过滤机制拦截,保存后前台即可渲染为A、B、C序列的大写字母编号,完全匹配将<ol style="list-style-type: upper-alpha;">1.Informasi Pribadi修改为A.Informasi Pribadi的需求。其他常用编号样式对应属性值:小写字母填
lower-alpha、大写罗马数字填upper-roman、小写罗马数字填lower-roman,直接替换上述代码里的属性值即可。 - 自定义类统一样式法(适合多位置重复使用场景)
若站点内有多处需要用到大写字母编号列表,可先在文本模式给对应<ol>标签添加自定义类名:
之后进入后台「外观-自定义-额外CSS」板块,添加如下样式代码并保存:<ol class="upper-alpha-list">
后续所有带该类名的有序列表都会自动应用大写字母编号样式,无需重复写内联代码。.upper-alpha-list { list-style-type: upper-alpha; } - 编辑器原生设置法(适合古腾堡块编辑器用户)
若使用WordPress默认的古腾堡块编辑器,无需切换到代码模式,选中对应列表块后,直接在右侧侧边栏的块设置面板中找到「编号样式」选项,选择「大写字母」即可,可视化操作不会出现属性被过滤的问题。
内容的提问来源于stack exchange,提问作者chris
相关产品推荐
相关产品推荐

