Wordpress 所见即所得编辑器中的自定义样式项目符号点

Question

是否有一个 WordPress WYSIWYG 编辑器插件可以制作一个用于添加特定 ul li 和 ol li 样式的按钮？

例如目前，我的 ul li list-style-type 在我的 css 中设置为正方形，而我的 ul li 是数字。我的客户希望能够在 Wordpress WYSIWYG 编辑器的可视部分添加罗马和字母项目符号点，而不必在编辑器的 HTML 部分手动编码列表样式类型（大写罗马、大写字母） ？

Answer 1

本教程将让您在 WordPress 编辑器中添加 Styles 下拉菜单：http://alisothegeek.com/2011/05/tinymce-styles-dropdown-wordpress-visual-editor/（编辑：方法 2） 那里有描述）

作为此下拉列表的选项，您应该让您的客户在

ul

元素上添加 2 个不同的类，例如

alphabetical

和

roman

。在主题的 CSS 文件以及教程中提到的

editor-style.css

中，根据需要设置这 2 个类的样式（例如：

.roman { list-style-type: (...) }

）

Answer 2

之前的答案已经过时，带有死链接。我现在遇到了完全相同的问题，并使用以下代码解决了它

functions.php

：

function my_mce_buttons_2($buttons) {
    array_unshift($buttons, 'styleselect');
    return $buttons;
}
add_filter('mce_buttons_2', 'my_mce_buttons_2');

function my_mce_before_init_insert_formats($init_array) {
    $style_formats = array(
        array(
            'title' => 'Custom numbered list',
            'block' => 'ol',
            'selector' => 'ol',
            'classes' => 'class-to-style-the-list'
        ),
    );
    $init_array['style_formats'] = json_encode($style_formats);
    return $init_array;
}
add_filter('tiny_mce_before_init', 'my_mce_before_init_insert_formats');

这会将类添加到现有的

（如果选择）或创建一个新类，如下所述：https://codex.wordpress.org/TinyMCE_Custom_Styles#Style_Format_Arguments