WordPressブログヘッダー画像を無料で簡単に作成する方法

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

ブログに最初に訪れる人がまず目にするのはヘッダー画像です。ヘッダー画像はサイトの看板のようなもの。

訪問者はヘッダー画像を見て『なんかオシャレなサイトだなー』とか『このサイトはダサいなー』とか、そういった判断を瞬時にされてしまいます。

しかし、初心者の方が最初からハイクオリティなヘッダー画像を作ることは困難だと思いますし、ブログの中身を充実させる方にも時間がかかるため、なるべく簡単にそれなりのクオリティのヘッダー画像を作成したいですよね。

そこで今回の記事では、WordPressブログのヘッダー画像を無料で簡単に作成する方法を分かりやすく解説します^^

サイトにオリジナリティを出すためにも、ぜひヘッダー画像を作成してみてくださいね。

良いヘッダー画像を作成するために

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

良いヘッダー画像の条件として、下記のことが挙げられます。

・サイトの内容と合っているかどうか

→例えば、サイト内ではお花のことを書いているのに、ヘッダー画像が料理の画像だったら合っていないですよね。

ミスマッチなヘッダー画像だとおかしいので、サイトの内容とはなるべく合うようにしましょう。

・ぱっと見てキレイか

→見るからに下手なヘッダー画像だと、サイトの中身も大したことないのかなと思われてしまうので、洗練されたキレイなヘッダー画像が良いです。

凝ったものを作らなくても、今回ご紹介する作成方法で作成していただければ、簡単にキレイなヘッダー画像が作れます^^

・どんな情報を発信しているサイトかひと目で伝わるかどうか

→サイトのタイトルやサブタイトルなどもヘッダー画像に入れ、このサイトではどんな情報を発信しているのかを伝えてあげましょう。

・サイト全体の雰囲気と合っているか

→ヘッダー画像の色やデザインがサイト全体の雰囲気と合っていないとおかしいので、そのあたりも考えて作成しましょう。

ヘッダー画像作成に必要なもの

ヘッダー画像作成にあたって必要なものは2つあります。

1つはフリーソフトのPhotoScape。このソフトは画像の大きさを変えたり文字を入れたりといった加工編集がとても簡単に操作できるので、初心者の方にもオススメです。

PhotoScapeを使うことで簡単にヘッダー画像を作成することができます^^

あらかじめインストールしておきます。

そしてもう1つはヘッダー画像に使う素材です。

素材は、無料のものでOKです。無料素材サイトから好きな画像をダウンロードしておきましょう。

こちらのサイトだと、ヘッダー画像用の画像がたくさんそろっているので便利です。

950×250のサイズをダウンロードしておくと、そのまま使えて楽です。

ぷくっと

 

その他の無料素材サイトとしてはこちらが画像の種類が豊富で便利ですね。

pixabay

あらかじめフリーソフトのPhotoScapeと、ヘッダー画像に使用したいフリー素材をダウンロードしたら準備OKです。

ヘッダー画像作成の手順

準備ができたらヘッダー画像を作成していきましょう!

まずは、950×250のサイズの画像を使用して解説していきます。

画像をPhotoScapeに表示させる

まずはPhotoScapeを起動し、『画像編集』をクリックしてダウンロードしておいた画像を表示させます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

画像をドラッグしても表示できますし、左側から選択してもOKです。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

表示できました。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

文字を入れていく

画像に文字を入れていきます。

左下の方にある『オブジェクト』→『T』で文字を入れることができます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

テキストの中に文字を入力していきます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

文字を入れてフォントの種類や文字サイズ、色などを選んで『OK』をクリックすると画像に文字が表示されます。

文字は、カーソルを合わせて移動させることができます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

このままだと文字が見づらいので、文字の後ろに白いラインを入れました。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

白いラインは『オブジェクト』の中の右側にある■や●から設定できます^^

一度文字を消し、ラインを引いてまたその上に文字を乗せればOKです☆

右側の『保存』をクリックして完了です。

画像をダウンロードする際に、あらかじめヘッダーサイズのものをダウンロードしてしまえば、PhotoScapeでは文字を入れるだけなのでとっても簡単に、10分もあれば完成すると思います♪

ヘッダー画像が完成したらWordPressサイトに入れていきます。

オシャレな文字を入れるには?

ヘッダー画像に入れる文字も重要ですね。デフォルトで入っている『ゴシック体』などを使用するよりも、かわいらしい文字やオシャレな文字を入れたほうが印象が良いです。

オシャレな文字にする方法は2つあります。

1つはオシャレなフォントをパソコンにダウンロードし、PhotoScapeでテキストを入力する際にフォントの種類を選択する方法。

もう1つはロゴが簡単に作れるsquarespaceというサイトでロゴを作成して画像化し、それをヘッダー画像に入れる方法です。

フォントをダウンロードして使用する場合

フォントフリーというサイトで色々な種類のフォントが無料でダウンロードできます。ヘッダー画像に使いたいフォントを選んでダウンロードして使ってみてください^^

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

ダウンロードし、パソコンにインストールしたあとは、PhotoScape内で使用することができます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

