PrintFriendly

ปุ่มพิมพ์, PDF, และอีเมลที่ผู้อ่านของคุณจะใช้จริงๆ

ปรับแต่งด้านล่าง วางโค้ดลงในเว็บไซต์ของคุณ เสร็จสิ้น

เริ่มต้นใช้งาน

ขั้นตอนที่ 1

เลือกปุ่มที่คุณต้องการเพิ่มลงในเว็บไซต์ของคุณ

ขั้นตอนที่ 2

กำหนดการตั้งค่ารูปภาพ

รูปภาพส่วนหัว

เลือกรูปภาพที่คุณต้องการให้แสดงที่ด้านบนของหน้าที่เป็นมิตรกับเครื่องพิมพ์ คุณสามารถเลือกไอคอนเว็บไซต์ของคุณ ซึ่งจะใช้ favicon ของเว็บไซต์คุณ หรือคุณสามารถเลือกอัปโหลดรูปภาพเอง

แสดงรูปภาพบนหน้าของคุณ

เลือกว่าคุณต้องการแสดงรูปภาพบนหน้าที่เป็นมิตรกับเครื่องพิมพ์และหน้า PDF หรือไม่

ตำแหน่งรูปภาพ

ตัวเลือกนี้ให้คุณเลือกวิธีจัดวางรูปภาพบนหน้าที่เป็นมิตรกับเครื่องพิมพ์ของคุณ

ขั้นตอนที่ 3

CSS กำหนดเอง (ไม่บังคับ)

เพื่อปรับแต่งรูปแบบของเนื้อหา หรือเพื่อซ่อนองค์ประกอบในการพิมพ์/PDF คุณสามารถใช้ CSS กำหนดเองได้

ใช้ไฟล์ CSS

ป้อน URL ไปยังไฟล์ CSS ของคุณในช่องป้อน CSS กำหนดเอง แล้วใช้โค้ดปุ่มที่สร้างขึ้น

ใช้แท็ก printfriendly-css

คุณสามารถเพิ่มแท็ก printfriendly-css ลงในหน้าพร้อมกับ CSS ที่ครอบอยู่ภายใน ร่วมกับโค้ดปุ่ม

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
ตัวอย่างการปรับแต่ง▾

หมายเหตุ:กำหนดขอบเขต CSS ของคุณไปที่ #printfriendly และเพิ่ม !important เพื่อแทนที่สไตล์เริ่มต้น

ปรับแต่งระยะขอบของการพิมพ์/PDF

@media print {
  @page {
    margin: 5mm !important;
  }
}

ซ่อน URL

#printfriendly #pf-src {
  display: none !important;
}

ซ่อนชื่อเรื่อง

#printfriendly #pf-title {
  display: none !important;
}

ใช้ Google Fonts

/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#printfriendly {
  font-family: 'Inter', sans-serif !important;
}

พิมพ์/PDF แบบแนวนอน

@media print {
  @page {
    size: landscape !important;
  }
}

ขั้นตอนที่ 4

กำหนดคุณสมบัติของ PrintFriendly

อนุญาตให้แชร์หน้าเว็บผ่านอีเมล

ตัวเลือกนี้จะแสดงปุ่มอีเมลบนหน้าต่าง PrintFriendly ของเรา เลือกว่าผู้ใช้ของคุณสามารถส่ง URL หน้าเว็บทางอีเมลถึงผู้ใช้คนอื่นได้หรือไม่

อนุญาตให้ดาวน์โหลด PDF

ตัวเลือกนี้จะเพิ่มปุ่ม PDF บนหน้าต่าง PrintFriendly ของเรา เลือกว่าผู้ใช้ของคุณสามารถส่งออกหน้าที่เป็นมิตรกับเครื่องพิมพ์เป็นรูปแบบ PDF ได้หรือไม่

อนุญาตให้ผู้ใช้สร้างเวอร์ชันที่เป็นมิตรกับเครื่องพิมพ์ของหน้าเว็บของคุณ

ตัวเลือกนี้จะเพิ่มปุ่มพิมพ์บนหน้าต่าง PrintFriendly ของเรา เลือกว่าคุณต้องการให้ผู้ใช้สร้างเวอร์ชันที่เป็นมิตรกับเครื่องพิมพ์ของหน้าเว็บของคุณหรือไม่

อนุญาตให้ผู้ใช้ลบเนื้อหาออกจากหน้าที่พร้อมสำหรับการพิมพ์ของคุณ

ตัวเลือกนี้ช่วยให้ผู้ใช้ของคุณสามารถลบเนื้อหาออกจากหน้าที่พร้อมสำหรับการพิมพ์ก่อนที่จะพิมพ์หรือบันทึกเป็น PDF ผู้ใช้ไม่สามารถลบเนื้อหาจากเว็บไซต์จริงของคุณได้

ฟีเจอร์เฉพาะสำหรับ Pro

เข้ารหัสรูปภาพในรูปแบบ base 64

เปิดใช้งานฟีเจอร์นี้หากไซต์ของคุณไม่สามารถเข้าถึงได้สาธารณะ หรือหากผู้ให้บริการของคุณบล็อกคำขอรูปภาพจากบุคคลที่สาม (เช่น Zendesk) หรือหากรูปภาพไม่ปรากฏใน PDF

รวมเนื้อหาที่ไม่ปรากฏให้เห็น

โดยค่าเริ่มต้น PrintFriendly Pro จะแสดงเฉพาะเนื้อหาที่มองเห็นได้บนหน้า เปิดใช้งานฟีเจอร์นี้หากคุณต้องการให้ PrintFriendly แสดงเนื้อหาที่ซ่อนอยู่ (เช่น เนื้อหาในแท็บที่ซ่อนอยู่)

ขั้นตอนที่ 5

แทรกโค้ดนี้ในตำแหน่งที่คุณต้องการให้ปุ่มพิมพ์ PrintFriendly ปรากฏ

<printfriendly-options style="display:none;" data-content-features="disableClickToDel=0;hideImages=0;imageDisplayStyle=block;disablePDF=0;disableEmail=0;disablePrint=0;encodeImages=0;showHiddenContent=0;"></printfriendly-options><script>var pfBtVersion='3';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//www.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf);})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="PrintFriendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/new/three-icons-light.svg" alt="PrintFriendly and PDF"/></a>

รับ PrintFriendly Pro

PrintFriendly Pro เป็นไปตามมาตรฐาน GDPR พร้อมมีฟีเจอร์ที่ยอดเยี่ยมมากมาย ซื้อเลยสำหรับโดเมนของคุณ

รับ Print Button Pro