補足ですがこれまでに僕が作ったヘッダーです。
いろいろなWordpressのテーマで作りました。
(くどくてすみません。。。)
いずれも有料のWordpressのテーマを使っています。
参考になればと思います!
ヘッダーを設定する前の状態
ヘッダーを設定する前はこんな感じでしたね。
しかしこれまでの記事を読んでみるとわかってもらえると思いますが
ここまで作ることができるようになったと思います。
ヘッダーを設定した後の状態
これまでのお話の中で実際に作った物を読んでみていかがでしたか?
もしもわからないことがあれば何度も読み返していただくと作れるようになると思います。
ここでもう一度まとめてみますね。
目次
ヘッダー作成するために必要な準備
詳しくはこちらに書いてあります
前回では⇒【WordPressの基本設定】についてお話をしていきました。今回からはいよいよWebサイトに肉付けを行う作業をしていきます。この記事ではサイトのトップページの頭に当たる部分、つまりヘッダー画像に使う素材についてお話をしていきます。ヘッダー画像に使う... 【ヘッダーの設定①】サイトのヘッダーを作るときに必要なモノとコトを準備しよう - 元料理長ですが何か? |
- ヘッダー下の画像を準備しておく
- ヘッダーカラーの決定をしておく
- サイトのロゴを作成しておく
- ヘッダー画像のコピー(文章)を決めておく
でしたね。
これを準備しておかないとヘッダーを作る時間がかかってしまうので、しっかり考えてから作るようにしましょう。
【ヘッダーの設定②】ヘッダー画像を作ろう
この記事では実際にヘッダー画像を作ってみました。
サイトの顔であるヘッダー画像はサイトのコンセプトにあったものを作っていきましょう。
前回では⇒【ヘッダーの設定①】ヘッダーを作るときに必要な素材についてお話をしていきました。 今回はサイトの顔であるヘッダー画像を作っていきます。作成前がこちらです。見てのとおりデフォルトな状態です。 (画像はすべてクリックすると... 【ヘッダーの設定②】Webサイトのヘッダー画像を無料で作る方法 - 元料理長ですが何か? |
【ヘッダーの設定③】サイトカラーを設定しよう
サイトカラーはコンセプトやイメージに直結します。
以下の記事ではサイトカラーの変更方法について書いています。
前回では⇒【サイトのアウトライン設定②】ヘッダー画像を作ろうについてお話をしていきました。今回はサイトのカラーを設定していく内容です。お使いのWordpressのテーマによってテーマカラーを設定するタブが変わるのでお使いのWordpressにテーマに沿ってテーマカラ... 【ヘッダーの設定③】サイトのイメージを左右するカラーの設定しよう - 元料理長ですが何か? |
【ヘッダーの設定④】サイトのロゴを作成しよう
ロゴについて書いています。
世の中にはたくさんロゴを作るサービスがあるので作ってみましょう。
前回では⇒【サイトのアウトライン設定③】サイトカラーを設定しようについてお話をしていきました。今回はサイトのロゴを設定していく内容です。このサイトでいう赤い矢印の部分です。 ロゴは簡単に作ることができます。 『元料理長です... 【ヘッダーの設定④】サイトのロゴをロゴメーカーという無料で使えるWebサービスで... - 元料理長ですが何か? |
【ヘッダーの設定⑤】ヘッダーのカテゴリーを設定しよう
カテゴリーの設定はGoogleの検索エンジンにとっても、あなたにとっても重要な意味を持ちます。
カテゴリーも検索の対象になるのでしっかりと決めていき、カテゴリーを設定していきましょう。
以下の記事ではカテゴリーの設定方法を書いています。
前回では⇒【サイトのアウトライン設定④】サイトのロゴを作成しようについてお話をしていきました。今回はヘッダーのカテゴリーを設定していく内容です。このサイトで言うとここの部分です。 カテゴリーは固定と投稿ページで作ることができま... 【ヘッダーの設定⑤】完全図解!ヘッダーのカテゴリーを設定する方法 - 元料理長ですが何か? |
【ヘッダーの設定⑥】ヘッダー画像のアップロード方法
この記事では作成したヘッダー画像をサイトにアップロードしていく手順が書かれています。
前回では⇒【ヘッダーの設定⑤】完全図解!ヘッダーのカテゴリーを設定する方法についてお話をしていきました。今回はヘッダー画像のアップロード方法を解説していきます。 『元料理長ですが何か?』管理人イウラ(@allezcchi)がお送りします。よろしくお願いし... 【ヘッダーの設定⑥】ヘッダー画像をWebサイトにアップロードする方法 - 元料理長ですが何か? |
以上が『ヘッダーの作成手順まとめ』でした!
何度も繰り返し読んで自分でカスタムできるようになっていきましょう。
次の記事からはサイトのフッター(足に当たる部分)の設定についてお話をしていきます。
次の記事⇒
前回では
⇒【サイトのアウトライン設定⑥】ヘッダー画像のアップロード方法
についてお話をしていきました。
順番通り設定をしていけば作れるようになるので何度も見て府に落としてくださいね。
今回はまとめとしてヘッダーの作成手順からアップロードの方法まで見ていきましょう。