2016年1月23日

投稿エディタ画面にブログ背景画像が出ないようにする。WordPress編集画面。

スポンサードリンク

 WordPressのブログでは、背景に画像を使っています。

投稿エディタ画面で、
その背景画像が表示されて、文字がとても見にくいので、
背景画像を非表示にしました。

WordPress投稿エディタの背景画像設定


 まずは、functions.phpへ。
子テーマfunctions.phpに以下のコードを追加します。

と、その前に、WordPressバックアップをしておいて下さい。
終わったら、以下のコードを追加。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


/* ビジュアルエディタCSSカスタム */
add_editor_style('editor-style.css');


 これで、子テーマのeditor-style.cssを読み込むようになります。

という事で、
子テーマeditor-style.cssを今から編集します。

editor-style.cssを編集、投稿エディタCSSカスタム


 お使いのテーマによって多少違いがありますが、
おそらく、親テーマに

editor-style.css

があると思います。
無かった場合はこちらのサイトをどうぞ。


WordPressのビジュアルエディターのスタイルをカスタマイズする方法いろいろ
http://nelog.jp/add-editor-style



 私はStinger5を使用しています。
Stinger5にはeditor-style.cssがあります。


 子テーマにeditor-style.cssを作ります。
その中に、以下の内容を記述しましょう。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


body{
background-image: none !important;
}



以上です。


参考にしたサイト

WordPressの投稿画面のデザインを変える方法
http://ink-boy.com/2014/09/25/774/



 意味は、バックグラウンド画像を表示しない、です。

!important
を付けないと読み込まれなかったのでつけています。


 今回は背景画像だけですが、
もちろん他にも色々設定できますよ。

実際のサイトの雰囲気に似せてCSSをカスタムしても良いですね。



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク