wp-printプラグインを使用中ですが、ヘッダフッタを印刷したくないのですがうまくいきません。print-css.css内に以下の記述をするも出力されてしまいます。

header.site-header, #secondary, nav.nav-single, #comments, footer#colophon { display: none; }
ブラウザ側で設定するしかないのでしょうか?
良い方法があれば教えてください。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/01/15 11:57:18
  • 終了:2014/01/22 12:00:08

回答(1件)

id:tukihatu No.1

牛乳先生(tukihatu)回答回数180ベストアンサー獲得回数322014/01/15 14:13:46

ポイント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に書くのはこういう形になると思います。

@media print {
    header.site-header, #secondary, nav.nav-single, #comments, footer#colophon { display: none !important; }
}

コレでできない場合は指定するIDが間違っていないか、他の場所でdisplay: block !important;などを調べてください。

他2件のコメントを見る
id:kaji0245

今回はまさに以下の話です。
>すみません。print.cssの話かと思いましたがもしかしてブラウザごとのヘッダフッタの話をしているのでしょうか?
>印刷すると上部にタイトルや日付、下部にページ数などが印字されるあれですか?
何やら難しそうですね。

2014/01/16 12:27:01
id:tukihatu

了解です。前にもあげたとおりその部分を製作者側であれこれするのは無理です。
ただしIEならActiveXをつかって何とかなります(ただしActiveXを使うと警告画面がでますので、そこまでして実装するべきものかどうかは微妙なところです)
http://hoshiya.biz/blog/2010/12/activexjavascript.php

2014/01/16 13:07:37

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません