cssの記述の方法はわかっておりますか?
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/add_editor_style
こちらでビジュアルエディタ内のスタイルを変更できますので
ビジュアルエディタ内の横幅と文字サイズ、フォントファミリーなどを
実際にフロント側で表示されている横幅と文字サイズとあわせてやってください。
増やす場合はエディタ内で横スクロールすることになりますがそこを変更する場合は
もうちょっと手間が必要ですね
トピック投稿者
yiia
(@yiia)
ありがとうございます。
cssは詳しくありませんが利用できます。
ページのリンクありがとうございます。
editor-style.cssのページを作成し下記を追加しました。
.mceContentBody {
width:50em;
}
横29文字までは対応できたのですがそれより多い数字を入れると29文字までの表示になってしまいます。
functions.phpページなど見ていますがどこを修正したらいいのかわからない状態です。
チェックする部分を教えていただけたら嬉しいです。
よろしくお願いします。
まずfunctions.php内をadd_editor_styleで検索してみてください。
見つかった場合はその()内にあるのと同じファイル名をのファイルが
テーマディレクトリ内にあると思うのでそのcssファイルにスタイルを書き足していきます。
なかった場合は<?・・・・・?>内の何処かに
add_editor_style();
を書けばいいのですがよくわからない場合は一番最初か一番最後に書き足して
yiia様が作ったeditor-style.css内にスタイルを書いてください。
トピック投稿者
yiia
(@yiia)
jdbb様ありがとうございます。
functions.php内のadd_editor_style場所に書かれているcss/editor-style.css
ファイルをチェックしました。
その中にある
html .mceContentBody {
font-size: 100%;
max-width: 474px;
}
のmax-width: 474px;の数値を変更したら投稿ページにあるビジュアルエディタの1行の表示できる文字数が増えました。
とても嬉しいです。
ありがとうございます。