ワードプレスブログ

【初心者向け】WordPressブログのヘッダー画像をフリーで作る方法!超簡単なのにオシャレに完成

ノートパソコンで在宅ワーク

WordPress(ワードプレス)ブログの立ち上げのうち、結構みなさんこだわるのが「ヘッダー画像」です。

ブログの顔となる部分なので自分だけのオリジナル画像を設定して自分色を出したいですよね。

ただ、初心者にとってはオシャレなヘッダー画像を作るのは結構大変なんです。

私も始めはネット上の情報をかき集めて作成したので苦戦しました。


  • 初心者でもオシャレなヘッダー画像を作りたい
  • フリーで作れる方法を知りたい
  • 初心者でも簡単に作れる方法を知りたい


そんな方のために超簡単なのにオシャレにできちゃうヘッダー画像の作り方を解説していきます。

今回は無料の方法を紹介するよ~

初心者でも超簡単なのでブログを自分色に染めちゃいましょう!

WordPressブログをオシャレに変身~!

目次

【初心者向け】WordPressブログのヘッダー画像を無料で作る方法

初心者向けにWordPressブログのヘッダー画像を無料で作る方法を紹介していきます。

今回紹介するのは次の方法です。


  • Canva(無料版)


Canvaは簡単にオシャレな画像が作れるツールでブロガーに大人気なんですよ!

私がCanvaを初めて使った時に簡単とはいえ、つまづいた所もあったので、今回はまるっと1記事にまとめました。

この記事を読めば初心者の方でもCanvaの使い方が一通り理解できるようになりますよ!

Canva(無料版)を使ったオシャレなヘッダー画像の簡単な作り方

無料でオシャレなヘッダー画像が作れるツールと言えば「Canva」!:

Canvaなら初心者でも簡単でオシャレなヘッダー画像が作れます!

ココママブログのヘッダー画像もCanvaで作成しています。


これ↓

ココママブログヘッダー画像



ここでは初心者におすすめのCanvaを使ったヘッダー画像の作り方を図解を用いて解説します。

Canvaでヘッダー画像を作る手順

  • Canvaに登録する(無料版)
  • 作成する画像のサイズを選ぶ
  • テンプレートを選ぶ(使用する場合)
  • 写真をアップロードする(自分が撮った画像など)
  • 文字を入力する
  • 装飾をする
  • カラーを選ぶ
  • 画像の保存方法


Canvaに登録する

Canvaを使ったヘッダー画像を作るには、まずはCanvaへの登録から始めましょう。

登録に必要な情報はメールアドレスだけ!

では早速Canvaに登録していきましょう。

登録の手順

①Canvaのサイトを開く

②右上の「登録」をクリック

③ログインする方法を選ぶ

①Canvaのサイトを開く

→Canvaのサイトはこちら



②右上の「登録」をクリック


Canva登録画面



③ログインする方法を選ぶ

私はGoogleアカウントでログインしましたよ

Canvaログイン画面




これでCanvaへの登録は完了しました。

Canva登録完了画面

※今後Canvaを使用する時はこちらの画面から操作します。この画面をブックマークしておきましょう!

ここで、無料版と有料版を選ぶ項目が出てくる場合は無料版を選びましょう。



それでは早速Canvaを使ってヘッダー画像を作っていきましょう!

作成するサイズを選ぶ

Canvaでは作成する画像のサイズを選んでからスタートします。

※初めに選び忘れても後からサイズ修正はできないので必ず初めにサイズを設定しておきましょう(無料版の場合)

サイズ選択の手順

  • 「カスタムサイズ」をクリック
  • サイズを入力する
  • 「新しいデザインを作成」をクリック




①右側にある「カスタムサイズ」をクリック

Canvaサイズを選ぶ




②サイズを入力します

Canvaサイズ入力



ヘッダー画像で作りたいサイズを入力します。

アフィンガーのヘッダー画像推奨サイズの2200×500を入力しました。

※ヘッダー画像の推奨サイズはお使いのワードプレスのテーマによって異なります。

ココママブログの場合は2200×500ピクセルです。

