こんにちは、仙忍者です。
ワードプレスのCocoonには沢山のスキンが揃っているので、自分のブログに合ったスキンを探すのは楽しいですよね。
今回は、シンプルなデザインがお好きな方に人気のテーマ【Bizarre-food】を選択した時の話です。
スキンをBizarre-foodの『ホワイトラーメン』にし、ロゴと背景の設定も完了しました。
そこで自分のブログを確認しにいくと、下の画像のよう吹き出しが出てしまっています。
ここに文字を入れたい場合は良いかもしれませんが、ロゴも作成したのでデザイン的に吹き出しは不要です。
CSSなどでこの吹き出しを消す方法があるのか検索してみましたが、見つかりませんでした。
どうしてもこの吹き出しが嫌でホワイトラーメンを使用するのを諦めようかと考え始めていました。
しかし、なんてことのない操作でこの吹き出しを消すことが出来たので、その手順を説明するエントリーです。
検索しても方法が見つからなかったのは、そこでつまずく人が「そもそもいない」のかもしれませんが、私のような人がいるかもしれない、ということで残しておきます。
対象者
ワードプレスのCocoon利用者
・テーマを【Bizarre-food】シリーズにしたが、トップページのヘッダー吹き出しを消したい人
【Bizarre-foodテーマ】
・ピンクワイン
・ブラックバーガー
・ブルーカレー
・ホワイトラーメン
ヘッダーの吹き出しを消したい
Bizarre-food
Bizarre-foodは【takasaki】さんが作ってくださった人気のCocoonテーマです。
柔らかい印象のフォントとカラーで、シンプルだけど個性を出したい方に多く使用されている印象です。
Cocoonの繭らしさが特に現れているスキンだと思います。
今回はこのシリーズのホワイトラーメンを使用して説明していきます。
Bizarre-foodシリーズならどれも同じですので、ピンクワイン、ブラックバーガー、ブルーカレーでお困りの方も同様の手順を行ってください。
吹き出しを消す手順
1 ヘッダーを設定した【Cocoon設定】の中の【ヘッダー】を選択します
※既にヘッダー設定をされた後の話なので、Cocoon設定がどこにあるか分からない、という事はないかとは思いますが念のために載せておきます。
2 ヘッダーのページを下にスクロールしていくと『キャッチフレーズの配置』の欄があります。
何もいじっていなければ、Bizarre-foodでは【ヘッダートップ(デフォルト)】にチェックが入っています。
3 このキャッチフレーズの配置を【表示しない】にチェックを入れます。
4 ページ上部または下部の【まとめて保存】を押します。
5 自分のブログを確認しにいきましょう。
吹き出しがなくなってスッキリしたヘッダーになりました。
以上が、Cocoonスキン【Bizarre-food】を選択した時の、ヘッダーふきだしを消す手順でした。
お疲れさまでした。
まとめ
見比べてみても、吹き出しがあるのとないのとでは印象も違いますね。
私のように、ロゴにキャッチフレーズを入れている場合はゴチャゴチャ感が出てしまいますが、使い方次第ではいい具合にデザインとして存在感を発揮してくれることでしょう。
ホワイトラーメンのヘッダー吹き出しを消す作業は、キャッチフレーズの配置を変える事で解決しました。
吹き出しが消せなくて困っている方はこの手順を試してみてください。