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

เครื่องพิมพ์เว็บไซต์ WordPress ของคุณเป็นมิตรหรือไม่? หากคุณไม่รู้ว่าคำถามนั้นกำลังมาถึงอะไร มันอาจจะไม่ใช่...

แม้ว่านักพัฒนาธีม WordPress บางรายจะสนับสนุนเนื้อหาที่เป็นมิตรกับเครื่องพิมพ์ แต่ส่วนใหญ่แล้วจะไม่เป็นเช่นนั้น และนั่นหมายความว่าถ้าคุณต้องการให้ผู้อื่นสามารถพิมพ์เนื้อหาของคุณในลักษณะที่สามารถอ่านได้จริง คุณจะต้องจัดการสิ่งต่าง ๆ ด้วยมือของคุณเอง…ซึ่งฉันจะพูดถึงในวันนี้

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

อะไรทำให้เครื่องพิมพ์เว็บไซต์เป็นมิตร

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

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

นอกจากนี้ บางครั้งฟอนต์และขนาดฟอนต์ที่ใช้ในเว็บไซต์ของคุณอาจไม่ได้แปลตามขนาดของหน้าที่พิมพ์เช่นกัน

และสุดท้าย หลายคนกำลังจะพิมพ์เนื้อหาของคุณเป็นขาวดำ (และหมึกสีมีราคาแพง!) ดังนั้นการปรับโทนสีเทาให้มากขึ้นสำหรับเนื้อหาที่เป็นมิตรต่อเครื่องพิมพ์ของคุณจึงเป็นความคิดที่ดีเสมอ

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

• การเปลี่ยนแบบอักษร ขนาด และระยะห่างเพื่อให้อ่านง่ายขึ้นบนขนาดหน้าปกติ
• การนำองค์ประกอบที่ไม่เกี่ยวข้องออก เช่น โฆษณา การนำทาง และแถบด้านข้างที่ไม่มีประโยชน์ในหน้าที่พิมพ์ออก
• ลดสีหากคุณใช้องค์ประกอบที่ไม่ใช่ขาวดำจำนวนมาก

แล้วคุณจะทำอย่างนั้นได้อย่างไร? ลองหา…

วิธีทำให้เว็บไซต์ของคุณเป็นมิตรกับเครื่องพิมพ์ด้วย CSS

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

โครงสร้างพื้นฐาน CSS สำหรับเนื้อหาที่เป็นมิตรต่อเครื่องพิมพ์ของคุณคือ:

 @media พิมพ์ {
/* รูปแบบเฉพาะเครื่องพิมพ์อยู่ที่นี่ */
}

รูปแบบ CSS ใด ๆ ที่คุณเพิ่มลงประกาศสื่อนี้จะมีผลเฉพาะรุ่นที่พิมพ์ของหน้าเว็บ

คุณไปจากที่นั่นที่ไหน เป็นการยากที่จะให้คำตอบที่แน่นอน เพราะคำตอบส่วนใหญ่ขึ้นอยู่กับความชอบและธีมเฉพาะของคุณ

แต่โดยทั่วไป นี่คือสิ่งที่คุณต้องการจะทำกับ CSS:

• ใช้ display:none เพื่อลบองค์ประกอบต่างๆ เช่น แถบด้านข้าง เมนูนำทาง แบบฟอร์มการค้นหา และอื่นๆ ที่ไม่เป็นประโยชน์บนหน้าที่พิมพ์
• กำหนดขนาดตัวอักษรที่อ่านง่าย แผนภูมิ Points to Pixels ของ Reed Design มีประโยชน์ในการพิจารณาว่าพิกเซลสัมพันธ์กับขนาดแบบอักษรที่คุณคุ้นเคยอย่างไรในโปรแกรมที่เป็นมิตรกับเครื่องพิมพ์ เช่น Microsoft Word หรือ Google Docs
• ใช้ฟอนต์ serif สำหรับรูปแบบเครื่องพิมพ์ของคุณ เนื่องจากคนส่วนใหญ่จะอ่านได้ง่ายขึ้นบนหน้าที่พิมพ์
• เปลี่ยนสี โดยเฉพาะอย่างยิ่งหากคุณใช้สีพื้นหลังที่มีหมึกมาก เบราว์เซอร์ส่วนใหญ่ตั้งค่าเริ่มต้นเป็นพื้นหลังสีขาวในหลาย ๆ สถานการณ์ – แต่ควรตรวจสอบให้แน่ใจว่าปัญหาใดๆ อาจหมายถึงการใช้หมึกสิ้นเปลืองจำนวนมาก

