田村カツオ田村カツオ

こんにちわ。田村カツオです。

「ブログのヘッダーをお洒落でカッコよくてイカした画像にしたい!」

という思いは誰もが持った事があるのではないでしょうか?

「誰もが」というのは多少大げさかもしれませんが、ワードプレスでブログを始めたばかりの頃はサイトのデザインに凝ってしまうものです。お金があればデザイナーに頼むのが一番ですが、ここでは自分なりに無料で出来るヘッダーの作り方を説明していきますね。

※ブログアフィリエイトは内容を充実させるのが最優先ではあるのですが、皆デザインに凝ってしまう傾向があります。あくまでも内容が最優先だという事はしっかりと抑えておきましょうね。

田村カツオのメルマガ登録ボタン

メルマガ(無料)をやっています。興味のある方はどうぞ!(^^;)

ブログのヘッダーの役割とは?

ヘッダー画像の作り方の前に、ブログにおけるヘッダーの役割について簡単にお話します。

ブログにおいてヘッダーとは「ブログの顔」です。そのブログの世界観やイメージ、メッセージを表すものです。

好き嫌いの問題もありますが、ヘッダーがしょぼいとブログの内容を見ないで帰ってしまったりする訪問者もいます。デザインでまず拘るべきはヘッダーなのです。

トレンドアフィリエイトブログでもヘッダーは大事です。(特化型ブログや情報発信サイトならばもっと大事!)

僕がヘッダーで気をつけている点は以下の通りです。

  • ブログの世界観・イメージと良く合っている事
  • インパクトがあって覚えてもらいやすい事
  • メッセージを伝えたいならば、それがしっかりと伝わる事

すぐに満足の行くヘッダーが出来る事はあまりないので、じっくり考えながら作っていきましょう。

ワードプレスブログのおしゃれなヘッダー画像の無料で出来る作り方!

ヘッダーはブログの顔とも言える部分なのですが、ブログを立ち上げたばかりの時は地味というかシンプルで味気ないものです。

ヘッダーは最初は味気ない。

このヘッダーを美しく、お洒落に、無料で作っていきましょう!

ロゴを作る

まず、自分のサイト名をロゴで文字にしたいですね。ロゴは無料で作れるサイトがありますので、そこで作っていきましょう!

僕はここをよく使います。
http://ja.cooltext.com/

操作がシンプルなのが売りですね。もちろん、他にも無料でロゴを作れるサイトはありますので好みのサイトを探してみたらいいでしょう。

 

こんなロゴを作ってみました。

ロゴ

画像を用意する

ヘッダーに使いたい画像を用意します。自分で撮影したり、描いたり出来る場合はそれでもいいでしょう。インターネット上にある素材を利用する場合は著作権フリーのサイトから選ぶのがおすすめです。

僕のオススメはここ。
https://www.pakutaso.com/

世界観がギャグっぽくて、画質もきれいなので、僕の好みなのです。著作権フリーの画像サイトは他にも沢山あるので、どのサイトから画像を準備しても問題ありません。

 

こんな画像を選んでみました。

羊

 

画像を編集する

ヘッダー画像を作るにあたってデザイン性も大切なのですが、機能面で言うと少なくとも「適切な横幅」を設定しなくてはなりません。

僕は賢威7を使用していますが、その場合一番キレイにそして簡単にヘッダー画像を表示できる横幅は「1600px」です。(高さはお好みでどうぞ。あまり高くしすぎるとヘッダー画像が大きくなりすぎて、内容までたどり着くのが大変になってしまいますが…)

横幅以外は自分のセンスが出る部分ですので、こだわって自分の味を出していきましょう。こだわりすぎると時間がどれだけあっても足りませんので程々も大事ですがそこはバランスですね。

 

画像編集ソフトは「PhotoScape」がオススメです。無料で、使いやすく、機能の充実っぷりが半端ではありません!

こちらからダウンロードできます。↓
http://photoscape-free.softonic.jp/

 

こんな感じで編集してみました。

ロゴ画像

男前な羊がカッコイイですね(笑)ちょっとギャグっぽくなりましたが、海外のサイトのクールな画像を選んで、ロゴももっと違うものにすれば、全然違うヘッダー画像が完成しますよ。

 

またロゴについてですが、PhotoScapeは画像に文字を入れる機能がありますので、無理やりロゴを作る必要はありません。PhotoScapeでは作れないようなデザインされた文字を画像に入れたい時はロゴを作る必要がありますが、そのあたりは貴方の判断になります。

ワードプレスブログに反映させる

僕のブログではテンプレートは賢威7を使っています。また僕自身が賢威7をオススメしているため、賢威7でのヘッダー画像の設定の仕方を解説します。

 

まず、ダッシュボードの左側で「メディア」→「新規追加」で、ヘッダー画像として使いたい画像を自分のブログにアップロードしておきます。

 

次にダッシュボードの左側の「賢威の設定」→「賢威の設定」を選びます。ヘッダー画像をワードプレスに設定しよう

 

そして「ロゴ画像」の「画像を設定する」ボタンを押します。ワードプレスにヘッダー画像を設定しよう2

 

メディアライブラリタブを選び、使用したい画像を選んで「表示する」をクリックします。ワードプレスにヘッダー画像を設定しよう3

 

下のような画面になります↓

  1. 「タイトル」「代替テキスト」にSEOを意識した言葉をしっかりと入力します。
  2. 「配置」は中央が良いでしょう。
  3. 「サイズ」は先程PhotoScapeで調整していますので、ここでは「フルサイズ」を選択します。
  4. 最後に「投稿に挿入」ボタンを押します。

ワードプレスにヘッダー画像を設定しよう4

 

最後に画面一番下の「変更を保存」ボタンをしっかりと押しますとヘッダー画像が設定されます。

ヘッダー完成!

今回は割りとシンプルなヘッダーを作ってみましたが、ロゴや画像をもっと凝って編集すれば、もっとプロっぽいものも出来ます。自分のブログのイメージに合わせてヘッダー画像を作るといいでしょう。

======================

現在、メルマガ登録者限定で初心者がブログアフィリエイトで月収10万円以上稼ぎ、インターネット上に資産を築く為のオリジナルテキストをプレゼント中です!

自分の部屋でPC1台で楽しく稼いでみたいという人は是非ご覧になってみて下さいね(^_-)

※僕のメルマガは無料で読んで頂く事が出来ますし、必要ないと感じたらいつでもボタン1つで解除が出来ます。