طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

شروع و سفارش طراحی

استایل اختصاصی برای صفحه پرینت مطالب وردپرس


مقاله ی جدید در وبلاگ تات طرح انتشار دادیم که با این آموزش میتوانید یک شیوه خاصی در پرینت برگه و نوشته اشته باشید .
لازم به ذکر است این مقاله یک اموزش مختصر میباشد و جهت بالا بردن کیفت کار باید به css مسلط باشید .
بعضی اوقات پیش اومده که یک برگه از مقاله یک صفحه رو نیاز به چاپ داشتین که متاسفانه در صفحه پرینت با استایل نا مطلوبی به نمایش در میاید.

استایل اختصاصی برای صفحه پرینت مطالب وردپرس

یک شیوه چاپ چیست؟
یک شیوه چاپ یک شیوه جایگزین استایل اصلی است که تنها باید هنگامی استفاده شود که کاربری برای چاپ یک صفحه  از مطلب استفاده میکند .

چه کد های در شیوه چاپ استفاده میشود ؟
این شیوه بسته به قالب وبسایت شما میباشد که در این مرحله باید ستون هایی مانند ستون کناری هدر و فوتر و منو حذف شوند و در این شیوه مواردی که نیاز به نمایش در برگه چاپ نمیباشد را حذف کنید .

#header, #nav, #sidebar, #footer .noprint {display: none;}

در کد بالا همینطور که میبینید ستون هایی مانند هدر منو سایدبار فوتر  را نمایش ان را در شیوه فوق غیر فعال کردیم.

بعد از مرحله بالا باید به صفحات مطلب خود رفته و یک اندازه مشخص و معقول برای بخش پرینت مشخص کنیم .
که در کد زیر یک شیوه مناسب قرار دادیم .

#content {width: 100%; margin: 0; float: none;}

در ادامه : همانطور که میدانید تمام صفحاتی که پرینت میشوند صفحه سفید میباشند و تنها شیوه نمایش مناسب رنگ ها مشکی میباشد . در کد زیر تمام لینک ها و متن ها را به رنگ مشکلی تغییر میدهیم .

a:link, a:visited {color: #000000}

حال در آخر میخواهیم شیوه و یا استایلی که برای پرینت درست کردیم را در قالب فراخوانی کنیم .
کد زیر را در بخش <head>  style print </head> قرار دهید .

 

<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" />

امیدواریم از این روش استفاده کامل را برده باشید .
اگر در بخش استایل پرینت سوالی بود تیم تات در کوتاه ترین زمان ممکن پاسخ شمارو در نظرات ثبت میکند .

۴ دیدگاه در “استایل اختصاصی برای صفحه پرینت مطالب وردپرس”

  1. مصدق گفت:

    سلام
    متاسفانه من متوجه نشدم
    میشه واضح تر برام بگید
    من مبتدی هستم و نتونستم اینو اجرا کنم

    • تیم تات طرح گفت:

      از اینکه دیر پاسخ شمارو دادیم پوزش
      یک فایل css مربوط به پرینت درست میکنید و در پوشه قالب قرار میدهید
      حال در موقعیت head این خط کد که مربوط به فراخونی css هستش رو درج میکنید
      حال شما باید اندکی به css و html اشنایی داشته باشید که با استفاده از دستورات class و یا id یکسری موارد را که هنگامی یه صفحه
      پرینت میشه رو حذف کنید با دستور display:none;

      اگر مشکل شما حل نشد در بخش پشتیبانی درخواست دهید
      با تشکر

  2. مهرداد گفت:

    عالی بود.تشکر.

*

code

طراحی پوسته وردپرس