Advanced Editor Tools(TinyMCE Advanced)のフォントサイズ初期選択肢を変更する方法

Advanced Editor Tools(TinyMCE Advanced)のフォントサイズ初期選択肢を変更する方法

Advanced Editor Toolsのプラグインを使ってwysiwyg(ウィジウィグ)エディターにフォントサイズを追加していたところ、初期値が12pxになっていて困ったので備忘録です。

12pxでも特に問題ないけどweb上に表示されるデフォルト数値が16px。
もし投稿画面で12pxにしたい場合、wysiwyg(ウィジウィグ)エディターの初期選択肢が12pxだから、特にユーザーは変更しない、でもweb上では16px。。。おや?
となってしまうのでよくないです。

そこでAdvanced Editor Toolsで追加したフォントサイズ項目のデフォルト値を16pxにしたい!

解決コード

wordpressで適用しているテーマフォルダに「tinymce-visual-editor.css」という形でファイルを追加し、以下のコードを記述。

html .mceContentBody {
	font-size: 16px !important;
}

これは16pxにするということ。

次に追加した「tinymce-visual-editor.css」を管理画面に適用させます。
functions.php」に以下のコードを追加

add_editor_style('tinymce-visual-editor.css');

function.phpと同じ階層だとこの書き方だけれど、1つ階層の下cssフォルダなどに格納している場合は、パスを合わせてください。

これで初期値が16pxになります。

SHARE