首先，您需要将CSS添加到前端和编辑器样式表中。

接下来，我们需要向编辑器添加一个选择器。我通常使用样式选择下拉列表，该下拉列表通常是禁用的，但非常适合此用例。

/**
 * Add formatting select to WordPress WYSIWYG.
 */
function my_add_style_select_buttons( $buttons ) {
    array_unshift( $buttons, \'styleselect\' );
    return $buttons;
}
add_filter( \'mce_buttons_2\', \'my_add_style_select_buttons\' );

最后，您需要将选择器添加到此新下拉样式选择器中的选项。

/**
 * Customize formatting options for WordPress WYSIWYG.
 */
function my_tiny_mce_before_init_insert_formats( $init_array ) {
    $style_formats = array(
        array(
            \'block\'   => \'span\',
            \'classes\' => \'my-custom-style\',
            \'title\'   => \'My custom style\',
            \'wrapper\' => true,
        ),
    );
    // Insert the array, JSON ENCODED, into \'style_formats\'
    $init_array[\'style_formats\'] = wp_json_encode( $style_formats );

    return $init_array;

}
add_filter( \'tiny_mce_before_init\', \'my_tiny_mce_before_init_insert_formats\' );

现在，当您选择文本并应用“我的自定义样式”时，您将所选文本包装在span 用类标记my-custom-style.