アメブロカスタマイズ!おしゃれなヘッダー画像の作り方!設定も超簡単にできる!

アメブロをカスタマイズが自分でできると変えたい時に変えられてとても便利です。おしゃれなヘッダー画像が超簡単に作れる方法(作り方)や超簡単に設定のできちゃう方法をご紹介します。ヘッダー画像を自分で作るのはちょっと難しいなと思っている方!ただいまおしゃれなアメブロ用オリジナルヘッダーテンプレートを無料プレゼントしています。6種類のデザインから画像と文字を変更するだけで簡単におしゃれなアメブロ用オリジナルのヘッダー画像を作成することが可能です!それを超簡単にアメブロに設定する方法までご紹介しますね。

 

超簡単!おしゃれなオリジナルヘッダー画像の作り方!

 

アメブロヘッダー画像をオリジナルのものに変更したいなぁと思いませんか?でも、難しそうだしなぁ。。。
とモヤモヤしているそんなあなたに朗報です!

自分でオリジナルヘッダーを作成して設置する超簡単な方法をご紹介します。
ヘッダー画像を自分で作ることができるのであれば、設置するのは超簡単な方法があるのですが、ヘッダー画像を自分で作るのがまあまあの壁ですよね。

ということで、写真や文字を変更するだけで自分のオリジナルヘッダーができるテンプレートを作成しました!

そしてただいま無料でプレゼントしています!

無料といっても1つだけ条件があります。

では、詳しくご紹介していきますね。

 

アメブロカスタマイズとは?

 

その前に・・・

アメブロカスタマイズって何?という方の為に少し説明しますね。

アメブロは無料で誰でも簡単に始めることのできるブログサービスです。

あらかじめいろいろなデザインのテンプレートがありますので、選ぶだけで自分好みのページを作ることができます。しかし、テンプレートを使用すると同じテンプレートを使用している方と見た目がほぼ同じになってしまうというデメリットがあります。

たまにヘッダー画像をオリジナルデザインにしたりメニューバーを作ったりしている人もいますよね。

↓例えばこんな感じです。

 

これはヘッダー画像の作製・設置・メニューバーの設置・メッセージボードの画像設置・サイドバーの項目の画像設定といろいろカスタマイズしています。こんな感じにカスタマイズしたいい場合はCSSを編集しなければなりません。

ちょっとハードルが高いですね。多くの人はCSSって何?という状態ですよね。

下手にいじってしまうと表示が崩れたり、真っ白になってしまうこともあります。アメブロカスタマイズしたい場合は業者に発注するかカスタマイズの仕方を勉強して自分でCSS編集する必要があります。

でも、ヘッダーだけであればCSSの編集も必要なくとっても簡単に変更することができるんです。

今回は文字もヘッダー画像に入れ込んでみましたよ。

例えばこんな感じ↓ですね。

 

指定のサイズでヘッダー画像の作製が自分でできれば簡単なのですが、そのヘッダー画像の作製がなにげに壁ですよね。

なので、今回はその壁もなくすべく、「おしゃれなアメブロ用オリジナルヘッダーテンプレート」を作成し、皆さんに無料で配布することにしました。

ヘッダーテンプレートは今回4つのデザインで作りました。→6つに増えました!

色や文字は変更して作成することができますので、ぜひご利用下さいね。

デザイン1

 

デザイン2

 

デザイン3

 

デザイン4

 

デザイン5

 

デザイン6

 

テンプレート使用に辺り、いくつか注意点があるので注意点をよく理解してから先に進んでくださいね。(自己責任でお願いします。)

注意!

  • この方法はまだカスタマイズしていないという方向けの方法です。
  • すでにCSS編集をしてカスタマイズしている方や業者に依頼してカスタイズしてもらったことがある方は、この作業をすると今までのCSS編集がすべて消えてしまいます。
  • メニューバーも設置したいという方はこの方法では設置できません。
  • オリジナルヘッダー画像はPCで見た場合のみ表示されます。スマホで見ても表示されません。

 

超簡単!おしゃれなオリジナルヘッダー画像のサイズやテンプレートの入手方法は?

