タグ初期化
2007 年 1 月 14 日 日曜日 タグ絞込み時の動きがおかしい（Firefox以外）ので、まだここも開設後３ヶ月も経ってないしあっさりタグを空にしてみました。
今からタグを付け直しながら再検証してみますわ。。。
‘’ タグのついている投稿
Pink Bar 搭載！
2007 年 1 月 13 日 土曜日 スクロールすると半透明ピンクのバーが上下に動くのがわかります？
このピンクのバーの上にマウスカーソルを持っていくと、隔離病棟サイトメニューが現れるようにしてみました。
最初はブルーにしてたんだけど、蛍光ペンでマーキングしたみたいに見えるピンクを採用。
HTMLタグに埋め込んだ javascript の onmouseover と onmouseout でスタイルクラス名を書き換えて、あとはスタイルシートに表示を任せているだけのシロモノですが、結構良いアイデアだと思いませんか？
これは最近の（エンゼルパイミニ）に並ぶヒット作品ですわ。（＾＾；
ホントにまったくこのクソ忙しいときに、毎日のようにこんなアイデアが脳味噌に溢れ出して来るんで洗濯するヒマもありません。＜ 言い訳
毎日のようにココをいじくりまわしてると、いつの間にか駄文タグ選択した時の表示に不具合が発生してることに気が付いた。
キーワードで絞込みができなくなっちゃってますね。
これを解決するまで、また眠れそうに無いな。。。
Wordpress用語辞典プラグインの小細工（未完）
2007 年 1 月 9 日 火曜日 今月やたら急がしいので、今日もあっという間に過ぎ去ってしまった。
・・・でも相変わらずたり〜ず（今日はヴィンテージコロンビアでした）には行ってるけどね。。。
さて、先日のWordpress用語辞典プラグイン！の続きなんだけど、このIMM-Glossaryというプラグインをちょっと使っていると、いろんなアイデアや要望があふれ出してくる。
- 複数単語→ひとつの解説
つまり、「にぃはお」と「のんほぉ」という２つの単語を「中国語でコンニチハという意味で地方によって訛りがある」というひとつの解説に関連付けたい場合はどうすれば良いのか？ - 用語辞典のグルーピング不可
用語辞典ページはキレイに件数ごとにページ分けしてくれるんだけど、たとえば頭文字とかカテゴリとかで用語をグルーピングする機能が欲しい。 - 見づらいurlをどうにか・・・
用語辞典のスラッグに用語IDをつけるくらいなら良いかも知れないけど、「・・・?ID=23&page_id=274」ではちと煩雑かと。。。
そんなわけで、ここ２日くらいで色々な小細工を試してみた。
まず上記の「複数単語→ひとつの解説」を可能にするためにプラグインの中身を少しいじった。
解説文に「ID=##」のような形で解説文のIDを書き込むことで、そのIDの解説文を横取りしてくるという方法だが、我ながらうまくいってちょっと満足してる。
すると次に思い浮かんだのが、解説文に投稿記事のIDを書き込むことで、用語を指定の記事へのリンクに置換できないかということ。
これもちょっと考えたら簡単にできてしまった。
・・・と、ここまでやってふと疑問が。。。
グルーピングできない用語一覧って必要なのか？
構造上、用語集のひとつの解説でも用語一覧ページでも、他の日記やページと同じようにロードされているわけで、特にひとつのページにまとめる必要性は？。
解説文に通常の投稿記事が使えれば汎用性は上がるだろう。
ページなら階層化、投稿ならタグやカテゴリでのグルーピングが可能になり、パーマリンク構造でurlも美しい？形になる。
一覧表示はテーマテンプレートを工夫すればなんとかなるんではないかな？
では IMM-Glossary というプラグインで必要な部分というのは、用語と投稿記事IDの関連付け部分だけで、用語一覧ページ作成機能は不要ってことか。
などという考えが一気に噴出して脳味噌パンク。
現在は IMM-Glossary をベースに、PHPとかプラグインとかシロートながら、イチから書き直してみようかと模索中。
Wordpress用語辞典プラグイン！
2007 年 1 月 7 日 日曜日 ついに捜し求めていたものを見つけた！
IMM-Glossary WordPress Plugin
はてなキーワードのように本文内に出てくる単語を用語集の該当項目へのリンクに置き換えるプラグインで、ウチのようなPHP4でも動作します。
用語集作成編集画面もきっちり整っていて使いやすいですね。
更にこいつの強力なところは、その投稿の１回目に出現する用語を対象とするのか、全用語を対象とするのかを選択できるとこです。
【導入】
インストールは簡単でした。
プラグインディレクトリへ放り込んで有効化し、「管理画面：オプション−IMM-Glossary」で
- Display Icon:アイコン表示の有無：
- Number of Terms per Page:１ページ当りの表示件数
- Apply to:用語リンク対象範囲
をセットして、[設定を保存]ボタンを押せば新規Pageとして「IMM-Glossary」てぇ用語集用のページを作ってくれます。
プラグイン本体は本文を見てるだけのようなので、本文以外ならタイトルや投稿スラッグや親ページを適当に変更しても大丈夫のようです。
あとは「管理画面：管理−IMM-Glossary」で用語を追加していくだけ。
【日本語環境における問題点と修正】
僕の環境 Wordpress ME 2.0.5 EUC-JP では用語編集画面で説明文が文字化けしてました。
これは IMM-Glossary.php の 460〜480行目あたりにある2箇所の「htmlentities」の中に、該当の文字コード（僕の場合は ‘EUC-JP’ を入れることで解決できました。
[code lang="xml" -456]
スパム対策をしとくかなぁ
2007 年 1 月 6 日 土曜日 そろそろスパムコメントがぽつぽつと入り始めた。
今日はすでに８件目だな。
一応最低限のスパム対策としてスパムＤＢを利用してはいるけど、それでもこれだけ入ってくるってことは、それなりの対策をしておかないと今後が面倒になるってことだろう。
さて、公式サイトをもう一度読み直して、きっちり対策をしておこうか。。。
思い出した！＞ ありえないメモ
2007 年 1 月 3 日 水曜日 昨日の初夢とか・・・で書いた書初めのメモ。
隔離病棟で使ってるWP Plugin: Related Posts Link » erwin@terongのふとした動作が原因で、駄文が非公開設定になってしまうというものでした。
お陰で2006/12/22の某駄文が非公開になってたんですが、どんな時に発生するのか検証中で心配なもので、非公開駄文リストをページトップへ出すようにした。
隔離病棟再構築中
2006 年 12 月 29 日 金曜日ここ「隔離病棟」を開設以来２ヶ月の研究成果（失敗成果？）を反映しサイト再構築中。
整理できていない脳みその中に溢れているアイデアの原因は下記を理解しかけているためだろう。
- css てぇものをずいぶん…
- Wordpress テーマの動作を大体…
- Wordpress Plugin の能力を少し…
- javascript の最新技術をほんの少し…
- php script の使い方を若干…
最初は Wordpress 既存のテンプレートタグの範囲で精一杯だったのに、php でデータをちょこっと抜き出してくることができるようになると、次から次へとアイデアが生まれ発散中。
今日は一日テストラン状態かな。
しばらくの間エラーが出てたりすることもあるでしょうけど、数分後には解決してるはずなので見捨てないでね。
付箋型駄文情報設置
2006 年 12 月 28 日 木曜日 さて本日（昨日？）より駄文タイトル横にぺろっと付いてる付箋に気が付いてくださった方。
クリックしてみてちょ。
アイデア発想から実現まで期間にして約30時間。
合計実働時間約5時間もかけて実装した付箋型情報窓なのぢゃ。
CSSはもちろん、javascript も稼動できる状態でないと動きませんので、その手のアクセサリがお嫌いな方は無視してください。
ま、やってることはボックス作って
- 投稿日時（時間はSwatchインターネット時刻）
- 駄分類（いわゆるカテゴリってやつ）
- 被読性成分濃度（ページヒット率と表現すれば良いか？）
- Parmalink（そのページのurl）
- カスタムフィールド（その他任意情報）
を入れただけ。
ボックスの作り方は先日のポップアップもどき関連の技を活用。
開閉には「WordPress Japan :: トピックを表示 - ページリストをプルダウンにするには」に記載のあった custom.js を使う方法が一番軽い javascript ライブラリの組み合わせだったので採用。
あ〜、仕事納めの日だというのに寝不足確定だな。
CSSバグか？
2006 年 12 月 21 日 木曜日 先日からトリツカレタようにスタイルシートをいじくりまわしているしゅんろ〜ですが、皆様いかがお過ごしでしょうか？
またまたスタイルシートでポップアップもどきの話題ですみません。
以前から書いているように、ここの隔離病棟でリンク文字にマウスカーソルを重ねると、余計なサムネイル画像やら文章やらが出現するという動きをスタイルシートで実現してるのですが、よくよく検証すると ＩＥ*1 と Fx*2 ではちと挙動が違うことが判明。
ちなみにうちのポップアップは、わかりやすく？書けば
【aタグ 文字列 （spanタグ 画像や文字列）】
という構造をしており、spanタグ内に記述されたものがポップアップされる部分です。
・・・つまり、ポップアップ部分をクリックしてもリンク先に飛べます。
そんで、aタグは position:relative で、spanタグを position:absolute にして z-index に整数を入れて重ねてるというモノなんですが、Fx ではキレイに重なり下に書いてあるものは見えなくなるのに IE では下のリンク文字や form の部分が最前面に残ったままになります。
恐らく多分 Fx の方が正しい動作だと思うんですがどうでしょう？
どっちにしても、せっかくのポップアップ (画像ならまだしも文字列ではちょっと見づらい) にゴミが重なって気に入らないんだけど、なんか回避策など無いもんですかねぇ。。。
スタイルシートでポップアップもどき
2006 年 12 月 19 日 火曜日 昨日の続きです。
ちょっと css をシェイプアップしてポップアップに文章も入れられるようにしてみました。
っつーかこれで終わりにしよう (考え始めたらキリが無い性格なもので。。。) かと。
[code lang="css"]
a.pu {
position:relative;
}
a.pu:hover span,
a.pu:active span {
display:block !important;
width:160px;
font-size:small;
line-height:1.2em;
color:#557;
background-color:#fff;
margin-top:1.2em;
padding:5px;
border-style: solid;
border-color: #ddd;
border-width: 1px 2px 2px 1px;
position:absolute;
top:0;
left:1.2em;
z-index:2000;
}
a.pu span {
display:none;
}
a.pu span img {
width:160px;
}
[/code]
昨日は a タグを span タグで囲ってましたが、考えてみれば hover という擬似クラスは a[href] にしか有効にならないのよね。
だから、a タグそのものにポップアップ用のクラス pu をつけてみました。
このスタイルシートで
[code lang="xml"]
表示する文字列
ポップアップの中身（画像とか文章とか）
[/code]
てな風に記述すれば良いわけ。
Wordpress用のプラグイン mygallery と footnotes にちょいと手を加え、リンク挿入時に上記の記述を自動挿入するようにした。
mygallery の方は、いつもの「〜本日の精神安定剤〜」の目印の項目にあるリンク。
footnotes は、記事の最後に脚注を入れるものだけど、脚注ではなくポップアップ*1で内容が表示されるようにした。
さて、明日からは別のこと考えよ。
- テーマ通りの css ファイルが読み込まれている場合は文字列がポップアップし、それ以外の場合（携帯閲覧時など）は脚注表示する。 [↑]