WordPressのヘッダー画像を取る & CSS スタイルシートエディターと変更履歴

WordPressの上部に表示されている画像を表示を無くしたかったので、設定を探してみたが、画像を非表示にする様なオプションが見つからず、ネットで検索しみたら、cssやphpファイルをいじらないといけないようでした。

その中で、管理画面(ダッシュボード)から変更できる方法として、cssに
#branding img { display: none; }
の1行を追加する方法を採用することにしました。

WordPressのダッシュボードのメニューから
[外観] → [css編集]
で、 ”CSS スタイルシートエディター” を表示します。

ここで書いた設定は、ここのページのコメントに書いてある通り、
「デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトのCSSルールを上書きできるということです」
を行なってくれます。

 ”CSS スタイルシートエディター”で、最後に以下を追加し、[スタイルシートを保存]をクリックします。

#branding img { display: none; }

入力した内容の色付けや整形は、エディタが自動でやってくれます。

これでサイトを表示すると、ヘッダー画像が表示されなくなります。

 

”CSS スタイルシートエディター”には、変更履歴が付いています。

前の状態と変更した内容の確認と前の状態に復元することができます。

これがあるとcssを思い切っていじることができます。
素晴らしい!

 

 

コメント

タイトルとURLをコピーしました