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のカスタマイズができないので、こういう設定はできない。