WordPressのレスポンシブサイトを @media print で印刷対応させる方法

通常ならCSSファイルに@media printで記述していけば大丈夫な気もするのですが、残念ながらWordPressで使用しているテーマが悪いのか一筋縄ではいかなかったので備忘録。

おそらくテーマの問題だと思いますが、style.cssに書き込んでも反映されなかったので、header.phpに直接CSSを書き込んでみたところ無事反映された。
でも自分的にhead内にズラズラ〜〜〜っとCSSを記述するのは気持ち悪い。これWEBデザイナーやコーダーなら理解できると思います。

ということで続きましては、print.cssというファイルを別で作成してそれを読みにいかせる方法。

との間にでも

こんな感じのやつを記入。この時相対パスにしてるとページによってはprint.cssを読みに行かないので絶対パスにしてる方が無難。

で、print.cssに印刷時に不必要な要素を全部ディプレイノーンする。
display: none !important;

これで対応できた。

というか今時印刷対応って。。。
でも実際に企業ではWEBページの印刷って日常茶飯事にやってるものなので業務システムなんかを販売している会社は印刷対応しておいたほうがいいかも。