WordPress

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

ビジュアルエディタにフォントサイズボタンを追加する方法の関連記事。
ビジュアルエディタにフォントサイズやら文字背景色やらを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
-