ແມ່ນເຄື່ອງພິມ Blog WordPress ຂອງທ່ານບໍ?

ພິມ CSS

ດັ່ງທີ່ຂ້າພະເຈົ້າໄດ້ເຮັດ ສຳ ເລັດໃນມື້ວານນີ້ ສື່ສັງຄົມ ROI, ຂ້ອຍຕ້ອງການສົ່ງຕົວຢ່າງການສະແດງໄປທີ່ Dotster CEO Clint Page. ໃນເວລາທີ່ຂ້ອຍພິມເປັນ PDF, ເຖິງແມ່ນວ່າ, ໜ້າ ເວັບແມ່ນ ໜ້າ ລັງກຽດ!

ຍັງມີອີກຫລາຍໆຄົນທີ່ຢູ່ໃນນັ້ນທີ່ຢາກພິມ ສຳ ເນົາເວບໄຊທ໌ເພື່ອແບ່ງປັນ, ອ້າງອີງໃນພາຍຫລັງ, ຫລືພຽງແຕ່ຂຽນດ້ວຍບັນທຶກບາງຢ່າງ. ຂ້ອຍໄດ້ຕັດສິນໃຈວ່າຂ້ອຍຕ້ອງການທີ່ຈະເຮັດໃຫ້ blog ຂອງຂ້ອຍເປັນເຄື່ອງພິມທີ່ ເໝາະ ສົມ. ມັນງ່າຍກວ່າທີ່ຂ້ອຍຄິດວ່າມັນຈະເປັນໄປໄດ້.

ວິທີການສະແດງແບບພິມຂອງທ່ານ:

ທ່ານ ຈຳ ເປັນຕ້ອງເຂົ້າໃຈພື້ນຖານຂອງ CSS ເພື່ອເຮັດ ສຳ ເລັດ. ພາກສ່ວນທີ່ຫຍຸ້ງຍາກທີ່ສຸດແມ່ນການໃຊ້ຄອນໂຊນຂອງນັກພັດທະນາໂປແກຼມທ່ອງເວັບຂອງທ່ານເພື່ອທົດສອບການສະແດງ, ເຊື່ອງ, ແລະດັດປັບເນື້ອຫາເພື່ອໃຫ້ທ່ານສາມາດຂຽນ CSS ຂອງທ່ານ. ໃນ Safari, ທ່ານ ຈຳ ເປັນຕ້ອງເປີດໃຊ້ເຄື່ອງມືຂອງນັກພັດທະນາ, ກົດຂວາໃສ່ ໜ້າ ຂອງທ່ານ, ແລະເລືອກ Check Content. ນັ້ນຈະສະແດງໃຫ້ທ່ານເຫັນອົງປະກອບແລະ CSS ທີ່ກ່ຽວຂ້ອງ.

Safari ມີທາງເລືອກ ໜ້ອຍ ໜຶ່ງ ທີ່ດີທີ່ຈະສະແດງແບບພິມ ໜ້າ ຂອງທ່ານໃນຕົວກວດກາເວັບ:

Safari - ເບິ່ງການພິມໃນຜູ້ກວດກາເວັບ

ວິທີເຮັດໃຫ້ເຄື່ອງພິມ Blog WordPress ຂອງທ່ານເປັນມິດ:

ມີສອງສາມວິທີທີ່ແຕກຕ່າງກັນໃນການ ກຳ ນົດຮູບແບບຂອງທ່ານ ສຳ ລັບການພິມ. ໜຶ່ງ ແມ່ນພຽງແຕ່ເພີ່ມສ່ວນ ໜຶ່ງ ໃນແບບແຜນປະຈຸບັນຂອງທ່ານເທົ່ານັ້ນທີ່ເຈາະຈົງກັບປະເພດສື່“ ພິມ”.

@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 ຕໍ່ການໂຫຼດນີ້ເພື່ອໃຫ້ມັນໂຫລດຫຼັງຈາກປັpluginກອິນນີ້ແມ່ນສິ່ງທີ່ ໜ້າ ອ້າງອີງຂອງຂ້ອຍເບິ່ງ

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 file ເບິ່ງແບບນີ້. ສັງເກດເຫັນວ່າຂ້ອຍຍັງເພີ່ມຂອບ, ວິທີການທີ່ຍອມຮັບໂດຍຕົວທ່ອງເວັບທີ່ທັນສະ ໄໝ:

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

ຮູບແບບການພິມເບິ່ງຄືແນວໃດ

ນີ້ແມ່ນຮູບແບບການພິມຂອງຂ້ອຍຖ້າຖືກພິມຈາກ Google Chrome:

ເບິ່ງ WordPress Print

ແບບການພິມແບບຂັ້ນສູງ

ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະສັງເກດວ່າບໍ່ແມ່ນຕົວທ່ອງເວັບທັງຫມົດຖືກສ້າງຂື້ນເທົ່າທຽມກັນ. ທ່ານອາດຈະຕ້ອງການທົດສອບແຕ່ລະໂປແກຼມທ່ອງເວັບເພື່ອເບິ່ງວ່າ ໜ້າ ເວັບຂອງທ່ານເບິ່ງຂ້າມພວກມັນໄດ້ແນວໃດ. ບາງຄົນກໍ່ສະ ໜັບ ສະ ໜູນ ບາງລັກສະນະຂອງ ໜ້າ ທີ່ຂັ້ນສູງເພື່ອເພີ່ມເນື້ອຫາ, ກຳ ນົດຂອບແລະຂະ ໜາດ ຂອງ ໜ້າ, ພ້ອມທັງອົງປະກອບອື່ນໆອີກ ຈຳ ນວນ ໜຶ່ງ. ວາລະສານ Smashing ມີຫຼາຍ ບົດຂຽນລະອຽດກ່ຽວກັບການພິມຂັ້ນສູງເຫຼົ່ານີ້ ຕົວເລືອກ

ນີ້ແມ່ນບາງລາຍລະອຽດກ່ຽວກັບການຈັດວາງ ໜ້າ ເວັບທີ່ຂ້າພະເຈົ້າໄດ້ລວມເອົາການກ່າວອ້າງລິຂະສິດຢູ່ທາງເບື້ອງຊ້າຍລຸ່ມ, ໜ້າ ເຈ້ຍດ້ານຂວາມືດ້ານລຸ່ມແລະຫົວຂໍ້ເອກະສານຢູ່ເບື້ອງຊ້າຍດ້ານເທິງຂອງທຸກໆ ໜ້າ:

@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) " Highbridge, 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

    ຫນ້າສົນໃຈ Douglas, ຂ້ອຍພຽງແຕ່ຊອກຫາຢູ່ໃນເວັບໄຊທ໌ທີ່ເອີ້ນວ່າ PrintFriendly ເມື່ອຂ້ອຍອ່ານຂໍ້ຄວາມຂອງເຈົ້າ. ມັນເຮັດຫຼາຍຢ່າງນີ້ສໍາລັບທ່ານແລະເວັບໄຊທ໌ອື່ນໆທີ່ທ່ານຕ້ອງການທີ່ຈະພິມ. ຫວານງາມ, ກວດເບິ່ງມັນອອກ:

    http://www.printfriendly.com

  2. 2

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.