入力フォームを簡単に設置するWordPressプラグイン「Ninja Forms」のメール文の入力欄が狭いので、縦長に調整したい。
実際の画面
これだと5行くらいしか表示されずに見づらいし、拡大しても画面を切り替えるたびに狭い範囲に戻る。
毎回下のバーを伸ばせば拡大できるが、それすらも手間がかかってしまうのが課題。
プラグインを編集して解決
プラグインのCSSファイルを編集すれば解決。
WordPress管理画面から
→プラグイン
→プラグインエディター
→「編集するプラグインを選択」から「Ninja Forms」を選択
→assets
→css
→summernote.cssを開く
ninja-forms/assets/css/summernote.cssを開いたら一番下に以下のコードを書いて保存すれば完了。
.note-editing-area .note-editable{
height:800px!important;
}
＊例として800pxにしましたが、実装する際はメール文の長さに応じて自由にカスタマイズしてください。
WordPressのお役立ち情報