当サイトを紙に印刷するなんて人は誰もいないとは思いますが
もし印刷したらどのような感じになるのかチェックしたら！
変な感じにになったので、その修正方法。
最初は ↓こんな感じ
で、色々と調べたら下記サイト様に教えてもらいました。
→ WordPressのページを簡単に見たまま印刷できるようにする裏技
どうやら header に記載されている link rel=”stylesheet” に問題あるようだ。
当サイトの header.php を見てみると
|
1 |
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> |
ふむふむ、やはり media=”screen” となっていたので
media=”all” にしてみる
|
1 |
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" /> |
結果 ↓
PCで見るレイアウトのまま印刷してくれます。