ZooTubeのコンテンツの一環として、用語集プラグイン IMM-Glossary を使ったので、その記録。

1. プラグインの入手
IMM-Glossary WordPress Plugin より、現時点で最新の Ver.2.1.1 をありがたくダウンロード。(少し下にスクロールすると青いDOWNLOADボタンがある)

2. 文字化け対応

このままだと管理画面(更新画面)で文字化けするので、WordPress用語辞典プラグイン!愛solation-ward にあった文字化け修正の方法にて修正。
ZooTubeの場合は UTF-8 なので、EUC ではなく UTF-8 とした。
<input type="text" id="Title" name="Title"
 value="<?php echo htmlentities ( $Term['Title'] , ENT_QUOTES, 'UTF-8') ; ?>" size="35"/>
(中略)
<textarea id="Definition" name="Definition" rows="10" cols="80"><?php echo htmlentities ( $Term['Definition'] , ENT_QUOTES, 'UTF-8') ; ?></textarea>

3. プラグインフォルダにおき、管理画面の[プラグイン]で有効化

4. [設定]-[IMM-Glossary] で表示設定。
ZooTube では その場で(DHTMLで)ポップアップする設定とした。

5. [管理]-[ページ] を見ると IMM-Glossaryというページができているので、任意のページ名やスラッグに変更。

6. あとは[管理]-[IMM-Glossary] で、ちくちくと用語を足していくのみ。

7. 見た目を変える場合は、IMM-Glossary/Style_Sheets/Style_Sheet.css をいじる。
なお、背景が透明っぽくなる(本文の字が透けて見える)場合は、.IMM_Glossary_-_Tool_Tip クラスに z-indexを(大きめに)指定すると直った。

8. 登録した用語にマッチするとこんなふうになります。とっても便利。
ZooTubeスクリーンショット

日本語で運用するに当たっていくつか修正やカスタマイズを施したので、それは次以降のエントリで。

2 件のコメント :-D

#1

こんにちは。はじめまして。
zootube拝見し、楽しみました!
私もここで紹介されているプラグイン、IMM-Glossaryを使ってみたいとおもい試行錯誤しておりますが、zootubeのようにマウスオーバーするとPOPUPで自動で表示するようにしたいのですが、うまくいきません。設定項目もないようで、もし何か良い方法があればぜひblogでご教授お願いしたくよろしくお願いします。

まき on 2008年12月7日 - 11:23
#2

[...] WordPressプラグイン、IMM-Glossaryを使ってみた | ぢぢらぶろぐ [...]

トラックバック»

この記事へコメントをどうぞ

ガイドライン: いくつかのタグが使えます (a href, strong, em, code).

あなたのお名前を。必須です 
メールアドレスをこちらに。公開されません 
ウェブサイトやブログをお持ちの方はこちらに. 
ここにコメントを書きます. 
Cookieに保存(次回から入力を省略できます)