アメブロdeアクセスアップ

アメブロ姫ブログのデザインカスタマイズをしてみましょう。 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:姫ブログカスタマイズ

アメブロもHTML・CSS・管理ページ(マイページ)の変更が
多々ありましたよね。

 

姫ブログってご存知ですか?
姫ブログを作りたい・カスタマイズをしたい!!という方から、
ご質問がありましたので、回を重ねてデザインカスタマイズを解説していきますね。

 

 

 

 

 

 

まず、姫系ブログって?

 

 

私も実は知らなくって、ビジネス系だとかアフィリエイト系のブログばかり、
ネットサーフィンしている身としては、情けないくらいです。

 

 

 

なので、今回いろいろと見て回りましたよ♪

 

 

 

姫系ブログって、キラキラ・ふわふわとかアニメがたくさんあったり、
可愛い感じのブログが多いです。

 

 

でも、恐るべし姫系ブログ!!

 

 

なぜって、すごーくみんなCSSを駆使してカスタマイズしているんですよね。

 

 

 

 

知らない用語がたくさん飛び交っていて、
こちらもいい勉強をさせていただきました!!って感じでした。

 

 

 

 

アメブロでいうならば、CSS編集可能なデザインテンプレートで
記事幅をすごーく変えたり、フォントを手書き風なものに変えたり、

自由な発想でブログを作っています。

 

 

 

使えるCSSなどもたくさんあるので、普通のブログでも採用できそう!!

 

 

 

今回は、レイアウトなどもご質問のあった方が、
自由な発想で考えてくださっているので、それに伴っていろいろと作ってみました。

 

 

 

 

check

姫系ブログのポイントは、レイアウトにあり!!

 

 

姫系ブログをまず作る時って、大まかなレイアウトが必要です。

 

 

今回は、こんな感じのレイアウトが送られてきたので、
イメージが付きました。

 

レイアウト

 

 

 

 

上図は、ブログ全体のイメージです。

 

 

ヘッダー横にプロフィールを追加して、
ポイント画像的な感じで自由に画像を配置する。

 

 

記事本文の上に目次的なメニューを設置。

 

 

 

サイドバーは、最新記事のみです。

 

 

 

で、私的にこのイメージでサンプルブログを作りました。

それがこちら!!

 

ちえぞうの姫系サンプルブログ

 

 

 

ソフトな感じの姫系ブログにしました。

 

 

もっとイラストがたくさんあったりするブログも多いですが、
まーいい感じにキラキラ・ピンク系のブログを作ってみました。

 

 

 

 

 

レイアウト通り、ヘッダー画像を小さくしてプロフィールを配置。
自由に画像を表示できるようにしました。

 

 

 

 

 

メニューと記事本文・サイドバーのカラーは同じカラーで統一して、
レースなんぞを付けてみました。

 

 

 

 

 

ベースのテンプレートスキンは、「CSS編集可能のデザイン」3カラムを使用しています。
なんか、3カラムではないみたいでしょう?

 

 

 

 

これ、姫系ブログじゃない!!

 

 

 

っていう意見も飛び交うかと思いますが、私的には初めてのことなので、
ご質問通りって感じね。

 

 

 

 

 

姫系ブログも他のブログもそうですが、
最初の一歩は、レイアウトの構成が大事。

 

 

 

基本はレイアウトねーって、改めて思いました。
CSSの追加は、次回より解説していきますね。

 

 

こちらの書籍を一部使っています。
参考になればうれしいです。

 

 

大人かわいいアメブロ・カスタマイズ

中古価格
¥1,502から
(2013/11/2 09:50時点)

※テンプレートがダウンロードできるので、
お手本にして、カスタマイズするといいですよ^^

 

 
 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.