操作フロー
【使用方法】
1) 使用タグをコピーします。
2) 文中の「●●」部分を適宜変更してください。
実際にHTML上でどのように入れているかは、「表示」項目のタグで確認してください。
3) CSSに関しては、CSSに追記後、それぞれCSS名などで追加テーマを作成しておきます。
サイト設定で該当するCSSを「サイト管理」⇒「追加テーマ」で設定して試してみてください。
タグ・CSSいろいろサンプルDB
タイトル
サイトの横印刷
CSSに次の指定を追加する
/*印刷方向設定*/
@page {
size: auto!important;
}
@media print {
/* 印刷用のスタイル */
body {
font-size: 12pt;
margin: 0;
padding: 0;
}
container {
min-width: auto !important;
}
/* ページの余白 */
@page {
margin: 2cm;
}
}
@page {
size: auto!important;
}
@media print {
/* 印刷用のスタイル */
body {
font-size: 12pt;
margin: 0;
padding: 0;
}
container {
min-width: auto !important;
}
/* ページの余白 */
@page {
margin: 2cm;
}
}
使用箇所/プラグイン
全体, その他
その他の使用箇所
サイト全体
キーワード
サイト印刷,印刷
カテゴリ
CSS
その他連絡事項
さらに印刷が崩れた時
（CSSに追加）
/* 印刷で崩れる対応 */ @media print { .plugin-contents .container, .database_data .container { min-width: auto !important; max-width: 1140px !important; } }