header.site-header, #secondary, nav.nav-single, #comments, footer#colophon { display: none; }
ブラウザ側で設定するしかないのでしょうか？
良い方法があれば教えてください。
No.1
180
32
100pt
wp-printの仕様がさっぱりわからなかったのですが、基本的にはdisplay: none !important;で解消できるかとおもいます。
ただし、wp-printのソースを調べたら、print.cssの読み込みには、mediaにscreenも指定されているのでこのまま使うと表示自体も真っ白になってしまいそうです。
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/print-css.css" type="text/css" media="screen, print" />
よってprint.cssに書くのはこういう形になると思います。
687
674
@media print {
header.site-header, #secondary, nav.nav-single, #comments, footer#colophon { display: none !important; }
}
コレでできない場合は指定するIDが間違っていないか、他の場所でdisplay: block !important;などを調べてください。
1
1
1
今回はまさに以下の話です。
2014/01/16 12:27:01>すみません。print.cssの話かと思いましたがもしかしてブラウザごとのヘッダフッタの話をしているのでしょうか？
>印刷すると上部にタイトルや日付、下部にページ数などが印字されるあれですか？
何やら難しそうですね。
了解です。前にもあげたとおりその部分を製作者側であれこれするのは無理です。
2014/01/16 13:07:37ただしIEならActiveXをつかって何とかなります（ただしActiveXを使うと警告画面がでますので、そこまでして実装するべきものかどうかは微妙なところです）
http://hoshiya.biz/blog/2010/12/activexjavascript.php