ワードプレス Cocoonヘッダー設定を初心者向けに分かりやすく解説

WordPress

cocoon設定のヘッダータブの解説です。
サイトの運営目的によってトップページの重要性は違います。

例えば、グローバル企業のトップページ、中小企業の物作り、あるいは地域特化のセールスをしている地域密着企業、個人のホームページ…

会社の存在を示すとき…
繋がりを求めてページを作るとき…
個人のブログで自由に発信したいとき…

目的によってTOPページの意味が違っていることを、自分自身が調べごとをするときに感ることはありませんか?

コクーンでヘッダー設定 主にTOPぺージの設定をしているうちに、自分のホームページレイアウトについて深く考えることができました。

スポンサーリンク

ヘッダーのタブは、グローバルメニューのデザイン設定

ヘッダータブでは、ヘッダーの大きさを決めることとグローバルナビメニューの位置を決めることが主な設定です。

未記入にしておくとデフォルトで表示ができるので、最初から細かく悩まずに操作を進めていけますので大丈夫です。

グローバルメニューの色や文字色も簡単に設定できます。

幅やモバイル用の設定など、細かく指定できなくても未記入でデフォルトの表示になるので、とても安心です

ヘッダーレイアウト センターロゴ(デフォルト)って?

ここではグローバルメニューの位置を設定していきます。

モバイルでのヘッダーの高さが最大で600pxだということなので、ヘッダーレイアウトの設定はセンターロゴ(デフォルト)で、高さは600にしました。

ヘッダーの背景画像に選んだお気に入りの写真がいい感じです。

【ヘッダーレイアウト】 センターロゴ(デフォルト) 高さ600px

 

ヘッダーの高さは0px〜800pxまで指定できる

ヘッダーの高さを変えるとどうなるのか試してみました。

【ヘッダーレイアウト】 センターロゴ(デフォルト) 高さ0px

【ヘッダーレイアウト】 センターロゴ(デフォルト) 高さ0px

高さ0pxにしてみると、背景画像がこんなに狭くなって、サイトタイトルとキャッチフレーズの表示だけの高さになりました。

 

【ヘッダーレイアウト】 センターロゴ(デフォルト) 高さ800px

【ヘッダーレイアウト】 センターロゴ(デフォルト) 高さ800px

ヘッダー画像の高さより下には、ヘッダー背景色で指定した色が見えます。

ヘッダー画像の高さによってヘッダーの高さ(px)を調整するといいと思います。

大きなヘッダー画像でヘーツダー内にアドセンス広告を表示するなら800pxくらい高さがあったほうがスッキリ見やすいように思いました。

ヘッダーの高さを変えると、どこがどんなふうになるのかが少しでも分かると、出来上がりのイメージもしやすいですね。

クリックひとつでヘッダーレイアウトの位置が変えられる

 

ヘッダーレイアウトというのは、グローバルメニューの位置とグローバルメニューの高さ、文字のレイアウトのことです。

表示がどのように変わるか試してみました。

 

センターロゴ (デフォルト)

ヘッダーの高さの一番下側にグローバルメニュー 中央寄せ
メニュー構造に副項目がない場合に使いやすいと思います。

 

センターロゴ(トップメニュー)

ヘッダーの高さの一番上にグローバルメニュー 中央寄せ
メニュー構造に副項目がある場合に使いやすいと思います。

 

センターロゴ(スリムメニュー)

ヘッダーの高さの一番下にグローバルメニュー 中央寄せ
デフォルトのグローバルメニューより細くてすっきりスリムです。

 

センターロゴ(スリムトップメニュー)

ヘッダーの高さの一番上にグローバルメニュー 中央寄せ

センターロゴ(トップメニュー)より、グローバルメニューの幅が細くてすっきりスリムです。

画面の一番上にグローバルメニューがあると、副項目を作るときに便利です。

 

コクーンは簡単操作で好みの設定が思いのまま

全体設定とヘッダー設定が決まれば、ほとんどのデザインは決まったようなものです。

ちょっと変えたいなぁという箇所が出てきても、 Cocoon設定からいつでも簡単に操作できます。

ワードプレステーマCocoonなら、デザインがうまくいかなくてストレスになることが解消されますよ。

色やデザインを考えるのに手間取るときには、素敵なスキンもタブに用意されています。

利用できるスキンの数も豊富で見ているだけでも楽しくなりますよ。

すぐに使い始めることができて操作が的確で簡単。

カスタマイズ・CSS・プラグイン、どうしたらいいの?ってストレスがなく、ブログを楽しめるワードプレステーマ コクーン。

私は利用して本当によかったと思います。

無料ブログからワードプレスに切り替えるには、まずはサーバーを借りるところから。

サーバーを借りてホームページを作ると、無料ブログよりも自由に自分好みのページが作れて楽しいですよ。

 

初心者でも安心の24時間365日メールサポート
私も安心してサポートしていただいているレンタルサーバーです
10日間の無料お試し期間があるので、ドメイン設定からワードプレスのインストール、ブログの開設を安心して始められますよ。
[affi id=12]

 

コクーンはフォーラムも充実しています。
グーグル翻訳をしなくても大丈夫!何より日本語なのが安心です。

コメント

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