WordPressを使ったオリジナルサイト制作をお手伝いします。

WordPressの記事編集の際、実際の画面と同じ仕様だとわかりやすいですよね。
以下のような設定で、管理画面の投稿エディタのスタイルを編集することができます。

1.独自のcssを作る

ここでは「style_edit.css」とします。style.cssと同じ階層に突っ込みます。

2.function.phpに以下を追加

// 独自エディタスタイル指定
add_filter(‘mce_css’, ‘my_editor_style’);
function my_editor_style($url) {

if ( !empty($url) )
$url .= ‘,’;

$url .= trailingslashit( get_stylesheet_directory_uri() ) . ‘style_edit.css’;

return $url;
}

3.スタイルを編集

スタイルを編集します。
私の場合、最低限のものがあれば良いと思っていますので、以下の項目のみ指定しています。

html .mceContentBody { }
html .mceContentBody a:link { }
html .mceContentBody a:visited { }
html .mceContentBody a:hover { }
h3    { }
h4    { }
h6    { }
p    { }
ul    { }
ol    { }
img    { }
.alignleft    { }
.alignright    { }