そこで今回は、ヘッダー画像も合わせて変更しようと思いまして、その手順とこれからヘッダー画像を作るよ！という人に向けて、手順と気を付けた方がいいことをまとめました。

SEOが気になる人に向けてというよりは、ブログ初めての人向けに書いています。

ヘッダー画像とは？ → サイトのタイトル画像のこと(ほぼ)

ExcelやWordを普段使用している人にとって「ヘッダー」という言葉は馴染み深いものですが、パソコンを日常的に触らない方にとっては、意味のわからないものです。「ヘッダー画像」とは、見出しにもある通り、ブログやホームページのタイトル画像であるとほぼ考えていれば問題ないです。

「ヘッダー」自体は本文の上の領域を指していることが多いですが、違う意味の言葉であることも多いので難しいですね。

ヘッダー画像はいる？いらない？ → 別になくてもいい

いわばブログの看板となる「ヘッダー画像」ですが、本当にいるかどうかという話になると”いらない”です。検索流入を狙っても、画像に何が書かれているかまではわからない、ということです。今後SEOで画像識別もやります！となったら面白いですね。

SNSからの流入を目指す場合も、ヘッダー画像があると見栄えがいいのは間違いないですし、”ちゃんと作ろうとしている感”が出ます。ブログ初心者同士でコミュニケーションを取ることも増えていますから、認知してもらうという意味で作成することはいいことかもしれません。

しかし、この時点でヘッダー画像作るのが面倒に感じるのであれば、WordPressテーマの設定からタイトルを表示するように変更して、ひとまず記事を書きましょう。

ヘッダー画像を作る準備をしよう

いきなりでは何から手を付けたらいいか迷ってしまいます。まずは、ヘッダー画像に必要なものを考えてみましょう。

• ブログのタイトル（必須）
• 背景画像（あれば）

次に何を使って作るかを考えます。どんなペイントソフトを使用するかです。Windowsユーザーであれば、ペイントが標準で入っていますが、ご存知のとおり使いにくいですね。慣れたら結構使えますが、慣れるまでの時間がもったいないので、私が普段使用している「Canva」というツールを紹介します。

Just a moment...

www.canva.com

登録が必要ですが、Googleアカウント、Facebookアカウント、Apple IDがあれば、面倒な登録作業はないので簡単です。無料で様々な機能やテンプレートを使用することができます。Canvaで作成した画像は商用利用可能です。この紹介はまた今度。

ヘッダー画像を作ろう【Canva編】

様々なテンプレートがあるので、どこか適当に選んでしまいそうですが、Canva無料版では一度作成を始めてしまうと画像サイズを変更することができません。そのため、最初のサイズ設定が肝心です。

Canvaで画像のサイズ指定をして新規作成 → 文字を入力する

①右上の「デザインを作成」を押します。

②出てきたリストの下部にある「カスタムサイズ」を押します。

③「幅」と「高さ」を入力します。私が使用中のWordPressテーマの推奨サイズは幅960px、高さ250pxです。

④入力すると押せるようになる「新しいデザインを作成」を押します。

ボタンを押すと次のような画面が新しいタブで表示されます。

⑤上部の「名称未設定のデザイン – 960px × 250px」の部分をクリックして、この画像のタイトルを決めましょう。あとで変更することもできるので飛ばしても大丈夫です。

⑥最左部にあるタブのうち、「テキスト」を押す。

⑦「見出しを追加」を押す。

⑧右側に現れた枠にブログのタイトルを入力する。

最低限これでブログの看板としてのヘッダー画像ができました。しかし、表示中の白い部分が最終的な画像としてダウンロードできる部分なので、余白に対して文字が小さい気がします。続いて文字のサイズを含めて、テキストの編集方法について紹介します。

Canvaのテキストの編集方法

以前、こちらのページにCanvaのテキスト編集で使うことができる機能をまとめましたので、詳細が気になる方は読んでみてください。

【Canva初心者向け】テキストの編集方法や機能まとめ【Canvaで作る画像シリーズ】

Canvaを使用する皆さんへ、テキストの編集機能をまとめました。

rainanolife.com

2021.08.12

いろいろできます。ブログのタイトルを編集するために必要のない機能もありますが、どこから手をつけていこうかという話になります。自己流ではありますが、おすすめの編集方法を紹介します。

1. フォントの変更
2. エフェクトの付加
3. 文字間隔、行間隔の変更
4. 太字、斜体、下線の変更
5. 文字サイズの変更
6. 文字色の変更

決してこの順番を守る必要はありませんが、文字サイズの変更はできるだけ最後のほうで手をつけましょう。理由は、フォントなど文字自体の形や太さが変わることで、テキストの見た目のサイズが変化するからです。

Canvaで作成した画像をダウンロードする

