معمولا سایت های خبری نیاز دارند تا دکمه چاپ از خبر و صفحه را در مقاله قرار دهند و قبل از ایجاد دکمه شما باید استایل 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>
    علی امینی

    علی امینی

    بیش از 8 سال هست که در حوزه وردپرس به صورت تخصصی فعالیت میکنم و همیشه علاقمند به یادگیری مباحث جدید در زمینه های وب هستم و در تلاشم با تولید آموزش های گوناگون در زمینه وردپرس، سهمی در توسعه وردپرس فارسی داشته باشم.
    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.