投稿フォームを拡大する方法 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();

 

 

  • Google の Indexing API を使うと、新しい投稿記事を瞬時にGoogleの検索エンジンに登録できる。 WordPress のプラグインとしてインデックスAPIが利用できる。使い方は英語 ...
  • Yoast SEO を停止して、Rank Math SEO プラグインを使ってみたらGoogle の検索結果に表示される記事抜粋スニペットの文字数が短過ぎに見えてびっくりした。#1 Yoast Alt ...
  • WP_CRON を停止して、Linux の crontab に移行する設定をこれまでに何度も試みたがうまくいかなかった。 毎日バックアップされるはずの、UpdraftPlus プラグインのクロンが動い ...
  • Kusanagi WordPress プラットフォームでは Fcache とBcache がある。 Fcache とはNginx ヱブサーバーのキャッシュ機能であり、Kusanagi の独自機能ではな ...
  • 目次 1 HTTPD アクセスログの日本語化 2 Logwatch も日本語化 HTTPD アクセスログの日本語化 Nginx,  Apache ヱブサーバーのアクセスログを見ると、日本語URLはエン ...
  • ヱブサイトの再構築中には、スタイルシート、style.css を頻繁に調整更新する。 CSSを追加、編集する度に再読み込みを繰り返して、変更の反映を確認していた。 これで編集者は反映を確認できるのだが ...
  • WordPressで使える頁カウンターをいくつか同時に使ってカウントの仕方の違いを比べてみた。WP-PostViews    長期常用中 Post Views Counter  新規インストール Go ...
  • Pjax で非同期画面遷移するWordpress テーマ Pjax Blog に変えてみた。 Pjax Blog テーマでは、Barba.js が使用されている。Pjax Blog | Unique ...

タグクラウド

WordPress カテゴリ人気記事 Views most

WordPress カテゴリ人気記事 月間

20151118

タグ関連記事

閲覧履歴

    //cookieが無い場合の処理
2019
GA-views: 66
20151118