投稿フォームを拡大する方法 WordPress TinyMCE

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();

 

 

  • 7 views
    Pjax で非同期画面遷移するWordpress テーマ Pjax Blog に変えてみた。 Pjax Blog テーマでは、Barba.js が使用されている。 Pjax Blog | Uniqu ...
  • 17 views
    WordPressの投稿記事は、誤字脱字を少し修正しただけでも更新日時が変更されてしまう。 誤字の訂正だけで3年前の記事の更新日が更新されてしまうのはおかしい。 目次 1 編集画面に更新日時の変更オプ ...
  • 82 views
    これまで remodal.js を使ってハンバーガーメニューのモーダルメニューウィンドウが開いていたのを、CSSだけで動くようにした。 header.php 内の3本線のハンバーガーメニューを表 ...
  • 74 views
    CSSを遅延読み込みするためには、preload を使えばよいのだが、Firefox 、IEブラウザーでは動作しない。 それで、loadCSS   cssrelpreload.js を併用する。 ...
  • 76 views
    Jpeg 画像をWebp形式に変換するとサイズが30%も減少するなどと説明されていることがよくある。 Webp 変換後のサイズの方が大きくなったというのは見つからなかった。 そこで、Webpに変換して ...
  • 63 views
    画像のサムネイルを再作成する時には、Regenerate Thumbnails 等のプラグインを使用しがちであるが、サーバーにSSHでログインできるならば、コマンドラインで同じことができる。 その方が ...
  • 70 views
    画像をWordpressにアップロードした時に、予め登録しておいた画像のタグ、キーワードが表示されるようにしたい。 Lightroom で画像を整理する時に、キーワードを登録すると、Windows の ...
  • 63 views
    サイトの頁ソースを見ると、日本語を含むURLリンクが全てエンコードされていて読めない状態なのが気になった。 これはWordpressの仕様で、日本語で出力しようとしても、最後にはエンコードされて出力 ...

タグクラウド

WordPress カテゴリ人気記事

タグ関連記事