後ろのpxはピクセルです。

ご自身のテーマの推奨サイズに合わせて入力しましょう。



③サイズの入力が完了したら「新しいデザインを作成」をクリック



これで作成する画像のサイズ設定は完了です。


テンプレートを選ぶ

次に、テンプレートを選びます。

canvaテンプレート選択画面


テンプレートは左上のテンプレートをクリックすると表示されます。

Canvaならオシャレなヘッダー画像が簡単に作れる理由の一つがこのテンプレートですね!

自分が作りたいヘッダー画像に近いものを選ぶとカスタマイズもラクラクできますよ。

今回はコレ↓

Canvaテンプレート例



Canvaの良いところは、テンプレートを使用してカラーや画像などを自分なりにアレンジできるので簡単にオリジナルのヘッダーに変身しちゃう所ですね!


画像(写真)をアップロードする

画像(写真)をアップロードする

自分で撮った画像や、ダウンロードした画像素材を使いたい時はこの手順でアップロードします。


左側の「アップロード」をクリックし、「メディアをアップロード」をクリックします。

Canva画像アップロード


ご自身がアップロードしたい画像をPCのフォルダ内から選んでアップロードします。

ちなみにメディアをアップロードの右側にある「・・・」をクリックすると下記のように色んなアカウントと紐づける事もできます。


Canva画像アップロードオプション


アップロードした画像をさっそく使いましょう。

先ほど選んだテンプレートの右側の画像の部分に自分の画像を埋め込みます。

canva画像埋め込み1


まず、自分の画像を埋め込みたい場所に元々入っている画像を消します。

元々ある画像の消し方

1.消したい画像をクリック

2.バックスペース

これで下記のように元々入っていた画像が消えました。


Canva画像埋め込み2



先ほどアップロードした画像を選びます。

画像の選択手順

①アップロードをクリック

②埋め込みたい画像をクリック


すると下記のように選んだ画像が小さく表示されます。


Canva画像埋め込み3




埋め込みたい場所に画像をドラッグします。

すると、下記のようにきれいに埋め込まれました!

Canva画像埋め込み4


これで画像の埋め込みは完了です。

※複数の画像を埋め込みたい場合は同じ作業を繰り返してサイズ調整も可能なので是非色々試してみてください。


例えば、こんな感じにもできますよ↓

Canva画像複数埋め込み

画像を3枚ヨコに並べてみました。

サイズ調整はドラッグすればできます。

文字を入力する 

次に文字を入力します。

文字の入力は元々入っている文字を使うパターン自分で場所を指定して入力するパターン2通りあります。

まずは、テンプレートに入っていた文字を修正して使うパターンをご紹介します。

  • 元々入っている文字を修正して使う場合
Canva文字入れ1


文字の所をダブルクリックして、元々あった文字を1文字づつ消していきます。

※ここで上記の画面の状態でバックスペースを押すと、文字のデータが全て消えるので注意!


入れたい文字を入力します。

今回は「BEAUTIFUL DAY!」と入れました。

Canva文字入れ2

元々入っている文字を修正して使う場合はこれで完了です。


  • 入れたい場所に文字を入れる場合

もう一つのパターンの入れたい場所に文字を入れる方法をお伝えします。

まず、下記の手順でテキストのカーソルを追加します。


テキスト追加方法

①テキストをクリック

②見出しを追加をクリック


Canva文字入れ3


出てきた「見出しを追加」というカーソルに好きな文字を入力します。

今回は「Happy Day!」と入力しました。

この時、大きさや位置はドラッグして変更できます

今回は少し大きめにして左上に移動しました。

Canva文字入れ4


さらに細かい設定で、文字のフォント(種類)や文字の大きさも下記のように変更できます。

色んなフォントがあるので色々試してみましょう!

※変更したい文字を選んだ状態でフォントやサイズを選択しましょう

Canva文字入れ5


素材で装飾をする



素材を使って装飾した画像はこちら↓

Canva装飾1


キラキラやハート、花などの素材を追加して装飾を施しています。


Canvaではこのように画像に素材を追加して装飾をするのも簡単です。

