煤式自動連結器

久しぶりの投稿ですが、とにかく私生活がバタバタだったんです。気がついたら3月も1/3ほど経ってしまっています。さてさて、そんな忙しいときにもかかわらず、3年ぶりにテーマファイルを一新してみました。

ここ最近流行のフラットデザインっぽく、ベタ塗りでまとめています。2カラム、右メニュー、本文リキッドレイアウトは以前と変わらないのですが、画面幅が500px以下になればサイドメニューが消えるレスポンシブデザインを取り入れてみました。

コンセプトは、まぁ色を見ればバレバレな気もしますが、初音ミク色なわけでして。あとはできる限りウェブセーフカラーで構成し、どうしても出せない淡い色のみ、妥協しています。このご時勢に216色にこだわる必要はほとんど無意味なんでしょうけど、何ていうか、昔からの習性みたいなものかなー。

さて、今までの当サイトのテーマを振り返ってみましょう。

これが初代のテーマのスクリーンショット。「鉄道ブログ」な感じをムンムンと押し出しています。途中マイナーチェンジを何度か加えましたが、基本的には白いままでした。

これが昨日まで使っていた2代目テーマファイル。明るめの緑色をメインにしてみました。基本的にはほとんど初代のテーマのままで、スタイルシートや画像だけを変えたくらいかな。

で、3代目のテーマですが、元になるファイル群が別物でして、余計な記述はできる限り省きました。一応Internet Explorer6でも崩れずに表示されるんですよ。あ、そうそう。相変わらずXHTML1.0です。HTML5で書く気が起きないので。html lintなどのチェックも全然していないのがちょっと心配。でもFirefox27・12、IE6・8で表示されているし大丈夫だよきっと、うん。と自分に言い聞かせて。

5年くらいはこれでいけるかなって思っているんですケド。

先日、メインではないサイトで試しにWordPress3.8を入れてみたのですが…Firefoxでは管理画面の表示が正しく表示されません。なんてこった。

どうもこのバージョンからアイコンが画像ではなくウェブフォントになったようで、どうもその影響をモロに受けているようです。

ちなみに3.6の画面は、

巷では3.8の管理画面について、流行のフラットデザインを取り入れたことでベタ褒めな意見が多いのですが、そんなに評価することかなぁ。無駄にフォントが大きくなっているし、メニュー部分とメインコンテンツ部分の地色のコントラストがきつすぎると思うし、ダークグレーを基調としたフラットなデザインに彩度の高い色を合わせるなんて、10年ほど前に散々使いつくした手法。なんか古臭い気がするんですよね。ま、それはさておき…

管理画面のメニューくらいはアイコンの表示がおかしくても別にかまわないのですが、ビジュアルエディタの各機能のアイコンまでウェブフォント化されていて、化けてしまっていてはさっぱり何なのかわかりません。

Internet Explorer6はもともとレイアウトも何もかもぐっちゃぐちゃに表示されるので論外として、IE8で表示してみたら普通に表示されました。

Google Chromeでも普通に表示されます。

なぜFirefoxだけ文字化けっていうかウェブフォントが表示されないのだろう。調べてみてもあまり情報がありません。外部サイトのウェブフォントを読み込めない場合はhtaccessをいじればいいっていう情報は見つけたのですケド。さらに手探りで原因を探します。

ようやくたどり着いた結論が、「Webページが指定したフォントを優先する」のチェックをはずしていたこと。この影響でウェブフォントが表示されなかったようです。チェックを入れると普通に表示されました。

ということで、解決策が見つかって一件落着。と言いたいところですが、そういうわけにはいかないのですよ。そもそもどうして「Webページが指定したフォントを優先する」のチェックをはずしているのかというと…

1つ目の画像は「Webページが指定したフォントを優先する」のチェックをはずした状態。すべてMS Pゴシックで表示されていてとても読みやすい。2つ目はチェックを入れて、ウェブサイトで指定されたフォントが適用された状態。

実に読みにくい!!

なんでわざわざフォントの指定なんかするのか。デザインする側の都合? ニュース記事にフォントの指定をするなんて、何を考えているんだか。すべてのサイトが悪いとは言わないけど、なんでも指定すればいいってもんじゃないでしょ。

そんなわけで、WordPress3.8のアイコンを表示させようとすると、他のサイトのフォントまでお仕着せのものを見せられるし、見慣れているMS Pゴシックで閲覧しようとするとアイコンが表示されないし、妥協案としてWordPress3.6をこのまま使い続けようという結論になりました。だいたいこんな事態に陥ったのは、3.8からウェブフォントを使い始めたことが原因とも言えるのですが、あんまり無理に新機能を使ってほしくないなぁ。必ずしもいいコトばかりではないってことで。ローカルの環境に依存する構造っていうのは本来好ましくないはず。そういう意味ではAjaxやJavaScriptの濫用にも懐疑的なんですよねー。