معمولا سایت های خبری نیاز دارند تا دکمه چاپ از خبر و صفحه را در مقاله قرار دهند و قبل از ایجاد دکمه شما باید استایل CSS صفحه پرینت صفحه را ایجاد کنید مثلا در صفحه چاپ شده نیازی به وجود سربرگ و پانوشت سایت نیست و موارد اضافی مثل سربرگ پانوشت باید حذف بشه که در چاپ نمایش داده نشود.
برای ایجاد CSS های پرینت دو روش دارید.
معمولا سایت های خبری نیاز دارند تا دکمه چاپ از خبر و صفحه را در مقاله قرار دهند و قبل از ایجاد دکمه شما باید استایل CSS صفحه پرینت صفحه را ایجاد کنید مثلا در صفحه چاپ شده نیازی به وجود سربرگ و پانوشت سایت نیست و موارد اضافی مثل سربرگ پانوشت باید حذف بشه که در چاپ نمایش داده نشود.
برای ایجاد CSS های پرینت دو روش دارید.
در این روش شما میتونید کد های مورد نظر رو در هر فایل CSS قرار بدید:
@media print {
header,footer,aside {display:none !important}
}در این روش شما میتونید یک فایل 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>
