デザイン未経験の50代オヤジでも出来た!「Canva」で簡単におしゃれな「Cocoon」のヘッダー画像を無料で作る方法をお教えます!

Canvaの使い方

「オヤジビジネス.com」運営者の「白石泰敏」です!

本日も「稼げるネットビジネス」に関する情報を発信していきます。

今回は「Canva」で簡単におしゃれな「Cocoon」のヘッダー画像を無料で作る方法を教えます!

今回は下のようなヘッダー画像を作ります。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます!

「Canva」で簡単におしゃれな「Cocoon」のヘッダー画像を無料で作る方法【動画】

まずは、WordPress(ワードプレス)テーマ「Cocoon(コクーン)」ブログのヘッダーに設定するヘッダー画像の簡単な作り方を動画で解説しましたのでそれを観てください。

動画で解説したものを文章と図解で次の章より説明していきますのでこちらも参考にしてください。

WordPress(ワードプレス)テーマ「Cocoon」のヘッダー画像のサイズ

最近は2560px X 1440pxなどの高解像度のディスプレイが登場しましたが、

いくら高解像度のディスプレイを使用する人がいても、全画面表示でサイトを閲覧する訳ではないありませんし、

有名なサイトのほとんどが、サイト幅1080pxで表示しています。

なので今回は、ディスプレイの解像度とワードプレスのテーマ「Cocoon」のヘッダーのデザイン性を考慮して

横1500px X 縦300px のヘッダー画像を作ることにします。

「Canva」で簡単におしゃれな「Cocoon」のヘッダー画像を作りましょう

ヘッダーはブログの顔です。

一見してどんなサイトなのかわかるヘッダー画像にしましょう。

そしてそこに自分のカラーを出せたらもっと良いですね。

それには、画像をあらかじめ用意する必要がなく、無料から作れる「Canva」という画像編集サイトアプリがお勧めです。
(ダウンロードする必要なし)
画像編集ツール「Canva」についてはこちらで詳しく記事にしていますのでご覧ください。↓

Canvaとは?デザイン未経験の僕にも使えた、無料でオシャレなデザイン画像が作れるツール
無料でオシャレなデザイン画像が作れるツール「Canva(キャンバ)」について知りたくありませんか?この記事「Canvaとは?」では、Canvaにできること、メリット・デメリットなどを解説しています。この記事を読むとCanvaについて知る事ができます。

すぐに使いたい方はこちら↓
Canva Pro

Canvaはパソコン、スマホ、タブレットでも操作でき、簡単に画像編集が行えます。

実はこのブログで使用している画像は全て、この「Canva」だけで作成、編集しています。

僕は有料機能も使いたいので、月額$12.95(約1419円)支払っていますが、無料でもかなり良いものが作れます。

Canvaのページを開いたらアカウントを作って、いつでもログインできるようにしておいてください。

「デザイン作成」でテンプレートを選びましょう。

まず作業を始めるには「デザインを作成」をクリックします。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

ブログのヘッダー画像を作るので「+ カスタムサイズ」をクリック

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

幅の欄に「1500」、高さの欄に「300」(今回は高さを300pxにしました。あとから変更も可能です。)と入力し(単位は「px」を選択)、
「新しいデザインを作成」をクリックします。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

「新しいデザインを作成」ボタンを押すと、画面に縦横比「1500:300」サイズの白いページ(キャンバス)が表示されます。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

まず、①左上の「ファイル」からタブを開いて、
②「定規を表示」と「ガイドを表示」をクリックして定規とガイドを表示しておきましょう。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

次に、作成した画像をダウンロードした時にフォルダで見つけやすいよう、
①右上のファイル名「名称未設定のデザイン-1500pxX300px」をわかりやすく「ブログのヘッダー背景画像」と書き換えておきます。
そして、
縦横比「1500:300」のサイズに合わせたデザインプレートが、左側に並んでいますので、その中からあなたのブログテーマに合った画像を選び出しましょう。
デザインテンプレートの中には有料のものもありますので注意

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

画像にタイトルを入れる

ここから画像をいじっていきます。
「STUDY」や「NOW.」、「LEARN UNI」の文字を選択して日本語のブログのタイトルに書き換えるということもできます。

しかし、配置が悪いので今回は「STUDY」や「NOW.」、「LEARN UNI」の文字を消して、黄色の長方形1つだけをデザインに活かすことにします。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

要らないものを消したら、次にブログのタイトルロゴを作っていきましょう。
左端の「Tテキスト」をクリックしてテキストの例を表示させたら、
太文字の「見出しを追加」をクリックしてください。
③すると背景画像の上に「見出しを追加」というテキストが現れます。
タイトルロゴはこのテキストフォントを編集して作っていきます。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

背景が暗いのでタイトルの文字を白にします。
タイトルになるテキストの文字をカーソルで全選択して
②上の段の「テキストの色」をクリック
③左にカラー選択画面が現れますのでデフォルトカラーの「白」クリックすると色が変わります。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

