印刷できなくするHTML

ここでは画像だけが印刷できなくなるHTMLコードと、文章・画像のどちらも印刷できなくするHTMLの二つをご案内します。

画像だけを印刷できなくするHTML

1、下記のコードをコピーしてください。



<style type="text/css">
/* 画像のみ印刷させない場合 */
@media print {
    img { display: none !important; }
}
</style>

2、コピーしたコードを編集画面に入力していきます。コンテンツの『その他』をクリックします。

※このコードは画像の印刷を禁止したい全てのページに入力が必要です。

3、『コードの埋め込み』をクリックします。

4、1でコピーしたコードを貼り付け、OKを押して、公開ボタンを押せてば終了です！

印刷というオプション自体の削除はできませんが、印刷をクリックした後、プレビューで画像が削除され文章のみが印刷されるようになっていることが確認できます。

例　）　

画像と文章を印刷できなくするHTML

1、下記のコードをコピーしてください。



<style type="text/css">
/* ページ全体を印刷させない場合 */
@media print {
    body { display: none !important; }
}
</style>

2、編集画面にコードを貼り付けます。貼り付け方法は上記の『画像を印刷できなくするHTML』の手順2・3・4と同じです。

画像と文章が印刷できない状態すると印刷プレビューではこのようになります。

例）