>ブログ構築ブログの顔!ヘッダー画像を無料画像編集ツール【PhotoScape】で作る方法2019-05-29TwitterSharePocketHatenaLINEコピーするワードプレスブログの外観デザインって最初は戸惑いませんか?かっこいいヘッダーはどうやって作るんだろう?自分のブログ名の入ったヘッダー画像を作りたい。みんなのブログの上に出てる大きな画像どうやって作ってるの?千愛よくブログのトップページに大きく出ている画像をヘッダー画像といいます。自分でヘッダー画像って簡単に作れるの?ユニコ千愛うん。無料のツールで作れるよ。この記事では、無料の画像編集ツール『Photoscape(フォトスケープ)X』を使ってヘッダー画像を作る方法をご説明します。ヘッダー画像はいわば、お店の看板。自分のブログにあったヘッダー画像を作ってみましょう。千愛ブログのヘッダー画像以外にもTwitterのヘッダー画像やFacebookのヘッダーも作れるよブログのヘッダー画像はお店の看板ワードプレスのインストールも終わり、初期設定も終わり...さぁ、記事を書くぞ!!ユニコ千愛ちょっと待って!ブログがデフォルトのままじゃ、他のブログと差別化できません。ブログの外観は、お店の外観です。ぼろぼろの外観じゃどんなに美味しい料理を提供するレストランでも、お客様はご来店してくれません。綺麗で、清潔感があって、感じが良くて、心地いい。そんなお店がやっぱりいいですよね!ユーザーは、あなたのブログのデザインで覚えてくれることもあります。どこかで見たことのあるブログデザインじゃ、あれ?どこかで見たっけ?と印象に残りませんよね。あなた色のブログを作って、「このブログ、好きだな」とブックマークしてもらえるブログの外観を作りましょう。ブログのデザインのポイントは、あなたの好みではなくブログのジャンルに合わせ、万人受けするデザインにすることです。ブログのメインカラーを決めよう!ヘッダー画像やロゴ画像を作る前に、サイトのメインカラー、サブカラーを先に決めます。メインカラーとサブカラーは補色を選ぶとメリハリがでてサイトの印象が締まるよ。見出しの色や枠の色などメインカラーとサブカラーで構成していきます。ブログの顔!ヘッダー画像を作る前の準備さて、いよいよヘッダー画像を作っていきます。最近は、ロゴだけのシンプルなトップページのブログも多いですが、印象的なヘッダー画像があるとぐっと記憶に残りやすくなります。「画像に文字を入れるのはどうやるの?」な~んにもわかりませんでした。自慢じゃないけどパソコン音痴だったの。(過去形にしてはいけないかも...)この記事では、パソコン初心者でも簡単にヘッダー画像を作る方法を解説するのでぜひトライしてくださいね♪ブログ内の画像の名前のおさらいまず、ブログのトップページでそれぞれのパーツの名称についておさらいしましょう。私のブログのトップページで説明します。上に表示されている「アドセンスで月10万円のお小遣いが欲しい人この指とまれ」はブログ説明などと呼ばれます。キャッチフレーズ(ブログ説明)で入力したテキストがそのまま表示されます。ここにロゴ画像を表示するように設定しています。その下はグローバルメニューです。表示または非表示を選択できます。表示する位置も下記のように任意で設定できます。ヘッダー(ブログの上部)とフッター(ブログの下部)どちらかヘッダー(ブログの上部)とフッター(ブログの下部)両方ユーザーの利便性を考えると、少なくともヘッダーにはグローバルメニューを設置することをおすすめします。その下が、ヘッダー画像です。ブログの顔とも言えますね。私は画像だけのシンプルなものになってます。ユーザーの印象に残るので、ブログのイメージが伝わるような画像を選びましょう。過去のヘッダー画像はこんな感じでした↓(ブログ初期に作ったヘッダー画像です。当時はサイトカラーが青でした)今のヘッダー画像の方が華やかでサイトイメージとマッチしますね。「輝く女性」ブログで伝えたいメッセージが伝わると思います♪ヘッダー画像1つでブログの印象は大きく変わりますよね!では、どこでロゴ画像やヘッダー画像を設定するのか確認しましょう。お使いのワードプレスのテーマによって、設定する場所は異なりますので、ご利用のテンプレートに付属するマニュアルでご確認ください。参考に使用中のAFFINGER5(WING)で説明します。AFFINGERの場合は、ワードプレス管理画面から「外観」→「カスタマイズ」でデザインの設定ができます。「ロゴ画像」「ヘッダー画像」はここから設定や変更ができます。ロゴ画像は、あらかじめ作成したロゴ画像をアップロードするだけです。ロゴ画像を作る時の注意点は、背景が透過になるPNG形式で作成すること。ヘッダー画像も同じく、あらかじめ作成した画像をアップロードします。気になるのは、ヘッダー画像のサイズですが、AFFINGERの場合は推奨サイズを教えてくれるので、そのサイズで作ればOKなんです。親切でしょ??ちなみにAFFINGERは2200×500ピクセルと大き目ですね。通常は、幅(横)1000px、高さ(縦)は300~400pxが多いです。ブログのテンプレートによっては、ヘッダー画像の推奨サイズがマニュアルに記載されているかもしれませんね。サイズ」と検索するとわかるかもしれません。試しに、SEOに強いと評判の「賢威」で調べてみたら、すぐにわかりました。