wordpress HTMLエディタのフォント変更

wordpress エディタのフォントが変わらない

editor-style.css

エディタのフォントはデフォルトでは、
font-family: Consolas,Monaco,monospace;
となっている。

別にプレヴューで確認しながらの投稿なので、特別フォントを変更しなければ都合が悪いわけではなかったのだが、
そういえば、 editor-style.cssを入れてなかったっけ？
ということでeditor-style.cssを確認してみると、
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
となっていた。

あれ？と思いエディタ画面のソースを見てみると editor-style.cssが適用される範囲はビジュアルエディタだけだった。
今更知った。


HTMLエディタのフォント変更

wp-includesのeditor.min.cssを修正するのもなんだし、functions.phpで<style type="text/css">を突っ込むことにする。

そんな訳で、下のコードをfuntions.phpに書いて解決。

<?php
//HTMLエディタのスタイルの変更
add_action( 'admin_head-post.php', 'html-editor-font' );
add_action( 'admin_head-post-new.php', 'html-editor-font' );
html-editor-font() {
?>
<style type="text/css">
#post-body-content ,
.wp-editor-area,
#content_ifr html {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif!important;
｝
</style>
<?php
}
?>

コメント

コメントを投稿

このブログの人気の投稿

eclipse 改行後のインデントを無効にする

eclipseのインデント eclipseはオープンソースなのに本格的な開発もできるので重宝してます。 特にフォーマッターなどは急いでコードを書いているときなどは、とてもいい感じです。 インデントを無くす で、あまりに便利すぎるフォーマッターも場合によっては余計なお世話なんだな。 今回は、ちょっと長めの文字列の入力がりましたが、左詰めで書きたいのにばっちりインデント。 これはうざいので、フォーマッターをオフに。 //@formatter:off　　←これね。 で、、、 利かねーし。 ふつうにインデントされるし。 イライラ溜まるし。 とりあえず時間無いから、余計なインデントを手動で消してくことに。（泣） eclipseのインデントの設定 インデントなどの設定項目は複数あるけど、 改行後の自動フォーマット に関しては以下の通り。 [ウィンドウ] > [設定] > [Java（PHPやjavascript）] > [コードスタイル] > [フォーマッター]  でプロファイルを編集。 ※ビルトインのプロファイルは編集できないので、新規でコピーを作成してそれを編集。 編集する項目は タブ[折り返し] > [折り返された行のデフォルト・インデント]を「0」に設定 。 これでOK。
続きを読む

サービスエラー:Spreadsheets（service error:Spreadsheets）の原因

例えば、セルを編集した際に自動的に並べ替えたいとすると、以下のようなscriptになると思います。 /**  * Automatically sorts the 1st column (not the header row) Ascending.  */ function onEdit(event){   var sheet = event.source.getActiveSheet();   var editedCell = sheet.getActiveCell();   var columnToSortBy = １; // column A   var tableRange = "A１:G1000"; // What to sort.   if(editedCell.getColumn() == columnToSortBy){     var range = sheet.getRange(tableRange);     range.sort( { column : columnToSortBy, ascending: true } );   } } onEdit()は、セルを編集した際に実行される。 実行されるscriptは、範囲（A1～G1000）をカラムAを基に昇順で並び替えるというもの。 これで、問題なく動作します。 サービスエラー:Spreadsheetsがでて動かない原因 原因はいろいろあるようだが、私の場合の原因は”行の削除”を行ったことだった。 以下のような場合には、エラーが出るようです。 テーブル内に行が1100行あった場合、 　↓ 行を101行削除する 　↓ 結果、テーブル内に表示されている行が999行になる 　↓ tableRange = "A１:G 1000 " を指定しても、 現在のテーブル内にあるのは999行 ということで『サービスエラー:Spreadsheets』が発生する模様。 なもんで、範囲を現在ある行数以内で修正したところ、エラーは出なくなった。 エラーが出ないケース 試しに、100行しか表示されていないテーブルに新たにスクリプトを作成し tableRange = &qu
続きを読む

Jquery datetimepicker 日本語にならない原因

lang 'ja' が効かない よく見るオプション設定↓ $('.datetimepicker').datetimepicker({ format: 'Y-m-d H:i', lang: 'ja' }); 動くけど日本語にならねーよ 。 どのサイト見ても、これで日本語化するらしいんだが。 日本語化できない どうなってんだよってことで、「datetimepicker lang not working」とか探したけど見つからず、小一時間ほどまごまごして Git(xdan/datetimepicker) を見に行ったら書いてあった。 !!! The latest version of the options 'lang' obsolete. The language setting is now global. !!! Use this: $ . datetimepicker . setLocale ( ' en ' ); で、こうすると当然日本語化した。 $.datetimepicker.setLocale('ja'); バージョンいくつからこうなってるのかはめんどくさくて調べてないけど、 2.3.7 はこうしないと日本語化しなかった。 私みたいに昔の情報に振り回されてしまう人のために書き残しときます。
続きを読む