可以将此代码添加到函数中。php
function add_style_select_buttons( $buttons ) {
array_unshift( $buttons, \'styleselect\' );
return $buttons;
}
// Register our callback to the appropriate filter
add_filter( \'mce_buttons_2\', \'add_style_select_buttons\' );
//add custom styles to the WordPress editor
function my_custom_styles( $init_array ) {
$style_formats = array(
// These are the custom styles
array(
\'title\' => \'Fancy Words\',
\'block\' => \'div\',
\'classes\' => \'fancywords\',
\'wrapper\' => true,
)
);
// Insert the array, JSON ENCODED, into \'style_formats\'
$init_array[\'style_formats\'] = json_encode( $style_formats );
return $init_array;
}
// Attach callback to \'tiny_mce_before_init\'
add_filter( \'tiny_mce_before_init\', \'my_custom_styles\' );
添加代码后，在编辑器中选择文本并从
Formats 下拉列表中，您将看到一个名为
fancywords.
要在编辑器中显示样式，还需要执行两个步骤。
创建文件名wp-editor-style.css 或者在活动主题的根文件夹中使用您喜欢的任何名称。您可以在此文件中添加样式，即。.fancywords { background: #4ab9ff; color: #fff; font-family: \'Oswald\'; }
NOTE: 如果在此处更改文件名，请在下一步中也更改相同的文件名。
在活动主题函数中添加此代码。php
function my_theme_add_editor_styles() {
add_editor_style( \'wp-editor-style.css\' );
}
add_action( \'init\', \'my_theme_add_editor_styles\' );
