サポート » 使い方全般 » ビジュアルエディタのデフォルトフォントのサイズ

  • 解決済 mintpoh

    (@mintpoh)


    先日、管理画面に更新のお知らせが来ていたので、昨日wordpress4.1に更新しました。
    その後、プラグインのTinyMCE Advanced もバージョンアップのお知らせがあり、
    バージョン4.1.7に更新しました。

    更新が終わり、投稿編集画面を見るとビジュアルエディタの、編集画面に出る文字が
    明らかに大きくなっていて(14ptと思います)、その為、それまで編集画面で一行に入っていた文章が入りきらなくて、
    2行になっていたり、今後入力するにも、すごく困ってしまいました。

    テキストエディタの方は、変わりはありませんが、ビジュアルエディタで確認したりすることが
    多いので、何とか解決したいです。

    WordPressは、まだ始めたばかりで初心者です。
    どうぞ、よろしくお願い致します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • こんにちは

    テーマによって異なりますが、editor-style.css

    または、functions.php等で、add_editor_style()で登録された、スタイルシートを編集すると、TinyMCEのフォントサイズが調整できると思います。

    トピック投稿者 mintpoh

    (@mintpoh)

    nobita様

    早速のご教授ありがとうございますm(__)m

    何分、まだ慣れていなくて、教えて下さったことを、先ずは理解することから
    してみました。

    editor-style.cssというのは、私の使っているテーマのBizVektorのcssに
    あるのまでは分かりましたが、その中のどこを変更すれば良いのか、
    そして又、バックアップを少し前からとっているので、以前のを見たりしましたが、
    更新前と変わっている箇所は、見つからなくて・・・

    最悪、自分でどうしようもない時は、どうしたら良いのでしょうか?
    すいません、こんなご相談まで。
    何とか解決したいのですが、今の私のスキルでは難しいのです。

    editor-style.css
    ブラウザの設定等で、文字サイズを変更しているとかいう事でなければ、

    シングル投稿と、エディタを見比べて、同じ位置で折り返されるように調整すればいいです。

    functions.phpの $content_widthの設定が640pxになっているので、

    /*-------------------------------------------*/
    /*	基本設定
    /*-------------------------------------------*/
    /*▼背景色・text-align 注意*/
    body     { color: #333;font-size: 78%; line-height: 1.6em; text-align: left;
    max-width:640px;/* ここにmax-widthを追加します*/}
    /*▲背景色・text-align 注意*/
    
    body,
    input,
    textarea {
        /* font 88%/150% は、77%/150%に書き換えます*/
        color: #666; font:77%/150% verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
    }

    これで、エディタの入力幅と、シングルページの幅が大体そろうと思います。

    そろわないときには、微調整してください。

    bodyでfont-size78%に設定されているのが、直後のbodyで88%に変更されている理由は、測りかねるので、テーマ配布元のフォーラムなどで、質問するといいかも、

    トピック投稿者 mintpoh

    (@mintpoh)

    nobita様

    分かりやすく教えて下さり、ありがとうございますm(_ _)m
    まだ、手を付けていないのですが、明日、やってみます。
    又、ご報告しますので、分からなくなったら、教えて頂けると、
    有難いです。何とか解決することを祈って、明日トライしてみます。

    トピック投稿者 mintpoh

    (@mintpoh)

    nobita様

    今朝から何度も、試しましたが、やはりビジュアルエディタのフォントの大きさは
    変わらないままです。
    普通に記事を書くだけなら、テキストエディタで大丈夫ですが、
    セルを使ったものなどに、文字を書いたものは、ビジュアルエディタでは
    思いっきり何行にもなってしまって、今後新たに作る場合、やりにくいですね。

    今回の現象は、私の方では全く何も設定など変えず、バージョンアップしたら、
    こうなっていたので、初心者の私では、何が何だか分からないです。

    すいませんでした。何とかしたいけれど、関係ない所まで触ってしまうのも怖くて、
    できないです。
    同じ様な状態の人がいないので、全く分からないです。
    配布元にも、フォーラムへ書き込みましたが、まだ何も分かっていません。
    少し、待ってみようと思います。

    何度も、ありがとうございましたm(__)m

    トピック投稿者 mintpoh

    (@mintpoh)

    分からないながら、バックアップを取りながら、色々試してみました。
    今回の現象は、wordpressの更新の後に起きたことなので、
    そのあたりを考えてみました。

    そして検索を繰り返し、ひとつの方法を試してみました。
    wp-includes/js/tinymce/skins/wordpress/wp-content.css
    この部分のフォントサイズを変更してみると・・・

    上手くいきました!
    何度もeditor-style.cssを変更してみましたが、何も変わらなかったので、
    やはり、テーマによるものではないのかなと思った次第です。

    ありがとうございましたm(__)m

    @mintpoh

    結果を教えていただきありがとうございます。

    お疲れ様です おめでとうございます

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「ビジュアルエディタのデフォルトフォントのサイズ」には新たに返信することはできません。