ワードプレスの印刷レイアウト崩れ

質問

ワードプレスを使ってホームページを作成しようと考えています。
できればオーツ―ビジネステーマhttp://theme.o2gp.com/というところのテンプレートを使用としているのですが、サンプルを見る限り印刷時のレイアウトがくずれてしまいます。
デザインはとても気に入っているので、HTMLかCSS上でできる対策はないでしょうか？

調べてみるとワードプレスのプラグインで対策できるようですが、できれば使用したくないです。

HTML等あまり詳しくないので丁寧に教えてください。お願いします。

回答No.1

ORUKA1951

現在のスタイルシートへのリンク
<link rel="stylesheet" type="text/css" href="main-left.css" *****陰省略
　 に、media="screen"を入れてscreenブラウザのみ適用させるようにして、別途
<link rel="stylesheet" type="text/css" media="print" href="print.css" title="印刷用">
　を追加して、プリンター用のスタイルシートを作成しましょう。

　先刻、紹介した
CSSでレイアウト - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q7376273.html )
　のHTML+CSSは印刷用のスタイルシートは用意されていませんが、印刷時はscreen用のスタイルシートが適用されないので、その影響を受けません。

★14.2.4 出力メディア型 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.2.4 )
★14.4.1 メディア依存のカスケード ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.4.1 )
など・・

　印刷が想定されるページは印刷用のスタイルシートを用意すべきです。
　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
　なお、ユーザーの立場でしたら、アドオンを使ってページをPDFなりにして印刷できます。
例) firefox + Pearl Crescent Page Saver Basic( https://addons.mozilla.jp/firefox/details/10367 )