WordPressのページを印刷しようとするとスタイルが崩れる

2016/10/31

WordPressのページを印刷しようとするとガタ崩れする時があると思います。
そんな時はheader.phpの下記部分を確認してみて下さい。

<link href="<?php echo get_template_directory_uri(); ?>/css/common.css" type="text/css" media="screen, projection, print" rel="stylesheet" />

view raw wpcss hosted with

by GitHub

外部スタイルシートの設定ですね。
「media=」の部分が肝になります。
「print」を入れてあげると印刷レイアウトが揃うようになるはずですよ♪

Safariのみ崩れるようなら、CSSハックが絡んでる可能性があります。

	/Safariだけに適用されるCSSハック/
	@media print,screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,
	}

view raw css_safari hosted with

by GitHub

ここにもprintを適用してあげて下さい。

コメントを投稿するにはログインしてください。

: Redirectionプラグイン：REST APIの検索で止まる

久しぶりのWordPress忘備録。 Redirectionプラグインを初期設定 …

: WordPressの管理画面が重くなったら（WPML使用サイト向け）

はっきりとした原因は不明なのですが、WPMLを入れていたWordpressサイト …

: 新着情報などでAll-in-One Event Calendarのカテゴリ名を表示する方法

ハマりました。ドハマリしました。侮ってました。「カテゴリ出力するだけでしょ。 …

: Limit Login Attempts Reloadedとしてヤツが帰ってきた件

かんたん優秀なセキュリティ、「Limit Login Attempts」 Lim …