WEB制作

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

人気のおすすめ記事

  1. 「ないものはない」海士町で移住体験してきたけど・・・
  2. 神戸三宮。1人でフラッと軽くワイン飲みたい時にはBinoBinoしかない
  3. 動物とふれあい放題の神戸どうぶつ王国を徹底解剖!子どもが喜ぶスポット間違いなし

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

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

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

との間にでも

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

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

これで対応できた。

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

お役立ち情報をもう1記事読んでみませんか

  1. ビジネスマン必見!初めてカプセルホテルに泊まってみたら・・・
  2. 究極のモフモフ体験はこちらからどうぞ
  3. 土日に役立つ兵庫県内のおすすめ遊びスポット

関連記事

  1. WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    WEB制作

    WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    もしかしたらと思って探してみたらやっぱりありました。W…

  2. ある日突然 WordPress(wp-login.php)にログインしようとしたら 404 not found が表示されてログインできない時の解決方法

    WEB制作

    ある日突然 WordPress(wp-login.php)にログインしようとしたら 404 not …

    このページへアクセスしている人の大半は冷や汗をかいているところ…

  3. このサイトは第三者によってハッキングされている可能性があります。
  4. 管理しているサイトでは前年と比べてもモバイル比率がほぼ変わってなかった

    WEB制作

    管理しているサイトでは前年と比べてもモバイル比率がほぼ変わってなかった

    自分の管理しているWEBサイトの手入れとか解析ってどうしても後手後手に…

  5. WordPressで下位カテゴリー一覧を表示する方法

    WEB制作

    WordPressで下位カテゴリー一覧を表示する方法

    WordPressでサイト作成している時に下位のカテゴリー一覧…

  6. tsu(スー)のアカウント削除方法

    WEB制作

    tsu(スー)のアカウント削除方法

    その昔、稼げるSNS tsu(スー)がありました日本人…



最近の記事

  1. WordPress
  2. 湘南らあめん 頂(いただき)
  3. 2017年7月1日から香寺町のテニスコートや野球場、スポーツジム等の料金が上がる!
  4. カツ丼の看板がやたら目を引いたので入ってみた!姫路のカツ丼屋さん「カツ善」
  1. 姫路で麺の気分だったので新生軒で中華そば食べてみたら!?

    食レポ

    姫路で麺の気分だったので新生軒で中華そば食べてみたら!?
  2. 伊川谷の行列ができる塩ラーメン屋 塩元帥に行ってきたら・・・

    食レポ

    伊川谷の行列ができる塩ラーメン屋【塩元帥】に行ってきたけどまぁまぁ残念だった件
  3. WEB制作

    宇宙一のSEOキング
  4. 神戸市西区のセブンイレブンでおでん買ったら生姜醤油つけてくれた

    食レポ

    神戸市西区のセブンイレブンでおでん買ったら生姜醤油つけてくれた
  5. WEB制作

    WordPressで投稿カテゴリーごとにテンプレートを変更する方法
PAGE TOP