アメブロのカスタマイズでは、どのような時でも、以下の流れで
カスタマイズを行っていきます。
どこをどのようにカスタマイズするのかを明確にする
もっとかんたんに言うと
どこをというのはHTMLですね。
どのようにというのが、CSSです。
アメブロのカスタマイズの手順
- カスタマイズしたい所のHTMLを見つける
- そのHTMLに対してCSSでカスタマイズを行う
しかし実際問題、カスタマイズしたいHTMLを見つけるのと、そのHTMLに対して
CSSを記述してその都度、調整を行いながら管理画面からプレビューしていては、
カスタマイズにとても時間がかかってしまいます。
そのような問題を解決してくれるのが、Firebug(ファイヤーバグ)という
プレビューツールです。このツールを使う事で、
カスタマイズ後のページをかんたんにプレビューする事が出来ます。
カスタマイズ後をプレビューできるというのは、
調整後のCSSをプレビューしながら作れるという事です。
どういうことかと言うと、例えば文字の大きさを変えたい時、
アメブロのカスタマイズ画面で、CSSを調整しても、一回一回
プレビューボタンを押さないといけません。しかしFirebugを使うと
画面上で数値を変更出来、
即時反映されますので調整後のプレビューをその場で行う事が出来ます。
Firebugを使うことによって、カスタマイズしたいHTMLをすぐに
見つける事が出来るのはもちろんですが、カスタマイズ後のCSSを
記述出来る所がとても優れていますね。
文章だとちょっとわかりにくいかもしれません。
うまく伝える事が出来ていなかったらすみません笑
ぜひ動画をご覧になさってください。
もしわからない事がありましたらお気軽にコメントくださいね^^
Firefoxを持ってない場合はFirefoxをインストールなさってください。
ChromeでもFirebugがあるのですが、ChromeよりもFireFox版の方が
非常に使いやすいです。
aki