2675.11.18-水 20:03
tinymce

WordPress の投稿画面で、入力フォームのサイズを大きくするにはどうしたらよいか。

  1. ダッシュボード→外観→テーマの編集で、右サイドに有る
    Simplicity child: ビジュアルエディターのスタイルシート editor-style.css を左画像のように編集する。

 

次の4行を追加する。

#tinymce {
min-height: 950px !important;
max-width: 680px !important;
margin: 0px auto !important;
}

950pxは、27インチ2560x1440のモニターサイズの縦いっぱいになるぐらいの大きさになる。

max-width: 680px !important;  は、Simplicity の投稿本文表示幅680pxに合わせる。
margin: 0px auto !important; は中央配置。

このファイルを編集するためには、あらかじめ書き込み可能のパーミション666等に変更する必要がある。

tinymce2

 

自分の使用しているテーマのフォルダーにある、 editor-style.css
を編集すれば良い。

DocumentRoot/wp-content/themes/yourtheme/editor-style.css

にある。
editor-style.css が有効になっていることを確認する。
functions.php に次のように記述する

<?php //子テーマ用関数

//子テーマ用のビジュアルエディタースタイルを適用
add_editor_style();

 

 

次の記事

カテゴリ別人気記事

WordPress カテゴリ人気記事

カテゴリ別新着記事

WordPress カテゴリ最新記事

最近更新した記事

 

ランダムフォト

ランダムフォト