ビジュアルエディタにボタン追加2

      2016/05/17

ビジュアルエディタにフォントサイズボタンを追加する方法の関連記事。
ビジュアルエディタにフォントサイズやら文字背景色やらをfunction.phpを用いて追加することができると知ったわけですが、他にもdivなどの要素を追加することができるのが便利だったので覚書。

functions.php

function tinymce_add_buttons_3( $array ) {
	// add buttons
	array_unshift( $array, 'styleselect', 'fontsizeselect', 'backcolor' );
	return $array;
}
add_filter( 'mce_buttons_3', 'tinymce_add_buttons_3' );

//styleselectの設定
function customize_tinymce_settings($mceInit) {
	// set style formats
	$style_formats = array(  
		array(  
			'title' => 'div.column',  
			'block' => 'div',  
			'classes' => 'column',
			'wrapper' => true,
		),
	);
	$mceInit['style_formats'] = json_encode( $style_formats );  
	
	return $mceInit;
}
add_filter( 'tiny_mce_before_init', 'customize_tinymce_settings' );

 - WordPress