バグ

最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。
自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。
僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。
まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう（誰

今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。
定番の方は、プラグインを追加するだけなので手軽＆気軽にできるのが特徴。
新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その分、変更するスタイルの種類を混在させること（文字サイズ＆背景色 等）も可能となっております。
続きを読む

float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。
というか、おかしくならないことの方が多い。
というか、float を使ってなくてもおかしくなることの方が多い。
（特に、IE6、IE7、IE8、Firefox あたり）

そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ！ 的な内容です。
続きを読む

珍しく Firefox のバグです（だと思います）。
あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。
つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と。

発生した現象はタイトルの通りですが、テーブルに設定した線が、Firefox で見てみると表示されたりされなかったりするのです。
「されたりされなかったり」とは言っても、表示のたびに結果が変わるということではなく、再現性はあります。
ただ、文字サイズを変えたり行間を変えたりパディングを変えたりすると、表示される線と表示されない線が違ったりするということです。
色々な数値を微調整していけばすべての線がちゃんと表示されるポイントがあるかも知れませんが、環境が異なればまた結果も変わってくるでしょうし、根本的な解決にはなりません。

というワケで、色々試した結果、以下のような方法に落ち着きました。
かなり無理矢理ではありますが、今のところ正常に（？）表示されています。
続きを読む

SOY CMS には、記事（エントリー）を編集するエディタとして「TinyMCE」が導入されています。
このエディタ、HTML が分からない人にとっては非常に便利なシロモノ。
なんせ文字のスタイルからリンク、画像の挿入にリスト、さらには表組みまで、付属のボタンだけで簡単に実現できてしまうのです。

ただ、HTML のことを分かっている人、直接 HTML で書き込みたい人にとっては、少々厄介な存在でもあります。

一応「HTML ソース編集」というボタンもあり、開いた小窓でソースを触ることはできるのですが、なぜか書いた通りにならないことも多々。
要らんところに<p>タグが入っていたり、改行したはずが一行になってたり……。

というワケで、「エディタを介さずに直接 HTML を編集したい！」と思う人も結構居るワケです。
実際、僕は WordPress で記事を編集するときは HTML の直接編集しかしたことがありません。
（まぁそれでも補助的なボタンは付いてるので便利は便利なんですけどね）
続きを読む

アーカイブページが複数に分割されているとき、WordPress 標準の機能だけでは「次のページへ»」とか「«Prev」と表示するくらいしかできません。
しかし、「WP-PageNavi」を使うと、総ページ数を表示してくれたり、順番だけではなく（ある程度）任意のページに直接アクセスできたりするナビゲーションを表示してくれます。
導入や使い方も非常に簡単で、日本語ファイルも公開されており、ものすごく便利なプラグインなのです。

（ここで「WP-PageNavi」の解説はしませんが、ググったらたくさん情報がありますのでそちらを参照ください）

さて、そんな超便利プラグイン「WP-PageNavi」ですが、「query_posts()」と併用しているとき正常に動作しないという事態にハマってしまったので、解決法と共に書き記しておこうと思います。
続きを読む