このBlogのテーマGlossyBlueには「印刷用スタイルシート(print.css)」が同梱されていた。

印刷用スタイルシートというのはWebページの構成要素から不要な要素(広告やページ情報、カラーリングなど)をのぞいた印刷用のモード。インク代とコピー用紙の削減にもなる。
Googleマップなどの地図サービス、ぐるなびなどでも使われているのでご存知の方も多いだろう。

で、このprint.cssが入ってるのはわかったけど、どうやったら使えるのかわからない、ということで調べてみました。

印刷用スタイルシートとプラグイン(from BirDesign)

[CSS]CSSファイルの適用方法:外部スタイルシートファイル(from コリス

印刷に不必要な要素を除いた印刷用スタイルシート(print.css)を作成、テーマのstyle.css(通常のスタイルシート)と同ディレクトリに配置してから、テンプレートのヘッダー部分(<head>と</head>の間)に下記文を追加

<head>

(中略)

<link rel=”stylesheet” href=”< ?php bloginfo('stylesheet_directory'); ?>/print.css” type=”text/css” media=”print” />

(中略)

</head>

これで印刷用スタイルシートが導入できるはず・・・。

で実際にheader.phpを確認してみたところこの文とほとんど同様の記述が既にありました。

「印刷は?」ということで「印刷プレビュー」を押してみたらこのように。

印刷用スタイルシート(印刷プレビュー)

しっかりいらない部分カットしてあります。

というわけで本来ならもっと早く「このBlogの印刷は簡易表示でできますよ」と公表できたんですが、
遅くなりました。

できます(笑)。







関連記事(試験運用中)

  • コメントメールの文字化けにプラグイン「Nippon」で対処
  • WordPress ME2.2リリース
  • WordPress MEを2.2.3にアップグレード
  • WordPressを導入しました。
  • WordPressを2.2.1にアップグレード




  • コメント/トラックバック:0 個 »

    トラックバックURL: http://blackpepper.oops.jp/wp/archives/2110/trackback

    この記事にはまだコメントがついていません。

    コメントをどうぞ

    コメント、トラックバックは確認後に表示されます。しばらくお待ちくださいね。

    段落や改行は自動挿入です。メールアドレスはサイト上では非表示です。
    使用できる HTML タグ: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>