【初心者】ヘッダー作成/サイズやデザインまとめ

WordとExcel、PowerPointをちょっと習ったぐらい。 プログラミングやIT業界の方たち尊敬です。簡単なことは「いじっちゃえ！」でできますがググらないと私一人ではできないです( ；∀；)

ヘッダー操作画面に入る

上記の順で入ればヘッダー画像追加し編集できます

悪魔ちゃんのこのブログでは、子テーマ『コクーン』使用しているのでヘッダーの編集方法の入り方が異なります。

コクーンの場合

トップページ(ホーム)の構成

ページレイアウト

シンプルですが味気ない感じもします。

メニューの位置も変更できるので自分の好みの場所に配置しましょう。

ヘッダー色やグローバルナビ色を変更するだけでも印象が明るくなります。

「ヘッダーなんてどんなんでもいい！」「時間がない」、「まずは内容でしょ！」っていうかたも色だけでも初期設定から変更するだけでいいと思います。

オリジナルヘッダー画像にする場合

ヘッダーロゴ

ヘッダー画像の推奨サイズは950×250ピクセル

ヘッダーにしてみたらこんな感じになりました。モバイルでは問題なさそうです！

パソコンよりもブログはほぼスマホで読ませることが多いのでサイズ困ったらモバイルの配置で調整した方がいいです。

ヘッダー背景画像/簡単

背景色によってはブログ名の文字色を変更しないとですが、1番簡単でオリジナリティーを表現できます。

↑私の好きなセブチのグループカラーをヘッダー背景画像にするとこんな感じになりました。

スマホ内にある写真の一部をトリミングしてヘッダーにするのもありです！

オリジナルロゴを作るサイト

①「フリーフォントで簡単ロゴ作成」オリジナリティーあふれるロゴ文字が無料で作成できます。

②「canva」グーグルで登録するだけ無料画像+文字も入れれます

無料背景画像をアップロードして文字を入れるだけでも活用できるので重用しています。

　https://www.canva.com/

①「ぱたくそ」https://www.pakutaso.com/

②「pixabay」

③「unsplash」

④「ピくタス」

登録することが煩わしいサイトもありますが、無料なので仕方ないです。

blog名、キャッチフレーズの変更方法

コクーン設定　→　タイトルからも編集できます。

おすすめはヘッダー背景画像にすることです。スマホやPC以外の端末で見たとしてもヘッダーのサイズがおかしいということはないみたいです。