①白色にした「見出しの文字」の文字列をあなたのブログのタイトルに書き換えます。
*ここでは例として、僕のブログ名「オヤジビジネス.com」に書き換えました。
②あなたのブログ名に書き換えたら左上の+を何度かクリックして文字をちょうど良い大きさに拡大してください。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

タイトルを拡大したら、カーソルでドラッグして画像の中心に持っていきます。
移動させているとガイドとなる中心を示す線が現れますのでそれを見ながら動かすとうまく配置できます。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

タイトルロゴをデザインする

残しておいた黄色の長方形を、タイトルの文字の下に配置し、横に引いて長方形の形をもっと横長にします。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

うまく配置できたら、文字のフォントをかっこいいものに変えていきます。
①最初にタイトル文字(オヤジビジネスの文字)をクリックして選択し、
上の列のフォントをクリック
すると左にフォントの種類が表示されますので、
表示されたフォントの種類から使いたいフォントをクリックします。
これでタイトル文字のフォントを好きなものに変更できます。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

キャッチフレーズを入れましょう

タイトルがほぼ出来上がったら、あなたのブログのキャッチフレーズ(サブタイトル)をつけていきます。
左側の列にある「Tテキスト」をクリックして
「小見出しを追加」をクリック、作成中の画像にテキストを表示させましょう。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

表示した「小見出しを追加」の文字列にカーソルを合わせてをあなたのブログのキャッチフレーズ(サブタイトル)に書き換えます。
書き換えると①上の段の「+」を何度かクリックしてちょうど良い大きさにサブタイトルの文字を拡大します。
最後に②ワンポイントの黄色い長方形のサイズ(大きさや形)と位置を見栄えの良いように調整します。
これでタイトルロゴが出来上がりました。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

タイトルロゴをグループ化して完成させましょう

タイトルロゴができたらもうすぐヘッダー画像は完成です。
しかし、ここからが重要なので注意して省略せず作業してください。

①まず、マウスをクリックしたまま作成したタイトルロゴを全て選択します。
②タイトルロゴを選択したら上の段にある「グループ化」をクリックして、ブログタイトルと黄色の長方形とキャッチフレーズを1つのパーツにします。
*失敗した場合は「グループ解除」をクリックすると元に戻せます。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

グループ化して1つになったタイトルロゴをカーソルで動かして画像の中心に持ってくればヘッダー画像の完成です。
*中心を表すガイド線を頼りにタイトルロゴを中心へ置いてください。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

お疲れ様でした。

まとめ

これでワードプレステーマ「Cocoon」に設定するヘッダー画像は完成です。

「Canva」で簡単におしゃれなWordPress(ワードプレス)テーマCocoon(コクーン)のヘッダー画像を無料で作る方法を教えます

といきたいところですが、

これをダウンロードしなければブログに設定することはできません。

ヘッダー画像設定の方法は次の記事で解説していますので合わせて読んでください。↓

50代オヤジでも出来た!「Canva」で作成したヘッダー画像を「Cocoon」に設定する方法をお教えます!
Cocoonにヘッダー画像を設定する方法を知りたくありませんか?この記事ではCanvaで作ったヘッダー画像をワードプレステーマCocoonに設定する方法と手順を動画と図解で解説しています。ぜひヘッダーを自分のオリジナルにカスタマイズして下さい。

ちなみに、僕はこのCanvaでブログのアイキャッチ画像からインスタグラムの画像まで作っています。

デザインするのが苦手な人からすると、めちゃくちゃ良く見えるようで評判がとても良いです。

今や、ブログには画像を取り入れるのは必須ですよね。

目立たせる役目もありますが、誰のブログ記事であるか差別化するのには必ず画像を工夫した方が良いようです。

SEOの観点から見てもその方が有利なんです。

そこで、あなたにこんなお悩みありませんか?

・Canvaをバンバン使ってみたいけれどデザインツール初心者で使い方がイマイチわからない。

・自分のブログのアイキャッチ画像が作りたいがどうもオシャレに作れない・・・

・作りたいが面倒なので、独自のテンプレートが欲しい。

・アフィリエイトブログに使うだけなのでサムネの作り方だけ教えて欲しい。

など・・・。

あなたがその悩みを解決できないのはアフィリエイター、ブロガーに特化したCanvaの教材を知らないからです!

そんな悩みを解決してくれる教材が

やまかずさん制作の『Canvaマスター講座です。

この教材は、動画とテキストにそって真似るだけ、

教材の沿って学習していけば、自分オリジナルのサムネやアイキャッチ画像が作れるようになります!!

この教材はこちらで記事にしてますので、是非合わせて読んでみてください。↓

50歳、デザインソフト初心者の僕が、「Canva」でブログのサムネ画像が簡単に作れるようになった教材『Canvaマスター講座』
50歳を過ぎてパソコン初心者の僕がデザインツール「Canva」を自在に使えるようになった教材を知りたくありませんか?それは『Canvaマスター講座』という商品です。これで学ぶとアフィリエイターや、ブロガーに嬉しいサムネ画像がすぐ作れるようになります。

コメント

タイトルとURLをコピーしました