管理画面(ビジュアルエディタ)にオリジナルのスタイルを適用


参考サイトはこちら

functions.php

// 管理画面(ビジュアルエディタ)にオリジナルのスタイルを適用
add_editor_style('editor-style.css');


function custom_editor_settings( $initArray ) {
	$bodyclass_slug = "";

	if(is_admin()){ // ★
		// 管理画面の時だけ、bodyタグにslug名でクラスをつける
		global $post;// ★
		$bodyclass_slug = ' page-'.$post->post_name;// ★「page-スラッグ名」を設定

	}// ★
    $initArray['body_class'] = 'editor-area '.$bodyclass_slug;// ★

	return $initArray;

出力されるビジュアルエディタの body 要素の例。(editor-area が追加されている)

<body id="tinymce" class="mce-content-body editor-area  page-xxxslugxxx mceContentBody wp-editor html4-captions" onload="window.parent.tinymce.get('content').fire('load');" contenteditable="true">