ブログもある程度続けていると、標準のテンプレートでは無く、自分好みで他のブログとは違うデザインなどにしたくなってきます。いろんなブログを見ていて、他のブログが自分と同じテンプレートというのはなんだか同じ服を着た人と出会ったような感じです。
このブログも開設したところなので標準のテンプレートを利用していますが、やはりある程度色だけでも変更してみたいと思ってます。
ブログで一番簡単なカスタマイズはスタイルシート(CSS)をカスタマイズすることです、htmlのカスタムと併用するのがあれこれできていいのですが、時間のない方はCSSだけでも触ってみましょう。
簡単に言えば、ブログの各部サイズの変更、フォントの変更、フォントサイズ・カラーの変更、リンク文字・カラーの変更、背景、サイドバー部分などのカラー変更などが簡単にできます。
CSSはhtmlとはまったく違う記述がされているのですが、初心者の方にはちょっと敷居が高いような感覚もあります、どの記述部分を触ればどのように変化するのかがわかりにくいからです。
そんなFirefoxユーザーにぴったりの拡張機能が「Web Developer」です、HPからインストールするだけで、あなたのFirefoxにCSS編集機能が付いてきます。
このツールでのCSS編集の素晴らしい点は、CSSを書き換えるとリアルタイムでそのページの様子が確認できることです、他にもCSS編集ツールはフリーで多数ありますが、ほとんどが編集後にしか確認できないもので、初心者の方にはちょっとわかりにくい部分があります。
たとえば、Web Developerメニュー(ツール→Web Developer)からCSSの編集を選択すれば、Firefoxで今見ているサイトのCSSがサイドバーに表示されます、このCSS記述各部分(主にサイズpx、カラー#***)を書き換えればブラウザ画面上のサイトの色やサイズも変わります。これで触った部分が何を変更する場所なのかが一目でわかります。
これさえあればCSSを知らなくてもとりあえずブログカスタマイズの第一歩は踏み出せるはずです、使っている間にCSSの勉強もできますし、Firefox拡張ベスト10に入れてもいいくらいのお奨めツールです。
基本的に英語版のソフトで、操作に支障はありませんが、下記から日本語版が入手できますので英語に不慣れな方はこちらをつかうといいでしょう。
Web Developer 1.0.2 日本語版はこちらから