では素材の装飾のやり方について解説します。

Canva装飾の手順

①素材をクリック

②「Canvaであらゆるものを検索」の所キーワードで検索する or その下のキーワードをクリックする

③装飾したい位置や大きさを調整する

よく使われるキーワード(花や星など)は虫眼鏡の下に出ているのでそれをクリックすればすぐに検索できます。


Canva装飾2


選んだ素材の大きさはドラッグで変更できます。

後は、位置を調整して(ドラッグ)完了です。


カラーを選ぶ

カラーを選びましょう!

カラーが変更できる項目は以下の3つです。

カラー変更可能な箇所

  • 背景色
  • 文字色
  • 一部の素材


先ほどの画像のカラーを変更してみました↓

canvaカラー変更


背景色、文字色、素材カラーの変更方法をそれぞれ紹介します。

背景色カラーの変更方法

まずは背景色の変更から紹介します。

Canva背景カラー変更


  • 変更したい画像の背景を選択します
  • カラーのカーソルをクリック
  • 好きなカラーを選ぶ(クリック)


これで背景色が変わりました!

今回はブルーを選びました。

Canva背景カラー変更2

文字色の変更方法

Canva文字色変更

  • 変更したい文字を選択する
  • 文字のカラーのカーソルをクリック
  • 好きなカラーを選ぶ(クリック)

これで文字色のカラーが変更されました。

今回は黄色にしました。

Canva文字色変更


一部の素材のカラー変更

一部の素材はカラー変更ができます。

Canva装飾カラー変更


  • 変更したい素材を選択する
  • カラーのカーソルをクリック
  • 好きなカラーを選ぶ(クリック)

カラー変更できない素材の場合は下記のように画像の編集ができます。


Canva装飾カラー変更2



  • 変更したい素材を選択する
  • 画像を編集をクリック
  • 左側の画面で調整する

素材の明るさや彩度、フィルターなどを変更してお好みの仕上がりに仕上げましょう。


Canvaで作った画像のPC(フォルダ)への保存方法

作成した画像のPC(フォルダ)への保存方法を解説します。

画像をPC(フォルダ)に保存する事でヘッダー画像としてアップロードも可能になります!


作ったものの画像のPCへの保存方法が分からなくて一人かなり苦戦したのを思い出しました。Canvaには保存ボタンが無いんです!

ちなみにCanvaには自動保存される機能がついているので作成途中で画面を閉じてしまってもCanvaの画面を開けば画像が残っているので大丈夫!


今回は、PC(フォルダ)への保存方法について解説していきます。

  • 画面右上の「共有」をクリック
  • 「ダウンロード」をクリック
  • ファイルの種類を選ぶ(PNG推奨がおすすめ)
  • ダウンロードをクリック
  • ダウンロードされた画像を「名前を付けて保存」


①画面右上の「共有」をクリックし、②「ダウンロード」をクリック

Canva作成画像保存方法1


③ファイルの種類を選ぶ。

Canva作成画像保存方法2



ヘッダー画像やブログのアイキャッチ画像の場合はPNG推奨がおすすめです。

Canva作成画像保存方法3






④「ダウンロード」をクリック

Canva作成画像保存方法4

⑤ダウンロードが完了した画像を「名前を付けて保存」する。

どこに保存したか分かるようにフォルダ分けするとヘッダー画像をアップロードする時にもスムーズにできますよ。

これでCanvaで作ったヘッダー画像は完了です。

初心者でも無料で簡単にオシャレなヘッダー画像が作れるCanvaホントにおすすめですよ!

まとめ

ブログを始めたらヘッダー画像にこだわりたい!という強い思いで私がたどりついたのが、今回ご紹介した「Canva」です。

Canvaはなんと言っても、

  • 無料
  • オシャレ
  • 簡単
  • 自分だけのデザイン

ブロガーにとって欲しい全てが揃ってるんです。

ブログだけじゃなくTwitterやインスタなどにも活用できるCanva!

Canvaを使いこなしてあなたのブログライフを華やかに彩ってください!

-ワードプレスブログ