3分でできる!ヘッダー画像でタイトル文字を見えなくする方法!

ヘッダーのタイトル文字を見えなくしたい! 未分類
スポンサーリンク

ヘッダーを変えようとするとタイトルが映り込んでいる!

まず最初に行きあたる壁はここではないでしょうか?私自身もこの問題には時間がかかりました。ですので、私自身で調べてようやくいきついた、初心者でも簡単にできる設定方法をお伝えしていきたいと思います。方法として正しいかどうかはわかりませんし、他にも方法はいろいろあると思いますが、悩んでおられるみなさんの参考になれば幸いです。

設定する箇所は3箇所!

今回設定する箇所は3箇所のみ!このページをご覧の方なら、そこは散々触ってるんだよ!という声が聞こえてきそうですが、cocoon設定からヘッダーの項目の中にある高さとロゴ画像とヘッダー背景画像の3箇所になります。尚、透明シートとヘッダー背景画像のサイズと作り方などは、下記の参考記事で解説していますのでご覧ください。

https://cocoon-header-image.online/

cocoon設定からヘッダーを選択

cocoon設定画像1

高さを525に!ヘッダーロゴに透明シートの画像(サイズに注意)を選択

cocoonヘッダー設定2

ヘッダー背景画像にご自身が載せたいヘッダー画像を選択(但しサイズに注意)

cocoonヘッダー設定3

変更をまとめて保存をクリックして保存

cocoonヘッダー設定4

このページのまとめ

いかがでしたか?超簡単でしょ!誰でもできると思います。最初にも申し上げましたが、方法は様々あると思いますし、この方法がベストかどうかもわかりません。ですが、タイトルの文字は消したわけではなく、あくまで透明なシートで隠してあるだけですので、SEO的にも大きな問題はないのではないかと思います。どうしてもうまくいかない!という方は是非試してみてください!高さはお好みで変更可能かと思います。透明シートの作り方も含めた詳しい設定方法は下記のサイトにて説明してますのでご覧ください。
https://cocoon-header-image.online/

 

 

コメント

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