ทำเพียงสี่สิ่งข้างต้น คุณควรมีเว็บไซต์ที่เป็นมิตรกับเครื่องพิมพ์อยู่แล้ว แต่ถ้าคุณต้องการไปไกลกว่านี้ คุณสามารถใช้กลยุทธ์ขั้นสูงเพิ่มเติมได้ ตัวอย่างเช่น คุณสามารถใช้ :after เพื่อพิมพ์ URL ของลิงก์ใดก็ได้ สิ่งนี้จะลบสื่อที่ไม่จำเป็นออกจากโพสต์ (เช่น วิดีโอ – ไม่ค่อยมีประโยชน์ในการพิมพ์) และอื่นๆ

หากคุณต้องการตัวอย่างที่เจาะจงมากขึ้นของรูปแบบ CSS ที่เป็นมิตรกับเครื่องพิมพ์ในการดำเนินการ โพสต์ที่ดีที่ควรอ่านคือโพสต์นี้จาก Smashing Magazine เพราะจะอ่านผ่านหน้าตัวอย่างทั้งหมด

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

หากคุณไม่ต้องการใช้ CSS สกปรก คุณสามารถขอความช่วยเหลือจากปลั๊กอิน WordPress ได้ตามปกติ คุณมีตัวเลือกต่างๆ มากมาย แต่นี่เป็นคำแนะนำสองสามข้อ

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

WP-พิมพ์

WP-Print เป็นปลั๊กอินฟรียอดนิยมที่จะช่วยคุณสร้างเว็บไซต์ WordPress ที่เป็นมิตรกับเครื่องพิมพ์ นอกเหนือจากการเพิ่มปุ่ม พิมพ์นี้ โดยเฉพาะแล้ว ปลั๊กอินยังให้ส่วนต่อประสานที่ใช้งานง่ายแก่คุณ สิ่งนี้ทำให้คุณปรับแต่งการตั้งค่าต่างๆ ที่ฉันพูดถึงในส่วน CSS ก่อนหน้าเสมอ

ฉันอยากรู้ว่าปลั๊กอินนี้ทำงานอย่างไรกับ Divi และ Divi Builder ดังนั้นฉันจึงตั้งค่าโพสต์ทดสอบอย่างรวดเร็วเพื่อดูว่าสิ่งต่างๆ ทำงานอย่างไร โพสต์ทดสอบของฉันในเวอร์ชันเว็บมีลักษณะดังนี้:

และนี่คือสิ่งที่โพสต์ในเวอร์ชันที่เป็นมิตรกับเครื่องพิมพ์ของโพสต์นั้นดูเหมือน ( จำไว้ว่า - คุณสามารถปรับแต่งวิธีการทำงานของรูปภาพได้ - ตัวอย่างของฉันใช้ค่าเริ่มต้น ):

สิ่งหนึ่งที่ดีเป็นพิเศษเกี่ยวกับปลั๊กอินคือมันเพิ่มการอ้างอิงสำหรับลิงก์ในเนื้อหาโดยอัตโนมัติ นอกจากนี้ยังลบตัวเลือกการนำทางทั้งหมด

พึงตระหนักไว้ – คุณจะต้องสะดวกสบายในการขุดไฟล์เทมเพลตของธีมเพื่อเพิ่มปุ่ม “พิมพ์สิ่งนี้” มันค่อนข้างเป็นแค่งานคัดลอกและวาง แต่ผู้เริ่มต้นอาจพบว่ามันสับสนเล็กน้อย

ราคา: ฟรี | ข้อมูลมากกว่านี้

พิมพ์, PDF, อีเมลโดย PrintFriendly

ก่อนที่ฉันจะไปต่อ ฉันต้องการนำเสนอข้อแม้หลักของปลั๊กอินนี้ – เวอร์ชันฟรีได้รับการสนับสนุนโดยโฆษณา ไม่เหมาะ...แต่ตัวปลั๊กอินเองก็ค่อนข้างดี และโฆษณาก็ไม่ได้รบกวนคุณเป็นพิเศษ

หากนั่นไม่ใช่ดีลเบรกเกอร์ หรือหากคุณต้องการอัปเกรดเป็นโปร อ่านต่อ...

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

เช่นเดียวกับ WP-Print ปลั๊กอินจะให้ปุ่มพิมพ์ เมื่อคลิก ปุ่มนั้นจะเปิดหน้าต่างไลท์บ็อกซ์ นี่คือที่ที่ผู้ใช้สามารถดูตัวอย่างเวอร์ชันพิมพ์ รวมทั้งปรับขนาดรูปภาพและข้อความ:

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

ราคา: ฟรีพร้อมการสนับสนุนโฆษณา รุ่น Pro เริ่มต้นที่ $4 ต่อเดือน | ข้อมูลมากกว่านี้

ห่อของ

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

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

ภาพขนาดย่อของบทความโดย AVIcon / shutterstock.com