【WordPress】Canvaでのアイキャッチの作り方を解説

※アフィリエイト広告を利用しています

Canvaでアイキャッチを作りたいあなたに、Canvaでアイキャッチを作成する手順を解説します!

読んでほしい人
  • Canvaを初めて使う人
  • Canvaでアイキャッチを作る手順を知りたい人
  • 背景のぼかし方や文字を目立たせる方法を知りたい人

それではどうぞ♪

目次

テーマ別の最適なアイキャッチのサイズ

各テーマごとのアイキャッチのサイズは次の通りです。

テーマ横 X 縦
SWELL1600px X 840px
Cocoon1200px X 630px
JIN760px   X 428px
SANGO680px   X 390px
AFFINGER1200px X 630px
推奨サイズ

このブログは「SWELL」を使用しているので、SWELLサイズで解説していきます。

ベーコン

Canvaの使い方はテーマごとの違いはないよ♪

Canvaのアカウント登録がお住みの方は「Canvaでアイキャッチを作る方法」にジャンプしてください!

Canvaのアカウント登録の方法

『Canva』の使い方の前に、アカウント登録についてざっくり説明しますね!

STEP
Canvaにアクセスする
STEP
登録ボタンを押下する
STEP
アカウントを登録する

アカウントの登録方法を

  • Googleで登録
  • Facebookで登録
  • メールアドレスで登録

の中から選びます。

今回は「Googleで登録」で解説します。

STEP
メールアドレスを入力する

メールアドレスを入力して、「次へ」を押下します。

STEP
パスワードを入力する
STEP
利用目的を選択する

今回は利用目的は「個人」を選択します

「個人」を選択後に出てくる、「無料体験の案内」や「初めてのデザインを作成」は「後で」で閉じて大丈夫です。

アカウントの登録は以上です!

Canvaでアイキャッチを作る方法

それでは、Canvaの使い方の手順をみてみましょう!
ログインを忘れずに!!

画像をアプロードする時は必ず圧縮しましょう。
圧縮方法がわからない方は「【WordPress高速化】画像を圧縮して表示速度を上げる方法」を参考にしてください^^

STEP
「デザインを作成」→「カスタムサイズ」を選択する

「デザインを作成」から「カスタムサイズ」を選びます。

STEP
サイズにテーマ別のアイキャッチサイズを入力する

アイキャッチのサイズを入力します。
一番始めに紹介したテーマごとの推奨サイズにしましょう!

STEP
ベースの色や画像を決める

今回は「写真」にある画像をベースに設定します。
「デザイン」で検索してみました。

STEP
必要な素材を重ねる

「素材」にあるイラストを選択します。
「パレット」で検索してみました。

STEP
「テキスト」からフォントを選びタイトルを入力する

記事のタイトルを設定します。
今回は「見出しを追加」にしてみました。

STEP
フォントのサイズや配置を変更する

全体のバランスをみて、フォントのサイズと配置を決めます。

フォントサイズと配置の設定
  • フォントサイズ:64
  • 配置:左寄せ
STEP
完成したらダウンロードする

作成手順は以上になります!

ベーコン

おつかれさま!!

Canva(無料版)で出来ること

ここまで紹介したこと以外にCanva(無料版)でできることを何個かご紹介します。

背景をぼやかしてテキストを目立たせる

ぼやかす方法

画像の赤枠の部分を選択して、「透過度」を徐々に下げていくことで、ぼやかすことができます!

まず、ぼやかす前とぼやかした後の画像を比較してみます。

ぼやかす前

続いて、ぼやかした後の画像です。

ぼやかした後

いかがでしょうか?
ぼやかした方が文字が読みやすいですね!

素材やフォントの配置を最前面にする

文字や素材を設定したあとに背景を変更すると、文字や素材が背景の後ろにいってしまい、見えなくなります。

くまさんが背景画像の後ろに隠れてしまってます

くまさんが画像の後ろに隠れてしまっていますね。
そんなときは、くまさんを選択して、見えるようにします。

「配置」→「前面へ」を選びます。

文字を目立たせるために背景の一部だけ透かしを入れる

背景すべてではなく、文字がある場所の背景だけ透かす方法を紹介します。

STEP
「素材」→「図形」から好みの形を選択する

ここでは四角にしてみます。
好みに応じて、他の図形にしてみましょう♪

STEP
色を変更して、「透過度」を調整する

例では、以下の設定にします。

今回の設定
  • 色:濃いめのグレー
  • 透過度:26
  • 文字色:白

以上3コご紹介しました!
自分でいろいろ変更してみて、素敵なアイキャッチを作ってくださいね^^

Canvaを使ってみた感想

Canvaでアイキャッチを作成して感じたことをまとめます。

  • 人と被らないデザインを簡単に作成できる
  • 直感的に操作できる
  • 写真や素材が豊富

人と被らないデザインを簡単に作成できる

「なんか、この写真みたことあるなぁ。。」

と、感じたことはありませんか?
写真やイラストのフリー素材からダウンロードした画像って、他のブロガーさんと被ることがよくありますよね。

Canvaを使って自分でデザインすれば、同じ画像でもオリジナルのアイキャッチを作れるので、被りたくない人にはオススメです^^

直感的に操作できる

素人でもクリックだけでデザインができるのが、画期的だと感じました!
私はデザインに関してはド素人ですが、満足いくアイキャッチを作成できました。

無料でも写真や素材が豊富

写真や素材の種類がとても豊富です!
「パレット」と検索してみると、無料版でもざっと100種類以上あります。
有料の素材も合わせると数百種類になると思います。

続いて、マイナスに感じたことを挙げます。

  • 「写真」や「素材」などのカテゴリーを選択したときに、並び替えができたら便利
  • 楽しくていつの間にか時間が過ぎてる

並び替えができたら便利

写真や素材を検索したとき、無料素材と有料素材が混ざって表示されるので、少し探しづらさを感じました。(←我慢して)

戦略だと思うので、しょうがないですね( ̄  ̄)

ベーコン

無料でここまで出来るんだから我慢しなされ

楽しくていつの間にか時間が過ぎてる

慣れてくると、

ここの素材の角度をもうちょっと傾けたい!

色をもう少し透かしたい!

なんか全体のバランスがしっくりこない

など、素人なりにこだわりが出てきます。

ベーコン

ちなみにこの記事のアイキャッチは40分くらいかかりました。。。

こだわりのアイキャッチを作りたい気持ちは、とても分かります。楽しいですもんね!
ただし、あくまで重要なのは記事の内容なので、時間を意識して作りましょう!(自戒を込めて(。-∀-))

さいごに

今回は、『Canva』でのアイキャッチ作成方法を解説しました。

アイキャッチは記事の顔なので、読者が惹かれるようなデザインを目指して作成していきましょう!
ただし、こだわりすぎは禁物です!!!

この記事を読んでくれたあなたのアイキャッチ作成に役立てたら嬉しいです。
最後まで読んでいただき、ありがとうございました^^

今よりも大きな世界を見よう!

よかったらシェアしてね!

コメント

コメントする

CAPTCHA


目次
閉じる