初心者も簡単！Canvaでアイキャッチ作成とWordPress画像設定のやり方

【Canvaにログイン後からの説明です】

赤枠の＋（プラス）ボタンを押します。

縦横のサイズを入力して（例：幅1200　高さ630）、下にある「新しいデザインを作成」ボタンを押します。

そうすると新しいファイルが作成されます。

webデザイナーkayo

サイズを調べるときはGoogleで「有料（無料）テーマ名前、アイキャッチ、サイズ」と検索すると記事がたくさん出てきます。

検索窓に、探したい画像のキーワードを入力します。
例：ヨガ教室

この時「アイキャッチ」や「ヨガ　アイキャッチ」で検索するとテンプレートがたくさん出てきます。テンプレートを選んで、文字と色を変えると簡単に見栄えの良いアイキャッチが完成します。

投稿のタイトルのイメージに合った素材（イラストや画像）をクリックすると、白いキャンバスに画像が挿入されます。

キャンバスを選択すると、枠が紫色に変わります。

上部のメニュー（正方形の赤枠）をクリックすると、画面左にカラーパレットが表示されます

webデザイナーkayo

この記事では、有料プランを使った画面になっていますが、無料プランで表示されるパレットから色を選んでください。

背景色が変わりました。

色は自分で細かく調整することもできますので、色にこだわりたい方は「Canva 色　調整」で検索してみてくださいね。

画面左の黒いエリアに「Tテキスト」と書かれたボタンを押します。

「見出しを追加」を選びます。

「見出しを追加」がキャンバスに挿入されました。

「見出しを追加」をクリックして、投稿のタイトルを入力します。

上部のメニューの「Noto Sans JP」と入力されている枠をクリックします。

左手に検索窓が出てくるので、フォントを検索しましょう。
ゴシックや明朝体と入力すると色々な種類のフォントが出てきます。
悩んだときは無難なNoto Sans JPがおすすめです。その他のおすすめは以下です。

• 丸ゴシック体のおすすめは「Zen Maru Gothic」
• 明朝体のおすすめは「あおぞら明朝」

文字の色の変更方法は省略しますが、背景色を変更した時とやり方は同じです。

画面右上にある「 共有」をクリックします。

ダウンロードをクリックします。

元々はpngになっていると思いますが、JPGの方が容量を軽いので、ファイルの種類は「JPG」がおすすめです。

サイズは「1」のままでOKです。WordPressにアップロードした時に画像が粗い場合は、1.5〜2に調整することができます。

紫色のボタン「ダウンロード」をクリックします。

WordPressにログインします。

画面左のメディアをクリックします。

WordPressに画像を取り込む方法は、2つあります。
①ファイルを選択してアップロードする
②ドラッグ＆ドロップする

今回は、①のやり方で説明していきます。赤枠の「ファイルを選択」を選びます。

操作に慣れてきたら②のやり方が時短になるのでおすすめ。
ドラッグ＆ドロップはパソコン内の画像を選択し、マウスのボタンを長押ししたままWordPressのメディアの画面にポイっと入れることで、画像を取り込む方法です。

取り込みたい画像を選びます。

WordPressに画像が取り込まれました！
保存ボタンはないですが、完了です。

WordPressの管理画面に戻ります。戻るときは、左上「W」のマークをクリックします。

赤枠の「投稿」を押すと投稿画面に移動します。

アイキャッチを設定するときは、赤枠のマークをクリックします。

投稿とブロックのタブがあるので、「投稿」を選んでください。
赤枠の「アイキャッチの画像を設定」をクリックします。

メディアの画面が開くので、アイキャッチに設定したい画像を選びます。
右下の青色ボタン「アイキャッチ画像を設定」をクリックします。

この段階で、メディアに画像を取り込むこともできます。

webデザイナーkayo

左上の「ファイルをアップロード」タブをクリックすると、画像を取り込むことができます。

投稿画面に戻ります。赤枠のようにアイキャッチの画像が表示されていたらOKです。

「下書き保存」または「公開」を選びます。

webデザイナーkayo

このときどちらかを選ばないと保存されないので注意です！

実際の画面でアイキャッチを確認するときは、赤枠のマーク を押します。

デスクトップ・タブレット・モバイル（スマホ）のいずれかにチェックを入れて、新しいタブでプレビューを実際の表示を確認してみましょう。