fbpx

メニュー

WordPressのルビ振りプラグインをFirefox向けにアップデート

高橋文樹 高橋文樹

この投稿は 8年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。

先日、Firefoxがバージョン38にアップデートしましたが、その中の重要な変更点として、ついにルビに対応しました。FirefoxはChrome, Safariといった電子書籍に熱心なWebkit系や、IE5.5からrubyタグを実装していたMicrosoftと比べると日本語対応が後手後手でしたが、晴れて追いつきまいしたね。ちなみに、圏点を実現するtext-emphasisはまだの模様です。

で、僕は以前からWP-Yomiganaというrubyタグを入力するためにのプラグインを作っていたのですが、FirefoxやOperaといったブラウザ向けの機能をつけていました。ルビを表示できないブラウザの場合、ルビの親文字とルビ文字がくっついて表示されて薔薇ばらみたいなカッコ悪い表示になるので、カッコをルビ文字の前後に挟むためのCSS用クラスを提供していたんですね。薔薇(ばら)ってなるように。が、これをFirefoxのバージョン38以上に限り外すようにしました。

それだけだったらすぐなのですが、いざ手を入れ始めると色々気になるところが出てきたわけです。特にWordPressは4.1ぐらいからTinyMCEビジュアルエディタのベースのバージョンが変わったので、それにもついでに対応しました。

あと、citeタグという知る人ぞ知るタグがあるのですが、これは僕みたいに生真面目な人間だと、ブロック引用の後につけずにはいられないタグです。

「男のひとって変ってるわね」ほかに言いようがないので彼女は呟いた。「坊さんを相手に戦ってるくせに、祈禱書をみやげにくれたりするんですもの」

ガブリエル・ガルシア=マルケス – 百年の孤独

こういったやつをちょこちょこ対応していたら、なぜか10日ぐらい経っていました。不思議です。

というわけで、お試しください。ちなみに、ルビ以外にも色々入力できるタグはあって、僕が普段WordPressを使っていて、「あれ、このタグのボタンないの?」と思ったものに入れてあります。

qタグ
インライン引用。ブロック引用のように大量に引用しない場合、たとえばカエサルが来た! 見た! 勝った!って言ったとか、そういう風に使えます。
smallタグ
文字通り「小さい」という意味ですが、HTML5からそういう見栄えのことはやめようとなって、「注釈」という意味づけになったようです。ふいんきなぜか変換できないというように使います。
dlタグ
定義リストと呼ばれるタグですね。このタグがいかに魅力的かは、さらばdl原理主義者を読んでください。

今回とくにびっくりしたのは、TinyMCEにはWordPressの画面に現れている以上のボタンがたくさんあるのですが、なぜか使われていないんです。以前dlタグを実装したときなんかは、まだTinyMCE側がdlを実装していなかったので、じゃあしょうがねえと頑張って作ったのですが、いまはTinyMCEにそういうコマンドがあるんですね。不思議なもんですね。

というわけで、ブログでルビを入れたいとお悩みの方は、ぜひお試しください。

スクリーンショット 2015-05-20 3.28.30

日本語表記ルールブック

価格¥550

順位6,908位

編集日本エディタースクール

発行日本エディタースクール出版部

発売日2012 年 3 月 1 日

Amazonを開く

Supported by amazon Product Advertising API

すべての投稿を見る

高橋文樹ニュースレター

高橋文樹が最近の活動報告、サイトでパブリックにできない情報などをお伝えするメーリングリストです。 滅多に送りませんので、ぜひご登録お願いいたします。 お得なダウンロードコンテンツなども計画中です。