いろいろ

自分の思うことを書く。

TinyMCE Advancedに日本語フォントを追加

2008-06-26 14:54:58 | Wordpress
Wordpress2.5.1にPlug-inのTiny MCE Advanced 3.0.1を入れたのはいいが、
フォントファミリーには欧文フォントのみ;

日本語フォントを追加したいが情報が全然無い;

しかたなく自分なりに試行錯誤したらできたのでここに書いとこ。
/wp-includes/js/tinymce/themes/advanced/
にある editor_template.js にコードを一部追加するだけ。
一応念のためもとのファイルは
editor_template.js.bkとして取っとく。

editor_template.jsのファイルをTeraPadなどで開き「theme_advanced_fonts」のワードで検索する。
ヒットすると以下のようになっているはず。

・・・theme_advanced_fonts:"Andale Mono=andale mono,times;・・・

この文章のAndale Monoのまえにフォントを追加する。
この例では「明朝体」を追加します。
WinではMS P明朝でMacなどでは平成明朝とか。
明朝体=¥'MS P明朝¥',¥'平成明朝¥',serif;
の文を追加するだけ。
※¥は半角で入力!

以下完成
theme_advanced_fonts:"明朝体=¥'MS P明朝¥',¥'平成明朝¥',serif;Andale Mono=andale mono,times;・・・

最後は文字コードをUTF-8Nで保存する。

注意点はフォント名を「'」で囲むところを「¥'」とエスケープするところだけです。あと式のケツに「;」を忘れない事。
先頭の「明朝体」はリストに表示される名前で、「=」の後ろが実際にスタイルシートで設定される値です。

以上が終ったら確認するんですが、キャッシュが残っていたりしますので、一度プラグインを停止し、記事編集画面を更新し標準のTinyMCEにしてからTinyMCE Advancedを起動してください。
ジャンル:
ウェブログ
キーワード
スタイルシート 文字コード MS P明朝
コメント (3) |  トラックバック (0) |  この記事についてブログを書く
Messenger この記事をはてなブックマークに追加 mixiチェック シェア
« object-cache.php... | トップ | Wordpress インポ... »

3 コメント

コメント日が  古い順  |   新しい順
感謝! (honma)
2008-09-10 08:35:36
通りすがりのものです!
大変参考になりましたm(__)m
ありがとうございます!
エスケプが消されてた; (著者)
2008-09-26 10:34:32
おお〜役に立ったお方がいらっさるw
エスケープ文字が消されてました;
気付かなかったけど、半角¥マークは消されてしまうなぁ、投稿した直後の確認画面では生きてるのに再編集すると消えてしまう;
ので半角のところを全角で打っときます。
「¥」
Unknown (通りすがりです)
2011-07-21 17:59:46
ありがとうございました。
本当に本当にほんっっっっっとうに助かりました!!!!!

コメントを投稿

 ※ 
コメント利用規約に同意の上コメント投稿を行ってください。
※文字化け等の原因になりますので、顔文字の利用はお控えください。
下記数字4桁を入力し、投稿ボタンを押してください。この数字を読み取っていただくことで自動化されたプログラムによる投稿でないことを確認させていただいております。
数字4桁

トラックバック

この記事のトラックバック  Ping-URL

あわせて読む

「Wordpress」カテゴリの最新記事