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

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

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

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

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

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

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

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

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

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

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

表示結果を確認

ちゃんと消えました。

最後に注意点として

これらをカスタマイズ → 基本設定でサイト名を未入力で消さないほうがいいです。

ブラウザのタブから、サイト名が消えたり、今後の広告等の設定を行う上で弊害も多々あります。


簡単に非表示になる反面の弊害も多いです。
ブラウザのタブに表示される名前
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ドローン撮影、動画編集、サイト運営、パソコンスキルを説明紹介

コメント

コメントする

目次