アメブロの簡単カスタマイズ!ヘッダー画像を作成、設置しなくてもオリジナルヘッダーのブログは作れる!

アメブロのヘッダーってオリジナルのものを設定した方がいい!


確かにね、オリジナルのものは

パッとみて、何を伝えたいブログなのか、

どんな人が発信しているブログなのかがわかりやすくなっていい!


ちなみに私のブログのヘッダーはこんな感じ

ピンク全開ですな、笑


このアメブロのヘッダーなのですが

まず、ヘッダー画像というものを作成し、それを設置するという作業が必要です


ヘッダーは自作される人もいれば、作ってもらう人もいます

作ってもらう際の相場は1万円〜5万円くらいとなっています

ココナラで探すと作ってくれる方がたくさん見つかりますよ!



ただヘッダー作成をしてもらっても、それを設置する作業が、CSS編集とかしないといけないんですよね

これまた素人にはややこしく

頑張って自分で設置する人もいれば、ヘッダーを作ってもらった先に設置までお願いする人もいます


そんな少しハードルの高いアメブロのヘッダーカスタマイズ


起業当初に作成設置をしてもらった事で

活動する中でそのヘッダーに違和感を感じてきてしまったり

ヘッダーだけがものすごくいいものができて、いわゆる看板負けしてしまったりしてしまう人もいたりするのが現実でもあるのです


だからね、私は起業初期にお金をかけてヘッダーを作成するのはお勧めしてない

(お金が余って仕方ない方は作ってもらってね!)


それがね、ヘッダー画像を作成してCSS編集をしなくても

めっちゃ簡単に自分で設定できる方法があるので、

今回はそのめっちゃ簡単な

アメブロのオリジナルカスタマイズ方法を紹介しますね!


パソコンに

ヘッダー部分に設置したい画像を用意して、レッツゴー




まず、パソコンでアメブロにログインし「ブログ管理」を開きます

これはパソコンからしかできないので、ちょっと頑張って!

(ここからは私がアメブロ講座で使ってるデモブログちゃんで説明していきますね!)


①ブログ管理ページの「デザインの設定」を選択



②開いたデザインの設定ページの一番下の方にあるデザイン検索画面から

「カスタム可能」を選択



③カスタム可能デザインの中から好きなものを選択する

※1、ここでは比較的シンプルなものを選択する事をお勧めします

「犬が好き」は骨や犬小屋がタイトル前などについたり

「あじさい」は傘とか雨マークが入ってきちゃいます

※2、「CSS編集用デザイン」は本格的にヘッダー画像を設置するものなので、これも避けてください



④デザインを選んで適用させたら

「デザインを簡単カスタマイズする」を選択します

さぁ、この画面を使ってカスタマイズしていきますよー!



⑤まずは一番左の「ヘッダー」を設定

「オリジナルの画像を使う」を選択して、画像を取り込みます

この画像は最初に980px✖︎330pxの大きさに加工しておくと使いやすいのだけど

わからなかったらそのままでも大丈夫です(この後の設定次第でどうにでもなります)


画像を取り込んだら

・「ヘッダーの高さ」の数字を「300」にする事だけは忘れずにしてください!


サイズを加工しなかった場合、そのままの写真をアップすると

ブログの端から端まで写真がない状態になるのですが

・「画像の配置」で写真の位置を「左」「中央」「右」から選んで、

収まりいいところを見つけてください



⑥次に「ブログタイトル」を調整します

今回は画像を中央に設置したので、合わせて文字も中央にすることに

文字の位置は上からの距離だけは設定できるので、

数字を変えながら、いい位置を見つけます


文字の色味を変えることもできるので、今回は写真のお花の中から目立つ色目をチョイスして、

その色に設定しました



⑦「背景」の設定もできます

カラーを選んで設定することもできれば

用意されたテンプレートから背景を選ぶこともできますよ!

背景が変わると、ブログのイメージがグーンと変わります


⑧いろいろ試してみて、「これだー!」と思ったら

「保存」してください

これにてカスタマイズは終了です!



どうだろ?

CSS編集でタグを書き込むよりかは心理的な負担が軽く、

専門的な知識は全く不要でできるので

落ち着いてトライしてみてね!



ちなみに、最初はこんな感じで

デザインの中から好きなものを選んだだけだったブログが


カスタマイズする事で


A:ピンクバージョン

・デザインsimple flowerを選択

・画像のサイズを980×300pxに調整してから取り込み

・文字は中央に

・背景は温かみのあるピンクに変更


B: ブラックバージョン

・デザイン #020_splash 選択

・画像はそのままの大きさを「右」に設置

(だからよく見るとスマホが途中で切れてます)

・文字は「左」で上からの距離を140pxに設定して、かなり下げました


C:グリーンバージョン

・デザイン ベーシック グリーン 選択

・画像はそのままのサイズで「中央」に設置

・文字も画像に合わせて「中央」に設置し、カラーを変更

・背景をテンプレートから選択


こんな感じでオリジナル感がでたブログにすることができましたよ!


今回はよりわかりやすく背景をドドンと変えたけど

お仕事ブログなら、背景は大人し目の方がいいかなと思います


でも、これは好みなので

あなたが「いい!」と思うカスタマイズをして

パッと見て誰が何のブログを書いているのかが

わかるようにしとくといいですよねー♡


そして、もし

途中でなんか変なことになってどうしていいかわからなくなったら

とりあえずカスタマイズ不可な一般なデザインを選んで設定すると

一瞬で普通に戻りますから、安心してくださいねー!

一般ってこんなやつね!

これを選ぶだけで、リセットされるので

何も怖くないですよー!


まずは最初はこのカスタマイズで充分だと思うので、やってみてね!



0コメント

  • 1000 / 1000

小野舞子(主婦起業&アメブロ集客コンサルタント)

自分の力で稼ぎたい!
もっと人のお役に立てる私になりたい!
そんな女性の起業をアメブロを中心とした集客で叶えます

お申込みの入るアメブロ集客
安定して稼ぐ女性起業家になる女性起業塾
各種セミナーやお茶会を開催
起業して4年、途中1年育児休暇を取得しながらも300名以上の女性起業家の悩みを解消してきています
人との違いが楽しめて、自分の良さを自分で伝えられる選ばれる女性起業家、家族との時間を一番に自分の好きな事ができる女性を増やしています

1977年兵庫県生まれ、2歳より大阪北摂在住。
私立相愛高校、相