ایا ستاسو د ورډپریس بلاګ پرنټر دوستانه دی؟

سی ایس ایس چاپ کړئ

لکه څنګه چې ما د پرون پوسټ بشپړ کړ د ټولنیزو رسنیو ROI، زه غواړم د دې یوه کتنه دټسټر سي ای او کلینټ پا toې ته واستوم. کله چې ما په پی ډی ایف کې چاپ کړ ، که څه هم ، پا pageه ګډوډ وه!

دلته لاهم ډیر خلک شتون لري چې د شریکولو ، حوالې کولو ، یا یوازې د ځینې نوټونو سره فایل کولو لپاره د یوې ویب پا ofې کاپي چاپ کول خوښوي. ما پریکړه وکړه چې زه غواړم زما د بلاګ چاپګر ملګرې کړي. دا زما په اند ډیر اسانه و چې فکر به یې وي.

ستاسو د چاپ نسخه څرنګوالی ښودل:

تاسو اړتیا لرئ د دې بشپړولو لپاره د CSS اساسات پوه شئ. ترټولو سخته برخه ستاسو د براوزر د پرمخ وړونکي کنسول کارولو څخه ده چې د مینځپانګې ښودلو ، پټولو ، او تنظیم کولو لپاره ازموي ترڅو تاسو خپل سی ایس ایس لیکئ. په صفاري کې ، تاسو اړتیا لرئ د پراختیا کونکي وسیلې وړ کړئ ، خپله پا rightه ښی کلیک وکړئ ، او د مینځپانګې معاینه کول غوره کړئ. دا به تاسو ته عنصر او اړوند CSS وښیې.

صفاري په ویب انسپکټر کې ستاسو د پا ofې د چاپ نسخه ښودلو لپاره یو کوچنی اختیار لري:

سفاري - په ویب انسپکټر کې د چاپ لید

ستاسو د ورڈپریس بلاګ پرنټر دوستانه کولو څرنګوالی:

د چاپ لپاره ستاسو سټایل مشخص کولو څو مختلفې لارې شتون لري. یو څوک یوازې ستاسو په سټایل سایټ کې یوه برخه اضافه کول دي چې د "چاپ" میډیا ډول سره مشخص دي.

@media print {
     header, 
     nav, 
     aside { 
         display: none; 
     }
     #primary { 
         width: 100% !important 
     }
     .hidden-print, 
     .google-auto-placed, 
     .widget_eu_cookie_law_widget { 
         display: none; 
     }
}

بله لاره د خپل ماشوم موضوع ته د ځانګړي سټایل شیټ اضافه کول دي چې د چاپ اختیارونه مشخص کوي. دلته څنګه دی:

  1. ستاسو د موضوع لارښود ته اضافي سټایل شیټ اپلوډ کړئ چاپ.css.
  2. خپل نوي سټایل شیټ ته مراجعه وکړئ functions.php دوتنه. تاسو به ډاډ ترلاسه کړئ چې ستاسو د چاپ. CSS فایل ستاسو د مور او پالر او ماشوم سټایل شیټ وروسته ډک شوی دی ترڅو دا سټایلونه وروستي بار شي. ما په دې بار کولو کې د 100 لومړیتوب هم ځای په ځای کړی ترڅو دا د پلګین څخه وروسته بار شي دلته هغه څه دي چې زما حواله ورته ښکاري:

function theme_enqueue_styles() {
    global $wp_version;
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
    wp_enqueue_style( 'child-style-print', get_stylesheet_directory_uri() . '/print.css', array(), $wp_version, 'print' );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' , 100);

اوس تاسو کولی شئ د چاپ کوډ فایل تنظیم کړئ او ټول هغه عنصرونه بدل کړئ چې تاسو یې غواړئ پټ یا بل ډول ښکاره کړئ. زما په سایټ کې ، د مثال په توګه ، زه ټول نیویګیشنونه ، سرونه ، سائډبارز او فوټر پټوم نو ځکه چې یوازې هغه مینځپانګه چې زه یې ښودل غواړم چاپ شوی.

My چاپ.css فایل ورته ښکاري. وګورئ چې ما هم مارجنونه اضافه کړل ، یو میتود چې د عصري براوزرانو لخوا منل شوی:

header, 
nav, 
aside { 
    display: none; 
}
#primary { 
    width: 100% !important 
}
.hidden-print, 
.google-auto-placed, 
.widget_eu_cookie_law_widget { 
    display: none; 
}

د چاپ لید څنګه ګوري

دلته زما د چاپ لید څنګه ښکاري که د ګوګل کروم څخه چاپ شوی وي:

د ورډپریس چاپ لید

پرمختللي چاپ سټیلینګ

دا باید په یاد ولرئ چې ټول براوزرونه برابر نه دي رامینځته شوي. تاسو ممکن د هر براوزر ازموینه وکړئ ترڅو وګورئ چې ستاسو پا pageه دوی ته څنګه ګوري. ځینې ​​حتی د مینځپانګو اضافه کولو لپاره د پرمختللي پا pageو ځینې ب featuresې ملاتړ کوي ، مارجینونه او د پا sې اندازه ټاکل ، او همدارنګه یو شمیر نور عناصر. د ټوپ وهلو مجله ډیره لري پدې پرمختللي چاپ کې تفصيلي مقاله انتخابونه.

دلته د پا layoutې ځینې ترتیب توضیحات دي چې ما پکې شامل کړي ترڅو په کا leftي بائیں کې د کاپي حق ذکر کول شامل کړم ، په ښي اړخ کې د پا counterې کاونټر ، او د هر مخ په پورتنۍ بائیں کې د سند سرلیک:

@page { 
    size: 5.5in 8.5in;
    margin: 0.5in; 
}
@page:right{ 
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: "©  " attr(data-date) " DK New Media, LLC. All Rights Reserved.";
    font-size: 9pt;
    color: #333;
  }

  @bottom-right { 
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: counter(page);
    font-size: 9pt;
  }

  @top-right {
    content:  string(doctitle);
    margin: 30pt 0 10pt 0;
    font-size: 9pt;
    color: #333;
  }
}

2 ها

  1. 1
  2. 2

ته څه فکر کوی؟

دا سایټ د سپیم کمولو لپاره Akismet کاروي. زده کړئ چې ستاسو د تبصرې ډاټا پراساس پروسس کیږي.