ヘッダーや余計な画像などを除き、必要な箇所だけ印刷する。プリンタの縮小設定などせずに用紙サイズに合わせて即印刷できる。
- テーマのカスタムスクリプトにCSSを追加
link rel=”stylesheet” media=”print” href=https://support-z.com/blog/wp-content/themes/muum_tcd085/css/print.css
- 印刷に不要なヘッダーや画像などを非表示にする
post_image , #bottom_post_list { display: none; }
guest_email , #guest_url { display:none; }
- 画面をそのまま印刷にかけると横幅がオーバーし、プリンタ出力時、縮小設定する操作が必要となる。これを回避するため、cssでbodyを縮小する設定にする
- 参考資料:印刷用スタイルシートprint.cssを無理やりいい感じに横幅フィットさせてみた – Qiita
@media print {
body {
zoom: 0.60;
-webkit-print-color-adjust: exact;
}
}
/* IE10以上 */
@media print and (-ms-high-contrast: none) {
/* @pageの指定いらないかも */
@page {
size: A4;
margin: 12.7mm 9.7mm;
}
body {
zoom: 1.8;
width: 1200px;
transform: scale(0.5);
transform-origin: 0 0;
}
}
コメント