スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
blog comments powered by Disqus

Trackback+Pingback: -

TrackBack URL for this entry
http://ekken.blog1.fc2.com/tb.php/919-95707adb
Listed below are links to weblogs that reference
スポンサーサイト from ekken

Home > スポンサー広告 > テンプレートカスタマイズの覚書

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

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

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

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

HTML・CSS編集ソフト ez-HTML

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

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

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

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

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

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

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

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

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

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

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

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

引用タグに引用元をリンク付で表示するjavascript blockquote要素の属性を抜き出し表示するjavascript-その2

はてなダイアリーにおいて、cite属性とtitle属性付で引用タグを使うと、自動的に引用元のリンクが表示される機能が良いなぁと思っていて探していたら、ぴったりなのを見つけた。北村曉さんの引用マークアップを生成 - 徒書のブックマークレットと合わせて使うのが吉。

blog comments powered by Disqus

Comments: 0

Trackback+Pingback: 0

TrackBack URL for this entry
http://ekken.blog1.fc2.com/tb.php/919-95707adb
Listed below are links to weblogs that reference
テンプレートカスタマイズの覚書 from ekken

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

Tag Cloud
Search
Feeds

Return to page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。