tinymceの「リストスタイル番号なし」にクラスを付与する

tinymceの「リストスタイル番号なし」にクラスを付与するメモ

 

やり方

参考:https://www.it-mure.jp.net/ja/css/wordpress%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFtinymce%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E4%BD%9C%E6%88%90%E3%81%95%E3%82%8C%E3%81%9Ful%E3%82%BF%E3%82%B0%E3%81%AB%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%EF%BC%9F/956911598/

 

ファンクションに記載

// ページのulにクラスをつける
// Insert 'styleselect' into the $buttons array
function my_mce_buttons_2( $buttons ) {
array_unshift( $buttons, 'styleselect' );
return $buttons;
}
// Use 'mce_buttons' for button row #1, mce_buttons_3' for button row #3
add_filter('mce_buttons_2', 'my_mce_buttons_2');

function my_mce_before_init_insert_formats( $init_array ) {
$style_formats = array(
array(
'title' => 'Custom UL class', // Title to show in dropdown
'selector' => 'ul', // Element to add class to
'classes' => 'custom-ul-class' // CSS class to add
)
);
$init_array['style_formats'] = json_encode( $style_formats );
return $init_array;
}
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );


add_filter('wp_insert_post_data', 'my_add_ul_class_on_insert');
function my_add_ul_class_on_insert( $postarr ) {
$postarr['post_content'] = str_replace('<ul>', '<ul class="page_ul">', $postarr['post_content'] );
return $postarr;
}