アメブロをカスタマイズが自分でできると変えたい時に変えられてとても便利です。おしゃれなヘッダー画像が超簡単に作れる方法（作り方）や超簡単に設定のできちゃう方法をご紹介します。ヘッダー画像を自分で作るのはちょっと難しいなと思っている方！ただいまおしゃれなアメブロ用オリジナルヘッダーテンプレートを無料プレゼントしています。６種類のデザインから画像と文字を変更するだけで簡単におしゃれなアメブロ用オリジナルのヘッダー画像を作成することが可能です！それを超簡単にアメブロに設定する方法までご紹介しますね。
超簡単！おしゃれなオリジナルヘッダー画像の作り方！
アメブロヘッダー画像をオリジナルのものに変更したいなぁと思いませんか？でも、難しそうだしなぁ。。。
とモヤモヤしているそんなあなたに朗報です！
自分でオリジナルヘッダーを作成して設置する超簡単な方法をご紹介します。
ヘッダー画像を自分で作ることができるのであれば、設置するのは超簡単な方法があるのですが、ヘッダー画像を自分で作るのがまあまあの壁ですよね。
ということで、写真や文字を変更するだけで自分のオリジナルヘッダーができるテンプレートを作成しました！
そしてただいま[keikou]無料でプレゼント[/keikou]しています！
無料といっても１つだけ条件があります。
では、詳しくご紹介していきますね。
アメブロカスタマイズとは？
その前に・・・
アメブロカスタマイズって何？という方の為に少し説明しますね。
アメブロは無料で誰でも簡単に始めることのできるブログサービスです。
あらかじめいろいろなデザインのテンプレートがありますので、選ぶだけで自分好みのページを作ることができます。しかし、テンプレートを使用すると同じテンプレートを使用している方と見た目がほぼ同じになってしまうというデメリットがあります。
たまにヘッダー画像をオリジナルデザインにしたりメニューバーを作ったりしている人もいますよね。
↓例えばこんな感じです。
これはヘッダー画像の作製・設置・メニューバーの設置・メッセージボードの画像設置・サイドバーの項目の画像設定といろいろカスタマイズしています。こんな感じにカスタマイズしたいい場合はCSSを編集しなければなりません。
ちょっとハードルが高いですね。多くの人はCSSって何？という状態ですよね。
下手にいじってしまうと表示が崩れたり、真っ白になってしまうこともあります。アメブロカスタマイズしたい場合は業者に発注するかカスタマイズの仕方を勉強して自分でＣＳＳ編集する必要があります。
でも、ヘッダーだけであればCSSの編集も必要なくとっても簡単に変更することができるんです。
今回は文字もヘッダー画像に入れ込んでみましたよ。
例えばこんな感じ↓ですね。
[keikou]指定のサイズでヘッダー画像の作製[/keikou]が自分でできれば簡単なのですが、そのヘッダー画像の作製がなにげに壁ですよね。
なので、今回はその壁もなくすべく、「おしゃれなアメブロ用オリジナルヘッダーテンプレート」を作成し、皆さんに[keikou]無料で配布[/keikou]することにしました。
ヘッダーテンプレートは今回４つのデザインで作りました。→[keikou]６つに増えました！[/keikou]
色や文字は変更して作成することができますので、ぜひご利用下さいね。
デザイン１
デザイン２
デザイン３
デザイン４
デザイン５
デザイン６
テンプレート使用に辺り、いくつか注意点があるので[keikou]注意点をよく理解[/keikou]してから先に進んでくださいね。（自己責任でお願いします。）
[aside type=”sky”]
注意！
- この方法はまだカスタマイズしていないという方向けの方法です。
- すでにCSS編集をしてカスタマイズしている方や業者に依頼してカスタイズしてもらったことがある方は、この作業をすると今までのCSS編集がすべて消えてしまいます。
- メニューバーも設置したいという方はこの方法では設置できません。
- オリジナルヘッダー画像はPCで見た場合のみ表示されます。スマホで見ても表示されません。
[/aside]
超簡単！おしゃれなオリジナルヘッダー画像のサイズやテンプレートの入手方法は？
今までまったくアメブロをカスタマイズをしたことがないという方向けのお手軽なオリジナルヘッダーの作成方法と設置方法を紹介していきたいと思います。
まず、オリジナルヘッダー画像を用意する必要があります。ヘッダーのサイズは９８０PX×２１５PX~３００PXです。
このサイズでオリジナルヘッダー画像を作成して下さい。と言われて「はいはい、作ればいいんでしょ。」という方はテンプレートなんてなくても自分でできちゃいます。（笑）
でも、「え？待って！そのサイズの画像ってどうやって作るの？？？」と思った方、安心してください。
そういう方がが対象です！安心して、読み進めて下さいね。
今回はCANVAという無料オンラインデザインサービスのテンプレート（[keikou]980px ×300px[/keikou])を作りました。
このテンプレートを使用すれば、写真と文字を変更するだけであなただけのオリジナルヘッダーが作成可能です。
便利でしょ！
では、おしゃれなオリジナルヘッダーテンプレートの入手の仕方を説明しますね。
おしゃれなアメブロ用オリジナルヘッダーテンプレートの入手方法！
- 下記よりＬＩＮＥの登録をする
- ＬＩＮＥでヘッダーテンプレートのリンクが届くのでそれをクリック
＊編集~設置はＰＣでの作業となりますので、ＬＩＮＥをＰＣで開いてリンクをクリックしてください。またはＬＩＮＥで送られたリンクをコピペしてＰＣで開けるメールアドレス等に送りＰＣでリンクをクリックしてください。 - CANVAの登録をする
- LINE登録プレゼント！アメブロ用オリジナルヘッダーテンプレートの編集の仕方と設置方法！でにアクセス
＊編集から設置の仕方を説明しています。
３０分位であなたのアメブロにオリジナルヘッダーを設置できますよ！
説明は動画でしていますので、動画を見ながら作業してみて下さいね。
↓こちらは終了しました！
[aside type=”boader”]
アメブロフォロワー1000人突破！記念企画！↓
やってみたけど、うまくできなかった…などの声を頂きましたので、アメブロフォロワー1000人突破記念企画として、
先着10名様に無料でヘッダー制作をすることにしました！！
ヘッダー作成代行ご希望の方は、ＬＩＮＥで下記内容を送信して下さい。
アメブロのＵＲＬ
デザイン（１～６のうち１つ）・使って欲しい写真があればその写真・入れて欲しい文字・背景の色や雰囲気などの希望を送信して下さい。送って頂いた写真の画像が劣化してしまう場合は別の方法で写真を送って頂きます。
指定の写真と文字で作成したヘッダー画像を折り返し送ります。（修正1回までＯＫ）
[/aside]
動画を見ながら作業する場合、ＰＣの画面を2分割するとやりやすいです。
ということで、パソコンの画面を2分割させる方法を説明しておきますね。
パソコンの画面を2分割させる方法！
Windows７以降、「スナップ機能」といってパソコンの画面を2分割や4分割させる機能があります。
この方法、何かと便利なので覚えておくといいですよ！
まず、2分割させたい画面を２つ立ち上げておきます。
今回の作業を例にとると、
①説明の動画の画面
②ヘッダーテンプレートの作業画面
または
①説明動画の画面
②自分のアメブロの画面
です。
①の画面を左右どちらか表示させたい方向にドラッグしていくと、画面を分割する線のようなものが出てきます。その状態でドロップ（マウスを離す）と①の画面がパソコンの半分に表示されます。
画面を2つしか開いていない場合は残りの②の画面が反対側に表示されます。
2つ以上画面を開いている場合は、①の反対側に残りの画面が小さく表示されるので、もう半分に表示させたい画面を選ぶと2分割することができます。
文章で書くと分かりずらいので、よく分からない方はこちらを参考にしてみて下さいね。
まとめ
写真と文字を変えるだけでアメブロ用オリジナルヘッダー画像が作れるテンプレートをＬＩＮＥ登録して頂いた方にプレゼントしています。更に作成したオリジナルヘッダー画像をアメブロに設置する方法も動画で説明しています。
おそらく２0分~30分位で設置までできると思いますので、ぜひＬＩＮＥ登録してくださいね。
ＬＩＮＥ登録はこちらから↓