ヘッダー画像の上から、サイト名を消す方法

WordPressの仕様上なのか、Cocoonの仕様上なのか
ヘッダーが画像を作ったものの、サイト名がテキストで自動で入ってしまいます。
フォントや色も選べないし、設置位置も自由度がありませんので今回は、これを非表示にします。

編集作業時の仕様は以下でした。

• WordPress:6.0.1以上
• テーマ：Cocoon
• スキン：SILK

サイト名を非表示にします。

サイト名を非表示にする弊害は、サイトTOPへ戻るルートを消してしまいますので
グローバルナビゲーションへの【TOP】や【HOME】などの設定を行なった方がいいでしょう。

カスタマイズをクリックします。

次のCSSコードを追加します。

以下のコードをコピーして、追加CSSに貼り付けます。

/* ヘッダーのサイト名を非表示にする */
.logo-header{ display: none; }

情報を追加したあとは、データーの公開・更新や保存などをして表示状態を確認してください。

表示結果を確認

しっかりと消えました。

最後に注意点として

これからをカスタマイズ → 基本設定でサイト名を未入力で消さないでください。
ここの情報を消してしまうと、ブラウザのタブから、サイト名が消えたり、今後の広告等の設定を行う上で弊害も多々あります。