WordPress : 投稿画面のクイックタグボタンを編集する

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

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 »

  • Posted at 14:35 on Apr 12, 2012
  • | (Closed)

WordPress : 各カテゴリの記事リストを出力する

各カテゴリの記事リストを出力

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

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

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

Read the rest of this entry »

  • Posted at 21:20 on Mar 28, 2012
  • | (Closed)

WordPress : 人気のタグを表示する

Popular Tags 人気のタグを表示
Popular Tags (人気のタグ)を表示。

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

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

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

Read the rest of this entry »

  • Posted at 15:31 on Mar 28, 2012
  • | (Closed)

WordPress 新テーマ、Metro UI っぽくしてみた

WordPress 新テーマ作成

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 っぽいサイトはわんさか出てくると思いますが、そうなったらたぶん変えると思います、性格的に(笑)。
でもタイルデザインってほんとタッチデバイスと相性いいですね。

  • Posted at 14:48 on Mar 28, 2012
  • | (Closed)

【WordPress】管理人コメント用スタイルを適用する

  • Posted at 22:37 on Aug 27, 2011
  • | (Closed)