こんにちは、
functions.phpの 350行ぐらいの
$content_width
の値を変更すると、フルスクリーンモードの幅が変わります。
editor-style.cssの
html .mceContentBody {
max-width: 584px;
}
* {
color: inherit;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: inherit;
font-weight: inherit;
line-height: 1.625;
max-width:/*ここに好きな幅をpxで書けばいいです*/
}
max-widthを書いておけば、それ以上の幅で表示されなくなります。(ビジュアルエディタの場合)
早速のご回答ありがとうございました。
基本的にフルスクリーンモードは使用せず、ビジュアルエディタを使用していますので、「editor-style.css」の変更を試してみましたが、変化ありませんでした。
子テーマを使用していますので、「Twenty Eleven」から「editor-style.css」をコピーしてきて、
html .mceContentBody {
max-width: 584px;
}
* {
color: inherit;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: inherit;
font-weight: inherit;
line-height: 1.625;
max-width: 690px;
}
としてみたのですが・・・
ちなみに「690」を「100」にしても結果は同じです。
よろしくお願いいたします。
ちなみに「690」を「100」にしても結果は同じです。
よろしくお願いいたします。
editor-style.cssを使った場合は、エディタの幅ではないです
なんか、日本語の文字をエディタに入力してみてください。
チャイルドテーマだと、 add_editor_style();
を子テーマ側のeditor_style.cssを読むようにしないといけないかもしれません。
基本的にフルスクリーンモードは使用せず、ビジュアルエディタを使用していますので、「editor-style.css」の変更を試してみましたが、変化ありませんでした。
チャイルドテーマに置いて、動作すると何かに書いてあったのですか?
動作確認しました。
editor-style.cssは、コピーして、チャイルドテーマに置くだけで動作するようでした。
失礼しました。
チャイルドテーマでの動作も、一応確認して、こちらの環境では動作するようでした。
たびたび申し訳ありません。
functions.phpの 350行ぐらいの
$content_width の値を変更すると、フルスクリーンモードの幅が変わります。
親テーマの「functions.php」をいじったら、その通りになりました。
ただ普段、フルスクリーンモードは使用していないので、できればビジュアルエディタの幅(もしくは入力できる文字数)を狭くしたいと思っています。
最低でも親テーマの「functions.php」は変更せず子テーマの「functions.php」に追記する形を取りたいと思います。その場合はどうすればいいでしょうか?
チャイルドテーマだと、 add_editor_style(); を子テーマ側のeditor_style.cssを読むようにしないといけないかもしれません。
と、ご指摘をいただきましたので、今度は「子テーマ」ではなく「親テーマ」の「editor-style.css」に直接「max-width」を狭く指定してみたのですが、こちらもビジュアルエディタの幅はもちろん、一行あたりの入力文字数にも変化はありませんでした。
ビジュアルエディタの幅(もしくは入力できる文字数)が変更できないなら、やはりフルスクリーンモードに慣れるしかないでしょうか?
再度ご指導いただけたらと思います。
よろしくお願いいたします。
最低でも親テーマの「functions.php」は変更せず子テーマの「functions.php」に追記する形を取りたいと思います。その場合はどうすればいいでしょうか?
チャイルドテーマに、functions.phpをつくり、$content_width を 指定してください。
editor-style.cssは、コピーして、チャイルドテーマに置くだけで動作するようでした。
訂正したとおりですので、チャイルドテーマに、editor_style.cssを置いて、その中にスタイルを記述してください。
editor_style.cssの記述は、通常のCSSと同じと考えていただければいいです。
http://www.tenman.info/hatena/capture-editor-width.png
上記の画像のようになります。
/*
Theme Name: Twenty Eleven
Description: Used to style the TinyMCE editor.
*/
html .mceContentBody {
max-width: 584px;
}
* {
color: inherit;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: inherit;
font-weight: inherit;
line-height: 1.625;
max-width:300px;
}
kntn13さんが示された、スタイルルール
html .mceContentBody {
max-width: 584px;
}
* {
color: inherit;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: inherit;
font-weight: inherit;
line-height: 1.625;
max-width: 690px;
html .mceContentBody { max-width: 584px;}に対して、全称セレクタで、max-width: 690px;を指定するのは、おかしいとは思いませんか?
nobita様
返信が遅くなり失礼しました。また何度もご親切にありがとうございます。
なんとか「editor-style.css」の変更で、nobita様の添付画像のようにしたいと思っています。ただ、上記のアドバイス通り「max-width:300px;」で指定しましたが、何の変化もおきません。
もう少しいじってみます。何かヒントがあれば、よろしくお願いいたします。