作成した画像はCanvaに自動保存されますが、WordPressなどのブログへ使用するには一度ダウンロードする必要があります。ダウンロードするには、右上のダウンロードボタンを押して、表示された画像形式を確認して、紫色のダウンロードボタンを押します。様々な画像形式を選択することができますが、基本的にPNG形式で問題ないと思います。将来的には画像サイズとの戦いになりますが、WordPressのプラグインなどで圧縮するという対処方法があります。

まとめ

今回は、Canvaを使用したヘッダー画像の作成方法についてまとめました。officeアカウントがある人はパワーポイントのほうが使いやすい気もしますが、持っていない人にはおすすめできるツールとなっています。「Canva ○○」と検索すれば、たくさんのブロガーが便利な機能など記事にまとめていますのでぜひ探してみてください。

皆さんは、どのような画像編集ソフトを使っていますか？Windows標準のペイントもありますが、中央線などのガイド線が表示されないといった画像編集初心者にほしい機能がないため、何を使ったらいいのかと迷う人もいるのではないかと思います。

私もその一人で現在は、Web上のツールである「Canva」を使用しています。登録が必要ですが、無料で多くの機能を使用することができ、作成した画像は商用利用可能です。

今回は「Canva」のテキストの編集方法や機能について紹介します。ブログやSNSで使用する画像に文字を入れる方も多いので、ぜひ参考になればと思います。画像を編集したことがない人向けに書いていきます。

Canvaのテキスト機能一覧

テキストの文字サイズやフォントや色などの変更は、編集中の画像の上部のツールバー（正式名称はわかりませんが、このブログではツールバーという表現とします）で行います。

ツールバーでできることは、以下のとおりになります。ツールバーの左側から順番に挙げていきます。

• フォントの変更
• 文字サイズの変更
• 文字色の変更
• 太字、斜体、下線の変更
• 大文字小文字の切り替え
• 枠内の揃え変更
• 箇条書きの切り替え
• 文字間隔、行間隔の変更
• 縦書き、横書きの切り替え
• エフェクトの付加
• アニメーションの付加
• 配置の変更
• 透明度の変更
• リンクの変更
• 編集ロック
• コピーの作成
• 削除

この中から操作が難しいもの、注意が必要なものをピックアップして紹介していきます。

フォントの変更

「フォント」を変更しましょう。雰囲気がガラリと変わるので一番悩むのではないでしょうか？Canvaには多くの標準フォントが存在しており、最近は日本語フォントも増えてきました。これからも定期的に増えていきそうです。フォントに限らないのですが、王冠マークがついているものは有料版であったり、個別に購入が必要です。無料版でもたくさんありますので心配は不要です。

日本語のブログタイトルの場合は、日本語フォントから選びましょう。英数字フォントは本当にたくさんあるので、「Canva フォント おすすめ」で検索してみるといいと思います。おすすめの探し方は、検索するところをダブルクリックして、表示されるフォントのジャンルから絞り込む方法です。

フォントにこだわりがある人はフォント職人によるオリジナルのフォントを使用したいという要望もあると思いますが、現時点(2021/8/9)では、フォントのアップロードは有料版のみ使用できる機能ですので、我慢しなくてはいけません。

文字サイズの変更

文字サイズを変更できます。「+」を押せば大きく、「-」を押せば小さくなります。無料版では最小は1、最大は800です。見え方は選択中のフォントによって異なるため、実際にフォントを選びつつ好みの大きさへ変更することが多いのではないでしょうか。

文字色の変更

文字色は#から始まるHTMLカラーコードだけでなく、「青」などの抽象的な色の名前を入れても検索することができます。

枠内の揃え変更

「揃え」は手順を踏んでいれば、変更の必要はありません。なんとなく触ってしまい「左揃え」や「右揃え」に変更してしまった場合やデザインにこだわりがない場合、「中央揃え」にしておきましょう。

エフェクトの付加

「エフェクト」を押すと左側にメニューが出てきます。どれか1種類だけ反映することができます。イラストが描けない、ポップの作成経験がないという人も簡単にいい感じの文字が作れます。実際に各エフェクトを使用した画像を用意しました。(わかりやすくするために、デフォルトの値を変更しています。)

アニメーションの付加

「アニメート」をクリックすると、テキストに動きを追加できます。使える場面は限られますが、使用する場合はgifとしてダウンロードしましょう。

まとめ

すべて紹介しきれていませんが、無料でこのようなテキストの機能が使えるのはとてもありがたいですね。画像を編集したことがなくてもたくさんのテンプレートがありますので、”それっぽい”画像が簡単に作ることができそうな気がします。

皆さんもぜひ、「Canva」を使ってみてください。おススメの機能がありましたらコメントお願いします。