投稿エディタ(ビジュアル/HTMLの両方)のフォントの変更法 Ads X Bluesky Misskey はてブ 2012.04.27 Code /////////////////////////CSSファイルを追加////////////////////////////////////// <?php //ビジュアルリッチエディタ用のスタイルシートにフォントスタイルを追加する add_editor_style('admin-style.css'); ?> /////////////////////////jqueryで変更////////////////////////////////////// add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' ); add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' ); function devpress_fix_html_editor_font() { ?> <?php //ビジュアルリッチエディタのフォントをjQueryで変える <script type="text/javascript"> jQuery(window).load(function() { jQuery('iframe').contents().find("*").css({ 'font-family': 'Meiryo !important' }); }) </script> <?php } ?> /////////////////////////HTMLエディタのスタイルの変更////////////////////////////////////// <?php //HTMLエディタのスタイルの変更 add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' ); add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' ); function devpress_fix_html_editor_font() { ?> <style type="text/css"> #post-body-content , .wp-editor-area, #content_ifr html { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS ゴシック", "Osaka", sans-serif !important; font-size:16px;}</style> <?php } ?> Screen shot Note Description 各投稿エディタのスタイルを変更する方法。スタイルを追加する。 WordPress Ver. 3.3.1 Via How to change WordPress editor font