前回、ヘッダー画像の設定方法を学んだエテキチ。今回は『ブログの可愛いヘッダー画像の作成方法』を教えてもらうようだ。エテキチうう...エテ美ちゃんにあんなこと言われるなんてウキ...うう...。キチどうしたウホかエテキチくん。エテキチ前回のレッスンで設定したヘッダー画像をエテ美ちゃんに見せに行ったウキ。したらサイトのイメージと全然違う自己満画像って言われたウキ...。キチまぁ確かにエテキチくんのブログタイトルには『ウキウキ』が入ってるのに全然ウキウキ感なかったウホよね。なんとかしてヘッダー画像にウキウキ感を出すことはできないウキか?ゴリキチ一番無難なのはこの前紹介した『ココナラ』でプロに作ってもらうことウホね。エテキチ『ココナラ』ウキかぁ...。できればお金をかたくないウキよ。キチその気持ちはわからんでもないウホね。それじゃあちょっと面倒だけど自分でブログのヘッダー画像を作成してみるウホか。エテキチデザインの知識がなくてもヘッダー画像の作成って出来るウキか?ゴリキチ今は便利な画像編集サイトや無料素材サイトがあるウホからね。素人でもいきなりそれなりのものを作成することが出来るウホよ。エテキチ本当ウキか!?早速ヘッダー画像の作成のし方を教えてほしいウキ!ゴリキチOKウホ。それじゃあ説明していくウホね。画像編集サイト『Canva』で画像を加工するウホ!ブログの可愛いヘッダー画像を自分で作成するウホ!ゴリキチまず始めにヘッダー画像を作成するために今回利用していくサイトを紹介するウホ。利用規約はサイトによって違うウホから、ちゃんと確認するウホよ。今回利用するサイトCanva...画像の編集が基本無料できるサイト。サイトアドレス:https://www.canva.com/FLATICON...アイコン画像が一部無料でダウンロードできるサイト。Patterns...シンプルな背景画像が無料でダウンロードできるサイト。サイトアドレス:https://www.toptal.com/designers/subtlepatterns/FREE-LINE-DESIGN...無料で罫線がダウンロードできるサイト。サイトアドレス:http://free-line-design.com/ゴリキチ上のサイトのうちメールアドレスやファイスブックアカウント、Googleアカウントで登録が必要なサイトにはあらかじめ登録しておくウホよ。エテキチ分かったウキ。キチ今回はヘッダー画像の作成がメインのお話ウホから、ヘッダー画像に使用する素材はあらかじめダウンロードしてあることを前提に進めるウホ。ヘッダー画像の作成に使用する素材を用意するウホ!エテキチOKウキ。どんな素材を使うウキか?ゴリキチ今回は以下の画像を使ってブログの可愛いヘッダー画像を作成していくウホよ。※PNG形式で保存することをおすすめします。Patternsでダウンロードした画像FREE-LINE-DESIGNでダウンロードした画像エテキチこの画像を組み合わせてブログのヘッダー画像を作成していくのウキね。キチそういうことウホね。それじゃあ実際の操作を説明していくウホ。画像編集サイト『Canva』で画像を加工するウホ!ゴリキチ今回ヘッダー画像の加工に利用するサイトはさっき紹介した『Canva』っていうサイトウホ。ほとんど無料で使える上に素人にも簡単に画像の編集ができる優れたサイトウホよ。エテキチ便利な世の中になったものウキ。キチまず『Canva』に登録してマイページに入ったら、サイドバーの『デザインを作成』をクリックするウホ(上図赤枠)エテキチOKウキ。キチ次の画面には様々な媒体で使用する場合のサイズのデザイン案が表示されているウホ。ワードプレスのテーマにはそれぞれ推奨しているヘッダー画像のサイズがあるウホから、自分で確認して選択するウホ。ここでは画面右上の『画像サイズを指定』をクリックして好きなサイズのヘッダー画像を作成することにするウホ(上図赤枠)エテキチ了解ウキ。キチ今回は幅1100px、高さ500pxのヘッダー画像を作成していくことにするウホ。そこで次の画面ではヘッダー画像の幅と高さを入力(上図1)して、『デザインする』をクリックするウホ(上図2)。エテキチOKできたウキよ。キチそしたら次の画面のサイドバーの『アップロード』をクリック(上図1)して、続けて『画像をアップロード』をクリックするウホ(上図2)。エテキチポチポチっとなウキ。キチさっきダウンロードしておいた素材のうちまずは背景に使う画像をアップロードするウホ。アップロードができたらドラッグ&ドロップで右のレイアウト画面に配置するウホ(上図参照)。エテキチふむふむ、出来たウキ。キチこのままではサイズがあってないウホから、画像の四つの角のどれかにカーソルを合わせて適宜大きさを変更するウホよ(上図参照)。画像は画面右上にある操作タブから『反転』したり、『透明度を変更』したり出来るから適宜これも利用するウホ。キチ同じようにして、用意してあったアイコン画像と罫線をアップロードしてドラッグアンドドロップで配置していくウホ(上図参照)。すると上の画像のようにブログのヘッダー画像は完成するウホ。あとは何するウキ?ゴリキチ最後にブログのタイトルを入れるウホよ。サイドバーの『テキスト』をクリック(上図1)するといろんな形式のテキスト例が出てくるウホ。自分で気に入ったのを使えばいいウホよ。今回は上にある『見出しを追加』をドラッグ&ドロップしていくウホ(上図2)。エテキチふむふむウキ。文字の色とかを変えるのはどうするウキか?ゴリキチ画面上の操作タブの所から『フォントの変更(上図3)』、『フォントサイズ変更(上図4)』、『フォントカラー変更(上図5)』ができるウホから、お好みで設定を変えるウホよ。エテキチ了解したウキ。キチ完成したみたいウホねエテキチくん。エテキチ早速ブログで設定してくるウキ!エテキチ出来たーウキ!これは完全にウキウキ感が出ているウキ!まさか全部無料でここまでのものが作れるとは思ってなかったウキ!ゴリキチそれはよかったウホ。これならばっちりウキウキ感が出ているウホね。エテキチようし、早速エテ美ちゃんのところにリベンジしに行くウキ!これは間違いなく惚れ直すウキね!今晩は寝かさないウキよ~!ゴリキチ......。お願いだから合意の上でやってほしいウホ。スポンサーリンク今回何とかブログの可愛いヘッダー画像を作成することに成功したエテキチ。http://ippatuya.com/d/lpf/4a8258Nig5n3a3.phpすぐに登録したい!という方は以下よりどうぞ!*は入力必須です。すごく可愛いヘッダー画像ですね!いろんな素材サイトのご紹介にとても勉強になります。残暑厳しい折、マラソンお体ご自愛くださいね~。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取る関連記事ワードプレスブログの投稿ページを作成するウホ!前回、初めてのヘッダー画像をエテ美ちゃんにバカにされた悔しさをバネに自作のかわいいヘッダー画像を加工することに成功したエテキチ。今回はいよいよ『投稿ページ』の作成方法について教えてもらうようだ。...パーマリンクを設定するウホ!前回、自分のブログのタイトルとキャッチフレーズをつけることに成功したエテキチ。今回は、『パーマリンクの設定』の方法を教えてもらうようだ。...ワードプレスブログのロゴを設定するウホ!前回、ワードプレスブログの装備品にあたる『プラグイン』の導入の仕方を教えてもらったエテキチ。今回は『ロゴの設定の仕方』を教えてもらうようだ。...ワードプレスブログの記事にyoutube動画を入れるウホ!前回、道で出会ったネコちゃんの画像を記事の中に貼り付ける方法を学んだエテキチ。今回は『記事の中にyoutube動画を埋め込む方法』を教えてもらうようだ。...ワードプレスブログをサーチコンソールに登録するウホ前回、ワードプレスブログのプロフィール写真の設定方法について学んだエテキチ。今回は『ワードプレスブログをサーチコンソールに登録する方法』を教えてもらうようだ。Importer~お名前.comで取得したドメインのネームサーバーを変更するウホ!GoogleにワードプレスブログのXMLサイトマップを送信するウホ!ワードプレスブログをサーチコンソールに登録するウホ新着記事2018/03/17ワードプレスのBackWPupでブログのバックアップを取るウホ!前回、なんとかドメインお引越しを全て完了させることができたエテキチ。今回はワードプレスのプラグインBackWPupを使ったブログのバックアップの方法を教えてもらうようだ。Importer~前回、お名前.comで取得したドメインのネームサーバーをエックスサーバーに変更することに成功したエテキチ。...2017/10/25お名前.comで取得したドメインのネームサーバーを変更するウホ!前回なんとかワードプレスでブログのXMLサイトマップを送信することに成功したエテキチ。今回は『お名前.comで取得したドメインのネームサーバーの変更方法』を教えてもらうようだ。...2017/10/18GoogleにワードプレスブログのXMLサイトマップを送信するウホ!前回、ワードプレスブログのサーチコンソールへの登録方法を学んだエテキチ。今回は『GoogleにワードプレスブログのXMLサイトマップを送信する方法』を教えてもらうようだ。...2017/10/14ワードプレスブログをサーチコンソールに登録するウホ前回、ワードプレスブログのプロフィール写真の設定方法について学んだエテキチ。今回は『ワードプレスブログをサーチコンソールに登録する方法』を教えてもらうようだ。...2017/10/04ワードプレスブログのプロフィール写真を設定するウホ!前回、ブログにお問い合わせフォームを設置したエテキチ。今回は『ワードプレスブログのプロフィール写真の設定方法』について教えてもらうようだ。...2017/09/27ワードプレスブログにお問い合わせフォームを設置するウホ!前回、ウィジェットを組み合わせてサイドバーを構築することに成功したエテキチ。今回は、『ワードプレスブログにお問い合わせフォームを設置する方法』を教えてもらうようだ。...2017/09/22ウィジェットを組み合わせてワードプレスブログにサイドバーを設置するウホ!前回、ワードプレスブログのフッターメニューの設定方法について学んだエテキチ。今回は『ウィジェットを組み合わせてサイドバーを設置する方法』を教えてもらうようだ。...2017/09/17ワードプレスブログのフッターメニューを設定するウホ!前回、ブログのサイトマップの作成方法を学んだエテキチ。今回は『フッターメニューの設定方法』について教えてもらうようだ。...2017/09/13ワードプレスブログのサイトマップを作成するウホ!前回、メニュー項目に英語のサブタイトルとアイコンを表示させる方法を学んだエテキチ。今回は『ブログのサイトマップの作成方法』について教えてもらうようだ。...全くの初心者がブログアフィリエイトで月10000円~稼ぐ方法をメルマガで配信中!*は入力必須です。AFFINGER4.。