今までまったくアメブロをカスタマイズをしたことがないという方向けのお手軽なオリジナルヘッダーの作成方法と設置方法を紹介していきたいと思います。

まず、オリジナルヘッダー画像を用意する必要があります。ヘッダーのサイズは980PX×215PX~300PXです。

このサイズでオリジナルヘッダー画像を作成して下さい。と言われて「はいはい、作ればいいんでしょ。」という方はテンプレートなんてなくても自分でできちゃいます。(笑)

でも、「え?待って!そのサイズの画像ってどうやって作るの???」と思った方、安心してください。

そういう方がが対象です!安心して、読み進めて下さいね。

今回はCANVAという無料オンラインデザインサービスのテンプレート(980px ×300px)を作りました。

このテンプレートを使用すれば、写真と文字を変更するだけであなただけのオリジナルヘッダーが作成可能です。

便利でしょ!

では、おしゃれなオリジナルヘッダーテンプレートの入手の仕方を説明しますね。

 

おしゃれなアメブロ用オリジナルヘッダーテンプレートの入手方法!

 

  1. 下記よりLINEの登録をする
  2. LINEでヘッダーテンプレートのリンクが届くのでそれをクリック
    *編集~設置はPCでの作業となりますので、LINEをPCで開いてリンクをクリックしてください。またはLINEで送られたリンクをコピペしてPCで開けるメールアドレス等に送りPCでリンクをクリックしてください。
  3. CANVAの登録をする
  4. LINE登録プレゼント!アメブロ用オリジナルヘッダーテンプレートの編集の仕方と設置方法!でにアクセス
    *編集から設置の仕方を説明しています。

 

30分位であなたのアメブロにオリジナルヘッダーを設置できますよ!

説明は動画でしていますので、動画を見ながら作業してみて下さいね。

 

↓こちらは終了しました!

アメブロフォロワー1000人突破!記念企画!↓

やってみたけど、うまくできなかった…などの声を頂きましたので、アメブロフォロワー1000人突破記念企画として、

先着10名様に無料でヘッダー制作をすることにしました!!

ヘッダー作成代行ご希望の方は、LINEで下記内容を送信して下さい。

アメブロのURL
デザイン(1~6のうち1つ)・使って欲しい写真があればその写真・入れて欲しい文字・背景の色や雰囲気などの希望を送信して下さい。送って頂いた写真の画像が劣化してしまう場合は別の方法で写真を送って頂きます。

指定の写真と文字で作成したヘッダー画像を折り返し送ります。(修正1回までOK)

 

動画を見ながら作業する場合、PCの画面を2分割するとやりやすいです。

ということで、パソコンの画面を2分割させる方法を説明しておきますね。

 

パソコンの画面を2分割させる方法!

Windows7以降、「スナップ機能」といってパソコンの画面を2分割や4分割させる機能があります。

この方法、何かと便利なので覚えておくといいですよ!

まず、2分割させたい画面を2つ立ち上げておきます。

今回の作業を例にとると、

①説明の動画の画面

②ヘッダーテンプレートの作業画面

または

①説明動画の画面

②自分のアメブロの画面

です。

①の画面を左右どちらか表示させたい方向にドラッグしていくと、画面を分割する線のようなものが出てきます。その状態でドロップ(マウスを離す)と①の画面がパソコンの半分に表示されます。

画面を2つしか開いていない場合は残りの②の画面が反対側に表示されます。

2つ以上画面を開いている場合は、①の反対側に残りの画面が小さく表示されるので、もう半分に表示させたい画面を選ぶと2分割することができます。

文章で書くと分かりずらいので、よく分からない方はこちらを参考にしてみて下さいね。

 

まとめ

写真と文字を変えるだけでアメブロ用オリジナルヘッダー画像が作れるテンプレートをLINE登録して頂いた方にプレゼントしています。更に作成したオリジナルヘッダー画像をアメブロに設置する方法も動画で説明しています。

おそらく20分~30分位で設置までできると思いますので、ぜひLINE登録してくださいね。

 

LINE登録はこちらから↓

 

 

 

 

Copyright© 楽リッチオンライン講座の作り方 , 2020 All Rights Reserved.