クイックタグボタンをカスタマイズ。

WordPress の投稿画面には、よく使う HTML タグをワンタッチで挿入できる編集ボタンが並んでいます。これの正式名称を知らなかったのですが、どうやらクイックタグと呼んでいるみたいです（該当ファイル名が “quicktags” だから）。

以前より、ここに自分がよく使うタグのボタンを追加したいなあとか、既存のものを編集したいなと思っていました。プラグインでそういうことができるのもあるみたいですが使っていません。探すの面倒やっぱり自分でいじりたいですよ。

既存のものを編集したいというのは今のがまさにそのケース。
標準だと「b」「i」「del」というのが並んでいると思います。
内容は順に、strong, em, del ですが、これらは「重要」「強調」「削除」という意味がはっきりとあります。しかし、実際に記事を書くときには必ずしもこのような「意味」があるとは限りません。前述の例でいくと、打ち消し線を入れたいからと言って別に「削除」という意味はなく、単にジョークとしてのボケ＆ツッコミなわけです。
太字にしたいからと言って、必ずしも重要（strong）だからというわけではなく、斜体にしたいから em を使うというのも正確ではありません。
意味を付加せずに斜体にしたいだけなら span style="font-style:italic;" でやるべきだと思うのです。太字も同様。打ち消し線を入れたいだけなら span style="text-decoration:line-through;" で良い。

つまり標準のボタンのままだと「痒いところに手が届かない」ことが度々あります。
実体が strong ならばボタンも strong、単に太字は bold で用意したい。そんなことが自由に出来るカスタマイズです。

Read the rest of this entry »

ブログ記事にはだいたいカテゴリというのがあって、ブログのサイドバーにはカテゴリ一覧などといったものが出力されていることが多いです。しかしそれ以上のものはなかなか目にする機会がありません。
訪問者視点で考えてみると、カテゴリ一覧を見たいと思った場合は「どういうカテゴリがこのブログにはあるのか」、つまり特定の記事カテゴリを目的に探すというよりも、「ブログの傾向を概観したい」とか「どんな記事がそれぞれにあるのか」をざっと見てみたい、そういう場面が多い気がします。
書き手（ブログ執筆者）としては明確な意図があって記事を銘々のカテゴリに振り分けているわけですが、訪問者がカテゴリ一覧を見るときはもっとぼんやりとしているのではないでしょうか。

そうして考えてみると、単にカテゴリを一覧で出力（表示）しているだけでは、そのような訪問者の深層意図を必ずしもフォローできません。
そんなことを考えていて、以前からカテゴリ・アーカイヴでは各カテゴリから数記事を出力した、ブログ全体を俯瞰的に把握できるようなページにしたいと思っていました。

今回初めてやってみたのでちょっち面倒ですがやり方を紹介。

Read the rest of this entry »

Popular Tags （人気のタグ）を表示。

記事には投稿タグをつけることが出来ますが、これはカテゴリよりももっと柔軟で多岐にわたるものです。よって数としてはカテゴリよりもずっと多くなります。100、200 といった数になることもあるでしょう。

そのため、投稿タグのアーカイヴというと、タグの使用頻度（＝そのブログでよく扱われる話題）を視覚的に表した「タグ・クラウド」というものがよく使われています。
たくさん使われるタグは大きく目立ち、少なくなるほどに字体も小さくなっていくというものです。

今回ブログのテーマを新しく作るにあたって、タグ・アーカイヴはタグ・クラウドの他によく使われるタグ上位50を表示することにしました。その簡単な方法を紹介。

Read the rest of this entry »

WordPress の新テーマを作りました。
ブラウザ要件などは以前と変わっていません。Firefox、Webkit 系、Internet Explorer 8 & 9 にて確認しています（IE 7 までは未対応）。
一部色を変えるスウィッチャーが iOS デバイスでは機能しないのですが、これはそのうちなくすかもしれないのでとりあえずそのままで。
もし崩れていたり明らかに統一のとれていない箇所があったら教えてください。

今回は、Windows Phone や 次期 Windows である Windows 8 （仮称）で採用されている Metro UI を意識して作ってみました。

Metro UI – Wikipedia

簡単に言えば、地下鉄の案内表示のような、指示に従っていけば目的に必ず辿り着く簡潔・明瞭性、そしてスイス・デザインを基調に据えた単色のタイルデザインが特徴です。
私はまだ Windows Phone を所持していませんが、今のところのスマートフォンの本命だったりします。Metro UI は結構好きなのでテイストだけでも取り入れてみようと思った次第。

Lessons From Swiss Style Graphic Design | Smashing Magazine
なぜ Windows Phone のアプリバーのボタンは丸い線で囲まれているのか？ – ななふぉ

本当はフォントも Segoe 使いたいのですが… Win 8 には入ってるのかなあ。

おそらく Windows 8 が発売されたら Metro UI っぽいサイトはわんさか出てくると思いますが、そうなったらたぶん変えると思います、性格的に（笑）。
でもタイルデザインってほんとタッチデバイスと相性いいですね。

コメント欄に管理人専用スタイルを適用した表示例。

かねてよりコメント欄にて、サイト管理者（私）のコメントのみ別のスタイルを適用させたいと考えていました。WordPress にて簡単にできる方法があるのでご紹介。
なお、こちらの記事が大変参考になりました。多謝！

後から知ることが多いWordPressお役立ちスニペット9つ – Webデザインレシピ

Read the rest of this entry »