ブログ・制作事例

ビジュアルエディタにCSSを適用する方法

手順としては「ビジュアルエディタ用のCSS作成」、「function.phpへのコード追加」の2ステップで行います。

 

1.function.phpへのコード追加

// ビジュアルエディタ用CSS add_editor_style(‘editor-style.css’);
function custom_editor_settings( $initArray ) {
$initArray[‘body_class’] = ‘editor-area’; return $initArray;
}

add_filter( ‘tiny_mce_before_init’, ‘custom_editor_settings’ );

2.ビジュアルエディタ用のCSS作成《editor-style.css》

/* ビジュアルエディタのフォントはこのクラスで指定 */
body.mceContentBody {
font: 14px;
font-family: ‘メイリオ’,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’MS Pゴシック’;
}

等々・・・

 

 

  • このエントリーをはてなブックマークに追加

関連記事

ページ上部へ戻る