WordPressブログヘッダー画像をCanvaで簡単おしゃれに

Wordpressブログヘッダーを無料でデザインできます!
CanvaでWordpressブログヘッダーをデザイン!
Canva - Person Holding Turned-on Silver Laptop Computer

WordPressで作成したブログのヘッダー画像は、ブログの顔ともいえるパーツ。ブログのブランドイメージを形成する重要なポイントです。

ブログのヘッダー画像を「オリジナリティにこだわったおしゃれなデザインにするコツ」と「Canvaを使ったヘッダー画像の作成方法」をご紹介します。

WordPressブログのヘッダー画像をおしゃれ&カッコよくキメるコツ

デザインに取り掛かる前に、WordPressで作成したブログのヘッダー画像をおしゃれに、そしてカッコよくキメるコツについて説明します。

ブログイメージに合うデザインにしよう

あまりにもブログの内容とかけ離れたデザインだと、ブログを訪問した人は少し混乱してしまうかもしれません。

自分のブログイメージは何なのかをまず考えてから、デザインに取りかかりましょう。おしゃれ&かわいい系にまとめるのか、スタイリッシュでカッコいい系にまとめるのか、コンセプトをはっきりさせることが重要です。

ゆるふわ系のブログか、技術系のブログかでは、おのずとイメージが変わってきます。

ブログテーマごとの推奨サイズに合わせて作る

WordPressはブログテーマを自由に選べます。それがWordPressの特徴なのですが、ブログテーマごとにヘッダー画像の推奨サイズが異なる点に注意してください。推奨サイズに合わせてヘッダー画像を作ることで、画像が不自然に引き延ばされたり縮小されたりせず、綺麗に表示されます。

ヘッダー画像を作成するときは、自分の選んでいるブログテーマの推奨サイズを必ず確認してから作成に取り掛かりましょう。

写真以外のデザインは色を使いすぎないこと

写真を用いる場合は別ですが、ヘッダー画像を作成する際は、カラーをいろいろ使いすぎないようにしましょう。ブログのテーマカラー、ベースカラー、アクセントカラーの3色程度にしておくと、とてもすっきりとまとまります。

WordPressブログのヘッダー画像作成にCanvaをおすすめする3つの理由

Canvaなら、WordPressブログのヘッダー画像を自分自身で簡単おしゃれに作れます。その理由を3つご紹介します。

プロのデザインテンプレートを使って簡単カスタマイズ

WordPressのヘッダー画像はテーマによって異なるため、CanvaではWordPress専用のテンプレートは今のところ用意していません。しかし、画像の初期サイズを指定すると、それに近いサイズのテンプレートが一覧表示されます。

Canvaで用意されているテンプレートは、プロのデザイナーが作成したハイセンスなテンプレートです。そのため、テンプレートの写真や文字を一部差し替えるだけで、センスの良いオリジナルのヘッダー画像を作成できます。

画像はオリジナルでもフリー素材でも何でもOK

Canvaには、好きな画像をアップロードできます。フリー素材を使っても良いですし、オリジナルの画像やイラストも使えます。Canvaもおしゃれな画像をたくさん提供しているので、自分で無理にヘッダー画像用のイラストや写真を用意する必要もありません。

フォントを自由に変更できる

Canvaの提供するデザインテンプレートでは、おしゃれなフォントが使われています。ただ、テンプレートは英語フォントが多いので、日本語に置き換えたいという場合も多いでしょう。

Canvaなら、日本語フォントも多数取り揃えていますので、簡単にお好みのフォントに変更できます。

WordPressブログのヘッダー画像をCanvaで作ろう

Canvaを使ってブログのヘッダー画像を作成する手順をご紹介します。作成した画像をWordPressへ設定する方法までを簡単に説明しますので、順番にご覧ください。

Canvaでカスタムサイズを設定して編集開始

作成するヘッダー画像のサイズに合わせて、Canvaのトップ画面でカスタムサイズを指定しましょう。画面右下の「カスタマイズ」ボタンをクリックすると、サイズ指定のダイアログが表示されるので、作りたいサイズを指定します。

ここでは、仮に800*400ピクセルを指定します。

デザインテンプレートを選んで編集

カスタムサイズの作業領域が画面右に作られるので、画面左側に表示されているテンプレート一覧の中から、好きなデザインのテンプレートをクリックすると、作業領域に選択したテンプレートが反映されます。

必要な場合は、自分の持っている手持ちの画像を作業領域にドラッグ&ドロップすると、画像が作業領域内に取り込まれます。

文字フォントを好みのものに変え、サイズも必要に応じて修正します。

作業領域の文字をクリックすると、画面上部に文字フォントのプルダウンメニューが表示されるのでクリックしましょう。画面左側にフォント一覧が表示されるので、自分の好きなフォントを選んでください。

フォントを選び、文字が大きすぎる・小さすぎるといった状況なら、画面上部の文字サイズを変更できるプルダウンメニューで、適切なサイズを選びましょう。

これで、オリジナルのバナー画像テンプレートが完成しました。

完成したテンプレートを1つの画像としてダウンロード

完成したテンプレートをWordPressで利用するには、作成した画像をダウンロードする必要があります。

画面右上にある「パブリッシュ」をクリックすると、ファイルの種類を指定するダイアログが表示されます。PNGまたはJPGを指定して「ダウンロード」ボタンを押すと、指定のフォルダにヘッダー画像がダウンロードできます。

WordPressの設定画面からヘッダー画像を変更

WordPress上でヘッダー画像を変更します。ご紹介する手順は、無料でWordPressのブログを開設した直後の設定手順です。

ダッシュボード画面左側のメニューから、「固定ページ」メニューを選びます。その後は画面右側ので「フロントページ」と表示されている行を選択します。上図の画像では「Blog Home」となっている行です。

表示された設定画面右側のメニューの「アイキャッチ画像」をクリックして、ヘッダー画像を設定することで、ブログのヘッダー画像を変更できます。

上手くブログのヘッダー画像が変更できたかどうかは、ブログのトップページを表示させて確かめてみましょう。

これで、WordPressのブログヘッダー画像を変更できました。

関連記事

すべて表示

Group 3 (3) (1)

アイディアを形に

もっとも簡単なデザイン作成サービス