*当サイトはプロモーション広告を含んでいます

アメブロ攻略法

アメブロのカスタマイズ【ヘッダーと背景色】

こんにちは! MIYA(@miya38_freer)です。

講座の課題用にアメブロで記事を書いていますが、既存のデザインだとどうも内容と合わない。そんなわけで、ちょこちょことカスタマイズを始めています

▶︎ 「ブログ収益化」カテゴリー

【占星術 × 天職】見つけたいよね、一生モノの仕事

以前は、鑑定書をPDFでお届けしておりましたが、今後は新たな占術を加えたセッション形式でのサービスを ...

続きを見る

アメブロのデザイン

アメブロには既存のデザインがいくつもあり、「ブログ管理」→「デザインの設定」から選ぶだけである程度の装飾ができるようになります。


(画像はアメブロより)

私は「青空」のイメージを使っていたのですが、どうも内容と合わないなと感じていました。

 

ヘッダー:CanvaとCSSを使う

そんなわけで、まずヘッダーをオリジナルで作成することにしました。

ヘッダーを作るためには、Canvaという画像作成ソフト(無料・一部有料)を使うのがお勧め。このブログのヘッダー部の文字や、YouTubeのサムネイルを作る時にいつも使っています。

▶︎ Canvaの公式サイトへ

画像のサイズや、アメブロへの設定の仕方は以下のサイトを参考にしました。

▶︎ ユリカゴさんのブログ
▶︎ はやみずしょうこさんのブログ

 

背景色:CSSを使う

ヘッダー画像を設定したはいいけれど、他が無味乾燥になってしまったので背景色を設定。以下のサイトを参考にしました。

▶︎ アメブロカスタマイズ専科

色見本はいつも、以下のサイトを使っています。"#xxxxxx"の部分を書き換えると色が変わります。

▶︎ 原色大辞典

 

オリジナルヘッダーの完成

そんなわけで、新しく作成したのが以下のようなイメージです。

 

なんかこのサイトの色合いと似てなくもないですが

 

作ってる人が一緒だと、似通った感じになるんですかね?まあいいか。

ちなみに背景の画像はモルディブ、右側の柱から顔を出している画像はアンコールワットです。懐かしいなぁ。

 

まとめ|既存で合わないなら、オリジナルで作っていこう

そんなわけで、アメブロの方も着々と進めています。

もしアメブロをやっている人の中で、既存のデザインがイマイチだとか、合うものがない。。。と感じる人は自分で作ってみることをお勧めします。

記事にも書いた通り、わかりやすく解説しているサイトはいくつもあるので、是非トライしてみてください٩( 'ω' )و

 

【占星術 × 天職】見つけたいよね、一生モノの仕事

以前は、鑑定書をPDFでお届けしておりましたが、今後は新たな占術を加えたセッション形式でのサービスを ...

続きを見る

-アメブロ攻略法