メッセージ

2009年06月17日の記事

2009/06/17(水)ココログでprint.css

 WordPressのテーマの中には印刷用のレイアウトを指定するprint.cssを含むものがある。これはいいなと思ったので、自分のブログにも追加してみた。ついでにココログのブログにも追加できないかと考え、調べたら、@media printとしてカスタムCSSに指定すれば良いと分かった。.sidebar{display:none;}と書くだけでも、サイドバーが消えてすっきりするが、フォントサイズなども調整したい。いろいろ試行錯誤して以下のように設定した。

@media print{
#banner{background-color:#ffffff;}
#banner h1 a{color:#000000;}
#banner h2{color:#000000;}
.content p{font-size:medium;}
.sidebar{display:none;}
.entry-comment{display:none;}
.entry-trackback trackbacks entry-recent-posts{display:none;}
#center{width:100%; overflow:visible;}
.entry-trackback{display:none;}
.entry-nav{display:none;}
}

 リッチテンプレートを使用している場合はCSSのカスタマイズができないので、こういう設定はできない。