WordPress 改行させない単語にするタグをTinyMCE Advancedに追加

備忘録です。画像は11月にUPします。

TinyMCE Advanceに改行させたくない単語設定を追加する方法です。

１．TinyMCE Advanceの設定画面で「スタイル」を表示させるようにします。

２．functionに次のように記述。

function custom_editor_settings( $initArray ) {

	$my_style_formats = array(
			array(
			'title' => '改行させない単語',
			'inline' => 'span',
			'classes' => 'word-no-line',
			)
		);

	$initArray['style_formats'] = json_encode($my_style_formats);

	return $initArray;
} 
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );

３．CSSに次のクラスを追加

.word-no-line{
	display:inline-block;
}

４．投稿画面で改行させたくない単語を選択して「スタイル」で「改行させない単語」を選択する

おまけ：
ビジュアルエディタで使用するCSSの設定をしているなら、そっちにも上記の.word-no-lineを追加しておいたほうがいい。
ついでにcolor:#a00;とかにしておくと赤っぽくなってわかりやすい。