معمولا سایت های خبری نیاز دارند تا دکمه چاپ از خبر و صفحه را در مقاله قرار دهند و قبل از ایجاد دکمه شما باید استایل CSS صفحه پرینت صفحه را ایجاد کنید مثلا در صفحه چاپ شده نیازی به وجود سربرگ و پانوشت سایت نیست و موارد اضافی مثل سربرگ پانوشت باید حذف بشه که در چاپ نمایش داده نشود.
برای ایجاد CSS های پرینت دو روش دارید.
معمولا سایت های خبری نیاز دارند تا دکمه چاپ از خبر و صفحه را در مقاله قرار دهند و قبل از ایجاد دکمه شما باید استایل CSS صفحه پرینت صفحه را ایجاد کنید مثلا در صفحه چاپ شده نیازی به وجود سربرگ و پانوشت سایت نیست و موارد اضافی مثل سربرگ پانوشت باید حذف بشه که در چاپ نمایش داده نشود.
برای ایجاد CSS های پرینت دو روش دارید.
ایجاد CSS برای صفحه پرینت با Media Print
در این روش شما میتونید کد های مورد نظر رو در هر فایل CSS قرار بدید:
@media print {
header,footer,aside {display:none !important}
}ایجاد فایل CSS برای پرینت
در این روش شما میتونید یک فایل CSS مجزا برای قرار دادن کد های پرینت تعریف کنید.
<link rel="stylesheet" media="print" href="print.css" />ایجاد دکمه پرینت
برای ایجاد دکمه چاپ هم میتونید از کد html زیر استفاده کنید و به دلخواه هم میتونید دکمه زیر را استایل دهی کنید.
<a onclick="window.print();return false;"><i aria-hidden="true" class="fas fa-print"></i> <span>چاپ صفحه</span></a>
