ඔබේ වර්ඩ්ප්‍රෙස් බ්ලොග් මුද්‍රණ යන්ත්‍රය මිත්‍රශීලීද?

CSS මුද්‍රණය කරන්න

මම ඊයේ පෝස්ට් එක ඉවර කරද්දි සමාජ මාධ්‍ය ROI, මට එහි පෙරදසුනක් ඩොට්ස්ටර් ප්‍රධාන විධායක නිලධාරී ක්ලින්ට් පේජ් වෙත යැවීමට අවශ්‍ය විය. මම පී.ඩී.එෆ් වෙත මුද්‍රණය කරන විට, පිටුව අවුල් විය!

වෙබ් අඩවියක පිටපත් බෙදා ගැනීමට, පසුව යොමු කිරීමට හෝ සමහර සටහන් සමඟ ගොනු කිරීමට කැමති බොහෝ අය තවමත් එහි සිටිති. මගේ බ්ලොග් මුද්‍රණ යන්ත්‍රය හිතකාමී කිරීමට මට අවශ්‍ය බව මම තීරණය කළෙමි. මම හිතුවාට වඩා එය පහසු විය.

ඔබේ මුද්‍රණ සංස්කරණය ප්‍රදර්ශනය කරන්නේ කෙසේද:

මෙය ඉටු කිරීම සඳහා ඔබ CSS හි මූලික කරුණු තේරුම් ගත යුතුය. වඩාත්ම දුෂ්කර කොටස වන්නේ ඔබේ CSS ලිවීමට හැකි වන පරිදි අන්තර්ගතය ප්‍රදර්ශනය කිරීම, සැඟවීම සහ සකස් කිරීම පරීක්ෂා කිරීම සඳහා ඔබේ බ්‍රව්සරයේ සංවර්ධක කොන්සෝලය භාවිතා කිරීමයි. සෆාරි හි, ඔබට සංවර්ධක මෙවලම් සක්‍රිය කිරීමට අවශ්‍යය, ඔබේ පිටුව දකුණු-ක්ලික් කර අන්තර්ගතය පරීක්ෂා කරන්න තෝරන්න. එමඟින් ඔබට සම්බන්ධිත මූලද්‍රව්‍යය සහ CSS පෙන්වනු ඇත.

ඔබේ පිටුවේ මුද්‍රණ අනුවාදය වෙබ් පරීක්ෂක තුළ ප්‍රදර්ශනය කිරීමට සෆාරි සතුව ඉතා හොඳ විකල්පයක් ඇත:

සෆාරි - වෙබ් පරීක්ෂක තුළ මුද්‍රණ දසුන

ඔබේ වර්ඩ්ප්‍රෙස් බ්ලොග් මුද්‍රණ යන්ත්‍රය හිතකාමී කරන්නේ කෙසේද:

මුද්‍රණය සඳහා ඔබේ මෝස්තරය නියම කිරීමට යුවළකට විවිධ ක්‍රම තිබේ. එකක් නම් ඔබේ වර්තමාන මෝස්තර පත්‍රිකාවේ “මුද්‍රණ” මාධ්‍යයට විශේෂිත වූ කොටසක් එක් කිරීමයි.

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

අනෙක් ක්‍රමය නම් මුද්‍රණ විකල්පයන් නියම කරන ඔබේ ළමා තේමාවට විශේෂිත මෝස්තර පත්‍රිකාවක් එක් කිරීමයි. මෙන්න කොහොමද:

  1. නමින් හැඳින්වෙන ඔබගේ තේමා නාමාවලියට අතිරේක මෝස්තර පත්‍රිකාවක් උඩුගත කරන්න print.css.
  2. ඔබගේ නව මෝස්තර පත්‍රයට යොමු කිරීමක් එක් කරන්න functions.php ගොනුව. ඔබේ දෙමව්පියන්ගේ සහ ළමා මෝස්තර පත්‍රිකාවෙන් පසුව ඔබේ print.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);

දැන් ඔබට print.css ගොනුව රිසිකරණය කර සැඟවීමට හෝ ප්‍රදර්ශනය කිරීමට අවශ්‍ය සියලුම අංග වෙනස් ලෙස වෙනස් කළ හැකිය. නිදසුනක් ලෙස, මගේ වෙබ් අඩවියේ, මම සියලු සංචාලන, ශීර්ෂක, පැති තීරු සහ පාද සටහන් සඟවන්නෙමි, එවිට මා ප්‍රදර්ශනය කිරීමට බලාපොරොත්තු වන අන්තර්ගතය පමණක් මුද්‍රණය කෙරේ.

My print.css ගොනුව මේ වගේ. නවීන බ්‍රව්සර් විසින් පිළිගත් ක්‍රමයක් වන මායිම් ද මා විසින් එකතු කළ බව සලකන්න.

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

මුද්‍රණ දසුන පෙනෙන ආකාරය

ගූගල් ක්‍රෝම් වෙතින් මුද්‍රණය කර ඇත්නම් මගේ මුද්‍රණ දසුන පෙනෙන ආකාරය මෙන්න:

වර්ඩ්ප්‍රෙස් මුද්‍රණ දසුන

උසස් මුද්‍රණ මෝස්තරය

සෑම බ්‍රව්සරයක්ම සමාන ලෙස නිර්මාණය වී නොමැති බව සැලකිල්ලට ගැනීම වැදගත්ය. එක් එක් බ්‍රව්සරය පරීක්ෂා කර බැලීමට ඔබට අවශ්‍ය විය හැකිය. සමහරු අන්තර්ගතය එකතු කිරීම, ආන්තිකයන් සහ පිටු ප්‍රමාණයන් මෙන්ම තවත් අංග ගණනාවක් එකතු කිරීම සඳහා සමහර උසස් පිටු විශේෂාංග සඳහා සහය දක්වයි. ස්මාෂිං සඟරාවට බොහෝ දේ ඇත මෙම උසස් මුද්‍රණ පිළිබඳ සවිස්තරාත්මක ලිපිය විකල්ප.

පහළ වම්පස ප්‍රකාශන හිමිකම් සඳහනක්, පහළ දකුණේ පිටු කවුන්ටරයක් ​​සහ සෑම පිටුවකම ඉහළ වම්පස ඇති ලේඛන මාතෘකාව එක් කිරීමට මම ඇතුළත් කළ පිටු පිරිසැලසුම් විස්තර මෙන්න:

@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

    සිත්ගන්නාසුලු ඩග්ලස්, මම ඔබේ ලිපිය කියවන විට මුද්‍රණ මිත්‍රශීලී වෙබ් අඩවියක් දෙස බලා සිටියෙමි. එය ඔබට සහ ඔබට මුද්‍රණය කිරීමට අවශ්‍ය වෙනත් ඕනෑම වෙබ් අඩවියකට බොහෝ දේ කරයි. ලස්සන මිහිරි, එය පරීක්ෂා කරන්න:

    http://www.printfriendly.com

  2. 2

ඔයා සිතන්නේ කුමක් ද?

මෙම වෙබ් අඩවිය ස්පෑම් අඩු කිරීම සඳහා Akismet භාවිතා කරයි. ඔබේ ප්රතිචාර දත්ත සැකසූ ආකාරය ඉගෙන ගන්න.