印刷のときは広告を消すようにスタイルシートを書く

はたと思って、このブログの個別エントリーページを紙に印刷してみたら、アドセンス広告が邪魔!

画面上では大して気にならないと思うのだが、A4紙に白黒で印刷するとこうもめざわりだとは、盲点だった。こんなもの、クリックできるわけでもない紙の上に存在する必要はまったくない。

実はこのブログの内容について、「社内で教材代わりにしたいので使わせてもらっていいか?」という問い合わせが最近めずらしくない。ちなみに筆者の回答はもちろん「本にして売るとかいうんじゃなければお好きにどうぞ」である。わざわざ問い合わせてくるということはプリントアウトしてコピーして配るということなのだろうが、こんな目障りな状態で人目に触れられるのではこのブログの第一印象が悪くなってしまう。

というわけでスタイルシートに手を入れた。

@media print {
    .googleadsense { display: none; }
}
今使っているスタイルシートの最後のほうの上のように書き足して、 エントリーのテンプレート側にはたとえば
<div class="googleadsense">(アドセンスのjavascriptコード)</div>
と書くだけである。

なお、広告だけでなく、無用なサイドメニューやらコメント投稿フォームやらも印刷すれば紙の無駄でしかないのは言うまでもなく、それらすべてに対応するには印刷用のスタイルシートを完全に別に外部ファイル化してしまったほうがいい。が、面倒なのでこれくらいにしておく(苦笑)。

(スタイルシートも全体的なデザインもそろそろ根本的に整理してつくりなおしたいなあ・・・)

トラックバックURL

このエントリーのトラックバックURL:
http://www.ywcafe.net/mt/mt-tb.cgi/673

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)


画像の中に見える文字を入力してください。