テンプレートカスタマイズの覚書

2008年10月27日（月）コメント:0 トラックバック:0

先週末、久しぶりにブログのデザインテンプレートをいじって気付いたのだけど、変更するたびに配布されているテンプレートのどこを変更したらいいのか迷うことが多いので、覚書として残しておくことにする。

今回利用させていただいたのは、みりばーるさんの共有テンプレート[context]。右サイドバー、メインカラムはリキッド、検索モードの表示方法がわかりやすく、自分の過去ログを探しやすいのがイイ。

以下、今回のテンプレカスタマイズで役に立ったツール・サービスなど。

HTML・CSS編集ソフト　ez-HTML

普段はテキストエディタのサクラエディタを利用することが多いのだけど、テンプレート編集時はez-HTMLを使う。HTMLタグやCSSの入力補助機能があるのが便利。テンプレの色を変えるだけなら、カラーコードを検索して入れ替えるだけで完成。カラーピッカー機能は、ディスプレイ内の好みの色を拾って直接エディタ内にカラーコードを記述してくれる。

複雑なテンプレートではdivタグが幾重にも重なっていて、そのdivタグの適用範囲がどこまでなのかを把握するのが大変なんだけど、カーソルを置いてあるタグの適用範囲を教えてくれる機能もある。<、>、&などの特殊文字を変換できるのも便利。

背景色と文字色の色合わせに　COLOR SAMPLE

背景色と文字色とのバランスを確認するのに便利なカラーサンプルサイト。

使いたい色を系統別に探せて、その色と好みの文字色・背景色との表示状態を見ることができる。

小さいサイズ専用のグラフィックエディタ　彩彩畑

繋ぎ目のない背景画像や、リストマーク、罫線画像やアイコンを作成するのに重宝。ペイントソフトで代用できるけれど、こちらを使う方が圧倒的に簡単。

ここではファビコンの作成などに使用。

カラーピッカー　ゆなカラーピッカー

ez-HTMLにもカラーピッカー機能はついているのだけど、こちらの方が操作性が良い。CSSのカラー設定を変えるだけなら、テキストエディタとゆなカラーピッカーだけでも良いかも。

ブックマークコメント表示に　ドジっ子Watcher 自分のブログにブクマコメントを表示する

ブログにブクマコメントを表示するツールはいろいろあるけれど、僕のお勧めは高樹ひろむさん作成のもの。はてなブックマーク・livedoor クリップ・Buzzurlでなされた個別記事のコメントを表示。FC2ブログ利用者は、高樹さんの記事の説明を読んで、ほぼコピペのみで設定できる簡単さ。ブログのコメント表示部と同じCSSを適用させると、ブログデザインとの違和感も無い。