このページの印刷や保存に関すること

Re:A four leaved clover - 1月10日 火曜日 「iPod Photoで歌詞表示」

……しかし、どちらのページも、印刷するなり、ページを保存するなりしておきたい内容ですけど、印刷にも保存にも適さないページですね。 これだから、weblogは嫌いなのですよ。

これは weblog であるかそうでないかが原因ではないと思います。 何を以って weblog を定義するかにもよりますが、一般的な weblog ツールや weblog サービスによるものを weblog と指すのなら、その種類によって印刷や保存に適している・適していないは分かれるはず。 すなわち、今回のケースでは私が悪いと !

……いや、それで終わらせてしまっては実も蓋もないのでもう少し掘り下げてみましょう。

印刷に適さない ! ( 近々対応 )

印刷に適さないというご指摘ですが、テーブルでガチガチに固めているわけでもないし、グラフィカルブラウザを用いて表示することを想定しているスタイルシートは印刷時には適用されない用にしているはずです。

……と思ったら、スタイルシートの指定をする部分で media="screen" の指定を忘れているという凡ミスが発覚。

のように、グラフィカルブラウザで見えているスタイルがそのまま印刷にも適用され、印刷時には不要と考えられるサイドバー部分まで印刷されるようになっていました。 これはなるべく早いうちに、別途印刷用スタイルを用意しておこうと思います。

保存に適さない ! ( 対応済 )

さて次に保存に適さないというご指摘。 これは実際にローカルに保存してもう一度ブラウザで開くことで簡単に検証できます。 ……で、を見ると、スタイルがものすごく中途半端に適用されています。

これは hxxk.jp で用いているスタイルシートが、一つの CSS ファイルで構成されているのではなく、 Web Standards with MT ver.3.2 Strict の CSS を @import で読み込んでベースとして、それにプラスアルファの指定を加えることで構成されていることによります。

それだけではスタイルが崩れる原因にはなりませんが、 @import url(/template/mt_3_2_strict/styles-site.css); のように / で始まるフルパスで CSS をインポートしていると、一旦ローカルに保存してから改めて開いた場合にインポート先の CSS までは反映されません。 よって、今回のように中途半端な混じり方をしたスタイルになるわけです。 同様に、背景画像も / で始まるフルパスで示しているため、ローカルに保存したものを開く場合には無効になります。 ( もちろん、インポート先の CSS や背景画像も合わせてローカルに保存していればこの限りではありません。 )

ドメイン名をサイト名にしている == サーバを移ることはあってもドメイン名を変更することはまず有り得ない == / で始まるフルパスにこだわる必要性は希薄となる、ということで / で始まるフルパスではなく http:// で始まるフルパスの指定に変更しました。 そしてもう一度ローカルに保存した上で開いてみると、今度はきちんとスタイルが適用された状態で見ることができました。 ( ただし、本文中の img 要素による画像についてはこれまで通り / で始まるフルパスで記述しています。 現時点で http:// で始まるフルパスを用いているのは CSS 内のみです。 )

おわりに

今回は A four leaved clover - 1月10日 火曜日 「iPod Photoで歌詞表示」のおかげで、見辛い・使い辛い状態が生じていることを知ることができました、ありがとうございます。 今回同様、見辛い点や使い辛い点、その他何らかの不具合があればコメントやトラックバックやメールやその他何らかの手段でお伝え願えれば幸いです。 気付いた範囲および出来うる範囲で対処します。