集客ブログ記事の書き方・構成・SEO対策、販促用チラシやパンフレットの作り方・デザイン添削など、文章の書き方を教えるDTPデザイナー歴21年のデザインコンサルタント 秋山アキラ

長年のデザイナー経験と自身のブログ集客の経験を活かして、集客できるブログ記事の書き方・構成・SEO対策、チラシやパンフレットのデザイン添削など、文章の書き方をメインに教えています。外資系企業に16年勤務した経験から外資系企業にお勤めの人のお悩み相談にも乗っています。

MENU

アメブロのヘッダー画像を自分で作りたいです!

女性のお客様から「アメブロのヘッダー画像を自分で作りたいのですが、どうすればいいですか?」と、相談されました。

 

アメブロのヘッダー画像は自分で簡単に作れます。設置もそんなに難しくはありません。ヘッダー画像だけならプロにお金を払って作ってもらう必要はまったくありません。

 

自分で作りたいけど、何をすればいいのかわからないということなので、私が調べてみました。

 

まずはCanvaでヘッダー画像を作ります。Canvaのサイトにアメブロヘッダー画像の作り方が載っています。コチラのサイトを参考にしてください。

 

ヘッダー画像のサイズは「横幅1120px、縦幅400px」で作成しておきます。

 

次に、アメブロ管理画面の「デザインの変更」をクリックします。

 

「デザインの変更」画面の下部に「他のカテゴリからブログデザインを探す」があるので、その中にある「カスタム可能」をクリックします。

 

そこから一番ベーシックな「CSS編集用デザイン』を選択します。

デザインを選択する

 

選択後、2カラムに設定します。

2カラムを選択する

 

デザインを変更した後は、ヘッダー画像をアップし、CSSを編集します。

 

CSSの編集は多少難しいですが、以下のサイトに詳しく書かれているので、ぜひ参考にしてください。その通りにすれば、あなたが作ったヘッダー画像が設置できます。

fc-labo.design

 

私に相談してくれたお客様は「保存ができません!」と連絡してきました。「保存」をクリックすれば「保存されました」と画面が切り替わると思っていたようです。

 

CSSを変更し、「保存」をクリックしても画面は切り替わりません。何も起きません。ですが、保存されています。保存をクリックした後に、あなたのブログのトップページを表示してみましょう。きっとヘッダー画像が表示されています。

 

表示されていない場合は、エラーが出る、または貼り付けたCSSが間違っています。再度やり直してください。

 

その後、お客様からご自分で作ったヘッダー画像が無事に表示されたと連絡がありました。自分でヘッダー画像を作るとやる気にもなるし、自分のブログが可愛くも思えます。その気持ちのままブログ記事を書いてください。

 

何度も言いますが、アメブロのヘッダー画像にはお金をかける必要はありません。ほぼ誰も見ていないからです。自分で作ったヘッダー画像で十分です。それよりも読まれるブログにするほうが数十倍重要です。

 

アメブロのヘッダー画像を作りたい人は、ぜひこの記事をよく読んで作ってみてください。あなた一人では作るのが不安な場合は、ご相談ください。デザインのプロである私がアドバスしますよ。

blog.akira-workshop.com