+- تالار گفتمان اسکریپت دات کام (https://forum.xn--mgbguh09aqiwi.com)
+-- انجمن: تالار اصلی (https://forum.xn--mgbguh09aqiwi.com/Forum-%D8%AA%D8%A7%D9%84%D8%A7%D8%B1-%D8%A7%D8%B5%D9%84%DB%8C)
+--- انجمن: بحث آزاد (https://forum.xn--mgbguh09aqiwi.com/Forum-%D8%A8%D8%AD%D8%AB-%D8%A2%D8%B2%D8%A7%D8%AF)
+--- موضوع: آموزش افزودن قابلیت پرینت در طراحی سایت (/Thread-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%BE%D8%B1%DB%8C%D9%86%D8%AA-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA)
آموزش افزودن قابلیت پرینت در طراحی سایت - minajafari - 1397/07/08
آموزش افزودن قابلیت پرینت در طراحی سایت:همانطور که در مطلب قبل به آن اشاره کردیم، فاکتورهای بسیار زیادی در موفقیت لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید شما دخیلند، اما در تمامی این موارد یک نقطه اشتراک وجود دارد و آن توجه هرچه بیشتر به نیازهای کاربران است.در این بخش با نحوه افزودن قابلیت پرینت خواهید آموخت که چگونه به کاربران خود اجازه بدهید تا مطالب مفید و مورد نظرشان در وب سایت شما را به طور فیزیکی و در برگه به همراه داشته باشند.با این کار شما یک گام بزرگ در جهت برطرف کردن نیاز کاربران و در ادامه سرازیر کردن شمار بیشتری از آنان برداشته اید.
[/url]
![[تصویر: %D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9...8%AA-3.jpg]](https://inten.asia/wp-content/uploads/2016/02/%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%BE%D8%B1%DB%8C%D9%86%D8%AA-3.jpg)
چگونگی افزودن قابلیت پرینت به وب سایت
بسیاری از کاربران از نحوه پرینت گرفتن به وسیله امکانات پیش فرض مرورگر خود بی اطلاعند و یا اینکه دکمه چاپ پیش فرض موجود در مرورگر، عناصر اضافی دیگر (منوها، تبلیغات و…) را نیز در کنار مطلب مورد نظر آن ها در نسخه پرینت نشان می دهد.
این جایی است که شما باید با قرار دادن امکان افزودن قابلیت پرینت محتوای اصلی به تنهایی، کاربران خود را در سطح بالایی ار رضایت و خشنودی نگه دارید.در نظر داشته باشید که این کار بوسیله کدهای CSS و جاوااسکریپت میسر خواهد شد.
اگرچه روش های گوناگونی برای پیاده سازی این امکان وجود دارد، اما ما به ذکر یک روش کاربردی بسنده خواهیم کرد.
این جایی است که شما باید با قرار دادن امکان افزودن قابلیت پرینت محتوای اصلی به تنهایی، کاربران خود را در سطح بالایی ار رضایت و خشنودی نگه دارید.در نظر داشته باشید که این کار بوسیله کدهای CSS و جاوااسکریپت میسر خواهد شد.
اگرچه روش های گوناگونی برای پیاده سازی این امکان وجود دارد، اما ما به ذکر یک روش کاربردی بسنده خواهیم کرد.
روشی مناسب برای افزودن قابلیت پرینت
روش اول : با استفاده از این روش قسمت های زائدی را که نمی خواهید در نسخه چاپی وجود داشته باشد را شناسایی و در یک فایل CSS معرفی و حذف خواهید کرد.در ادامه قسمت های باقی مانده را در همان فایل CSS برای چاپ با ظاهر دلخواه در افزودن قابلیت پرینت، استایل دهی می کنیم.
لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
![[تصویر: %D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9...8%AA-2.jpg]](https://inten.asia/wp-content/uploads/2016/02/%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%BE%D8%B1%DB%8C%D9%86%D8%AA-2.jpg)
دقت کنید برای جدا کردن عناصری که نمی خواهید در نسخه پرینت نشان داده شوند، باید به کمکid و یا class مربوط به آن عنصر، با نوشتن دستور زیر آن را در صفحه پرینت غیرقابل مشاهده کنید.دستورات ذکر شده در فایل CSS مربوط به پرینت نوشته می شوند:
1 .adverise {
2 display: none;
3 }
2 display: none;
3 }
کد بالا همه عناصری دارای ویژگی class=”adverise ” را مخفی می کند.
قدم دوم افزودن قابلیت پرینت
قدم بعد به کدهای HTML اختصاص دارد.
حال دکمه ای مورد نیاز است تا با اشاره کردن بر روی آن ماحصل تلاش شما برای افزودن قابلیت پرینت تولید شود، یعنی ایجاد نسخه چاپی
حال دکمه ای مورد نیاز است تا با اشاره کردن بر روی آن ماحصل تلاش شما برای افزودن قابلیت پرینت تولید شود، یعنی ایجاد نسخه چاپی
[url=https://inten.asia/wp-content/uploads/2016/02/%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%BE%D8%B1%DB%8C%D9%86%D8%AA-1.jpg]
![[تصویر: %D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9...8%AA-1.jpg]](https://inten.asia/wp-content/uploads/2016/02/%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%BE%D8%B1%DB%8C%D9%86%D8%AA-1.jpg)
کد پایین برای این کار مورد استفاده قرار می گیرد.
<a href=”javascript:window.print()”>چاپ این صفحه!</a>
پیشنهاد می شود برای این قسمت یک آیکون شکیل اختصاص دهید تا کاربران تنها با کلیک بر روی آن نسخه چاپی مورد نظرشان را در اختیار داشته باشند.