squarespaceを使用する場合

squarespaceを使用して簡単にロゴを作り、ダウンロードしてヘッダー画像に追加することができます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

『LOGO NAME』のところに好きな文字を入れ、右の→をクリックします。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

オシャレなフォントのロゴが作成できます^^

左下の『SEVE LOGO』をクリックし、画像をダウンロードします。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

保存した画像はPhotoScapeで使用することができます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

以上の方法を使えば、オシャレな文字をヘッダー画像へ入れることができます。

画像のサイズを変える場合

ダウンロードした画像が大きいサイズで、そこからヘッダー画像用にサイズを変える方法を解説しますね。

こちらでは、1280×853の画像をヘッダーサイズの950×250にして、文字を入れるという流れでいきます☆

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

まず『リサイズ』から幅の長さを変えていきます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

幅を『950』にし、『OK』をクリックします。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

見た目は変化ありませんが、きちんと変わっています。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

次に、『トリミング』を使って高さを250にしていきます。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

トリミングした部分は上下に変更可能です。ヘッダーに入れたい部分をトリミングしてください。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

トリミングする場所が決まったら『トリミング』をクリックします。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

すると、画像をヘッダーサイズの950×250に変更できました。

WordPress ブログ ヘッダー画像 無料 簡単 作成方法

 

こちらに文字を入れるところからは、先ほどのやり方でOKです^^

文字を入れたら『保存』をクリックして完了です!

ちなみに、『ホーム』の『フィルター』を使うと、画像を絵画風に加工したりガラススタイルにしたり、色々楽しめるのでやってみてください^^

まとめ

ヘッダー画像はPhotoScapeというフリーソフトを使えば、初心者の方でも簡単に作ることができます。

基本的にはこの流れでヘッダー画像が作成できます。

・PhotoScapeをインストール

・素材をダウンロード

・素材のサイズによってはトリミングする

・文字を入れる

・保存

これだけでヘッダー画像が作れます☆

PhotoScapeは、画像加工ソフトの中でもかなり使いやすいので、ぜひこの方法でヘッダー画像を作成してみてくださいね♪

無料メールマガジンで莉音の最新情報をお届けします

9 Responses to “WordPressブログヘッダー画像を無料で簡単に作成する方法”

  1. aoshi より:

    こんにちは、aoshiです。

    すごい勉強になりました。
    ありがとうございました。

    いろんなサイトの紹介もありがとうございました。

    応援します。

    • rion より:

      aoshiさん

      ヘッダー画像の作り方
      簡単なのでぜひ参考にしてみてくださいね!

      莉音

  2. より:

    初めまして、ブログランキングから来ました榎(えのき)といいます。

    ブログ読ませていただきました。
    ヘッダー画像を無料で作成する方法を教えていただき、
    ありがとうございます。
    非常にわかりやすく、早速ブックマークしました。

    私はこれから、ワードプレスでブログを作ろうと思っています。
    その時は、参考にさせていただきます。
    ありがとうございます。

    今後も読ませていただきます。
    よろしくお願い致します。

    • rion より:

      榎さん
      初めまして^^

      ヘッダー画像を無料で作成する方法
      ぜひ参考にしてみてくださいね☆

      一番簡単な方法だと思うので^^

      莉音

  3. 石橋 より:

    こんにちは。

    グーグルアドセンスの記事読ませていただきました。参考になりました。

    実は何度も挑戦してますがグーグルアドセンス不合格でして。

    グーグルのポリシーに準拠していないとのことです。

    画像に関して質問させて下さい。グーグルアドセンス審査を突破するには、画像は使わない方が良いとされていますが、ヘッダー部分には画像を使うべきなのでしょうか?

    よろしくお願いします。

    • rion より:

      石橋さん、コメントありがとうございます。

      『画像を使わないほうが良い』というのは、記事の書き方の部分ですね。
      記事の中には念のため画像やリンクは貼らない方が良いと言われています。

      ヘッダー画像には画像を使ったほうがいいですね。
      私が解説している方法ではフリー素材を使用しているので
      その方法なら何も問題はないですよ^^

      ぜひ参考にしてみてくださいね。

      莉音

      • 石橋 より:

        返信有難うございました。

        ヘッダー画像の件了解しました!参考にして、作ってみます。

        もう1つ質問です。アイキャッチ画像も外すべき何でしょうか?
        もし外したほうが良いのなら、ヘッダー画像作成後に再度グーグルアドセンスに申請してみたいと思っています。

        何度も質問すいませんが、宜しくお願いします!

        • rion より:

          アイキャッチはどうですかね~

          いつも私が指導する人には
          画像・リンクはなし
          という状況にして審査に出してもらっているので
          ここは私には判断しかねます。

          よろしくお願いいたします。

          莉音

  4. 石橋 より:

    了解しました。全ての画像。ヘッダー部分のみを残して、申請してみます。アドバイス感謝です。

    合否については、また後日連絡致します。

    今回は有難うございました。

コメントを残す

CAPTCHA


*

サブコンテンツ

このページの先頭へ