アメブロってパソコンで見たときに、すごく可愛くしてる人いますよねー！
ちなみにマイコさんもブログのヘッダーはこんな感じにしてオリジナル感出してます
ピンク全開ですな、笑
アメブロカスタマイズの現状
このアメブロのヘッダーなのですが
まず、ヘッダー画像というものを作成し、それを設置するという作業が必要です
ヘッダーは自作される人もいれば、作ってもらう人もいます
（マイコさんはいつも自作です。canvaで作ってますよ）
作ってもらう際の相場は1万円〜5万円くらいとなっています
ココナラで探すと作ってくれる方がたくさん見つかりますよ！
ただヘッダー作成をしてもらっても、それを設置する作業が、CSS編集しないといけないんですよね
これまた素人にはややこしく
頑張って自分で設置する人もいれば、ヘッダーを作ってもらった先に設置までお願いする人もいます
そんな少しハードルの高いアメブロのヘッダーカスタマイズ
起業当初に作成設置をしてもらった事で
活動する中でそのヘッダーに違和感を感じてきてしまったり
ヘッダーだけがものすごくいいものができて、いわゆる看板負けしてしまったりしてしまう人もいたりするのが現実でもあるのです
だからね、私は起業初期にお金をかけてヘッダーを作成するのはお勧めしてない〜
超簡単なおすすめ方法
それがね、ヘッダー画像を作成してCSS編集をしなくても
めっちゃ簡単に自分で設定できる方法があるので、
今回はそのめっちゃ簡単な
アメブロのオリジナルカスタマイズ方法を紹介しますね！
自分のパソコンに
ヘッダー部分に設置したい画像を用意して、レッツゴー
アメブロ簡単カスタマイズ
まず、パソコンでアメブロにログインし「ブログ管理」を開きます
これはパソコンからしかできないので、ちょっと頑張って！
（ここからは私がアメブロ講座で使ってるデモブログちゃんで説明していきますね！）
①ブログ管理ページの「デザインの設定」を選択
②開いたデザインの設定ページの一番下の方にあるデザイン検索画面から
「カスタム可能」を選択（結構したの方ですよ！）
③カスタム可能デザインの中から好きなものを選択する
※１、ここでは比較的シンプルなものを選択する事をお勧めします
「ベーシック」と言う名の付くものがお勧めのものになりますよ
特に
「犬が好き」は骨や犬小屋がタイトル前などについたり
「あじさい」は傘とか雨マークが入ってきちゃいます
ちょっとデザイン性が強くなるので、あまりお勧めできません
※２、「CSS編集用デザイン」は本格的にヘッダー画像を設置するものなので、これも避けてください
④デザインを選んで適用させたら
「デザインを簡単カスタマイズする」を選択します
さぁ、この画面を使ってカスタマイズしていきますよー！
⑤まずは一番左の「ヘッダー」を設定
「オリジナルの画像を使う」を選択して、画像を取り込みます
この画像は最初に980px✖︎300pxの大きさに加工しておくと使いやすです
後から上に文字が載せられるので、すっきりした画像がお勧め！
もし画像の加工などがわからなければ、使いたい写真をそのままでも大丈夫ですよ
画像を取り込んだら
「ヘッダーの高さ」の数字を「300」にする事だけは忘れずにしてください！
サイズを加工しなかった場合、そのままの写真をアップすると
ブログの端から端まで写真がない状態になるのですが
・「画像の配置」で写真の位置を「左」「中央」「右」から選んで、収まりいいところを見つけてください
試しに普通の写真を「左配置」にしてみましたよ
画像作成ができなくても何か写真を入れ込むだけでオリジナルアメブロが作成できますからね！
（ただし、写真にはあとから文字が配置されるので、あまりガチャガチャしてないもので、アメブロさんの都合で勝手にカットされちゃうので、カットされても大丈夫そうなものを使ってくださいね）
⑥次に「ブログタイトル」を調整します
今回は画像を中央に設置したので、合わせて文字も中央にすることに
文字の位置は上からの距離だけは設定できるので、
数字を変えながら、いい位置を見つけます
文字の色味を変えることもできるので、今回は写真のお花の中から目立つ色目をチョイスして、
その色に設定しました
⑦「背景」の設定もできます
カラーを選んで設定することもできれば
用意されたテンプレートから背景を選ぶこともできますよ！
背景が変わると、ブログのイメージがグーンと変わります
⑧いろいろ試してみて、「これだー！」と思ったら
「保存」してください
これにてカスタマイズは終了です！
どうだろ？
CSS編集でタグを書き込むよりかは心理的な負担が軽く、
専門的な知識は全く不要でできるので
落ち着いてトライしてみてね！
ちなみに、最初はこんな感じで
デザインの中から好きなものを選んだだけだったブログが
カスタマイズする事で
A:ピンクバージョン
・デザインsimple flowerを選択
・画像のサイズを980×300pxに調整してから取り込み
・文字は中央に
・背景は温かみのあるピンクに変更
B: ブラックバージョン
・デザイン #020_splash 選択
・画像はそのままの大きさを「右」に設置
（だからよく見るとスマホが途中で切れてます）
・文字は「左」で上からの距離を140pxに設定して、かなり下げました
C:グリーンバージョン
・デザイン ベーシック グリーン 選択
・画像はそのままのサイズで「中央」に設置
・文字も画像に合わせて「中央」に設置し、カラーを変更
・背景をテンプレートから選択
こんな感じでオリジナル感がでたブログにすることができましたよ！
今回はよりわかりやすく背景をドドンと変えたけど
お仕事ブログなら、背景は大人し目の方がいいかなと思います
でも、これは好みなので
あなたが「いい！」と思うカスタマイズをして
パッと見て誰が何のブログを書いているのかが
わかるようにしとくといいですよねー♡
そして、もし
途中でなんか変なことになってどうしていいかわからなくなったら
とりあえずカスタマイズ不可な一般なデザインを選んで設定すると
一瞬で普通に戻りますから、安心してくださいねー！
一般ってこんなやつね！
これを選ぶだけで、どんだけおかしくなっていたとしてもリセットされるので
何も怖くないですよー！
まずは最初はこのカスタマイズで充分だと思うので、やってみてね！
0コメント