WordPress LOGO

WordPressのページをデフォルトのままプリントしようとすると、CSSが適用されていない状態で印刷される。その回避方法をメモ。

スポンサードリンク

方法1

WPの外観>テーマ編集の「header.php」を

「link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen, projection” /」

に「, print」を追加し

「link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen, projection, print” /」

とする

方法2

もうひとつの方法は、印刷用のスタイルシートをstyle.cssからまるごとコピーしてリンクさせてあげるだけ。

style.cssをコピーしprint.cssにリネーム

header.phpの
「link rel=”stylesheet” type=”text/css” media=”screen” href=”<?php bloginfo(‘stylesheet_url’); ?>” /」
の下に
「link rel=”stylesheet” type=”text/css” media=”print” href=”<?php bloginfo(‘template_directory’); ?>/styles/print.css” /」
を追加

あとは、サイドバーなど印刷に邪魔なものをdisplay: none;で非表示にするなどprint.cssをカスタマイズ。

スポンサードリンク