Twenty Seventeen ビジュアルエディター 画像が縮小表示されない

WordPress Twenty Seventeen
記事を投稿する ”編集” での問題点
TinyMCE ビジュアルエディター上で
画像が縮小表示されない
 
投稿の編集での『ビジュアル』タブで、メディア追加をした後、画像のサイズを縮小するために、画像のコーナーをドラッグして、ドロップしても、元のサイズで表示されてしまう。
ビジュアルエディターで画像サイズが縮小出来ない
このトラブルの解決に、いたく手間取った記録。

スポンサー リンク

 
『テキスト』 タブでHTMLを見ると、画像サイズは縮小された値で正しく設定されているが、なぜか画面表示だけは元のサイズのままとなる。 
ビジュアルエディターで画像サイズが縮小出来ない
 
WordPressのテーマを幾つか変更して試してみると、「Twenty Sixteen」では問題なく、「Twenty Seventeen」だけでこの現象が発生している。
そこで、「Twenty Sixteen」の【 editor-style.css 】を確認してみる。
 
【 editor-style.css 】の場所。
【 editor-style.css 】の場所
これに倣って、「Twenty Seventeen」の【 editor-style.css 】の【 width: inherit; 】をコメントアウトした。ついでに、css の変更が有効になっているかの確認のために、【 border: thin solid #c0c0c0; 】を追記した。
editor-style.css 修正後。
 
これで、この問題は解決!!。 
ビジュアルエディターで画像サイズが縮小出来ない
 
以上、結果から振り返れば簡単な話であるが、途中、
①.子テーマで適用しようとしたが、何故か巧くゆかない。
 → 親テーマを直接修正することで、うまくいった
 → 子テーマでも、縮小表示以外の装飾は出来る。
②.変更したCSSを適用するには、ブラウザのキャッシュをクリアする必要がある。
この2点の組合せを論理的に行えなかったため、四苦八苦してしまった。

 

以上。
(2017.10.22)

 

 

スポンサー リンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です