วิธีเพิ่มโปรแกรมดู PDF ใน WordPress (วิธีง่ายๆ)

เผยแพร่แล้ว: 2023-02-15


คุณต้องการรวมโปรแกรมดู PDF ใน WordPress หรือไม่?

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

ในบทความนี้ เราจะแสดงวิธีรวมโปรแกรมดู PDF ใน WordPress

How to add a PDF viewer in WordPress

ทำไมคุณถึงต้องการโปรแกรมดู PDF ใน WordPress?

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

คุณสามารถเพิ่ม PDF ลงในเว็บไซต์ของคุณได้ตลอดเวลา และเพิ่ม URL ดาวน์โหลดใน WordPress

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

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

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

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

กลยุทธ์ 1. เพิ่มโปรแกรมดู PDF ที่ทำงานร่วมกับตัวแก้ไขบล็อก (ด่วน)

วิธีที่ง่ายที่สุดในการนำเสนอ PDF บนหน้าเว็บ WordPress ของคุณคือการใช้บล็อกไฟล์ที่พัฒนาแล้ว

กลยุทธ์นี้ไม่ต้องการปลั๊กอินพิเศษ แต่คุณสามารถปรับแต่งตัวแสดงได้เพียงไม่กี่วิธีเท่านั้น หากคุณต้องการการปรับแต่งและลักษณะเฉพาะที่ทันสมัยกว่านี้ เราขอแนะนำให้ใช้ปลั๊กอินแทน

ในการเริ่มต้น เพียงแค่เปิดหน้าหรือบทความที่คุณต้องการแทรกโปรแกรมดู PDF ในตัวแก้ไขบทความ จากนั้นคลิกที่ปุ่ม '+' เพื่อรวมบล็อกใหม่

หลังจากนั้น ให้เริ่มพิมพ์ "ไฟล์" และเลือกบล็อกที่เหมาะสมเมื่อดูเหมือนว่า

The WordPress built-in File block

หากคุณได้อัปโหลด PDF ของคุณไปยังไลบรารีสื่อ WordPress แล้ว ให้คลิกที่ปุ่ม 'ไลบรารีสื่อ' จากนั้น คุณสามารถเลือก PDF ที่คุณต้องการฝัง

หากคุณยังไม่ได้อัปโหลด PDF ให้คลิกที่ 'อัปโหลด' จากนั้นเลือกไฟล์จากคอมพิวเตอร์ส่วนบุคคลของคุณ

Uploading a PDF file to WordPress

WordPress จะเลือกขนาดสำหรับ PDF ที่ฝังโดยอัตโนมัติ

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

How to add a PDF viewer in WordPress

หากต้องการ คุณสามารถปรับด้านบนของโปรแกรมดู PDF เพื่อแสดงเอกสารที่ฝังไว้มากหรือน้อยได้

ในการทำเช่นนี้ เพียงใช้แถบเลื่อน 'ความสูงเป็นพิกเซล' ในเมนูมือขวา

Changing the height of an embedded PDF

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

ตามค่าเริ่มต้น WordPress จะแสดงไอคอน 'ดาวน์โหลด' ในแถบเครื่องมือและปุ่มใต้ PDF

How to allow visitors to download a PDF in WordPress

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

ด้วยเหตุนี้ คุณอาจต้องการยกเลิกการเปิดใช้งานปุ่ม "ดาวน์โหลด" อย่างไรก็ตาม หากคุณไม่ต้องการเกี่ยวข้องกับข้อมูลสำเนานี้จริงๆ คุณสามารถคลิกเพื่อปิดใช้งานการสลับ 'แสดงปุ่มรับ'

Hiding the Download button in a PDF viewer

เมื่อคุณพอใจกับวิธีการตั้งค่า PDF แล้ว ให้คลิกที่ 'อัปเดต' หรือ 'เผยแพร่' เพื่อให้การเปลี่ยนแปลงของคุณยังคงอยู่

ตอนนี้ถ้าคุณตรวจสอบเว็บไซต์ WordPress ของคุณ คุณจะเห็นการทำงานของโปรแกรมดู PDF

A PDF viewer, created with the built-in WordPress File block

ระบบ 2 เพิ่มโปรแกรมดู PDF ใน WordPress โดยใช้ปลั๊กอิน (ปรับแต่งได้มากขึ้น)

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

PDF.js Viewer เป็นหนึ่งในปลั๊กอิน PDF ที่เหมาะสำหรับ WordPress ช่วยให้คุณสามารถแก้ไขความสูงและความกว้างของโปรแกรมดู PDF และล้างปุ่มออกจากแถบเครื่องมือ PDF

นอกจากนี้ยังมาพร้อมกับโหมดเต็มหน้าจอซึ่งเหมาะสำหรับการจัดแสดงเอกสารที่มีความยาวมากขึ้น เช่น ebooks และคู่มือส่วนบุคคล

A PDF viewed in fullscreen mode

ในการเริ่มต้น คุณจะต้องใส่และเปิดใช้งาน PDF.js Viewer หากคุณต้องการความช่วยเหลือ โปรดดูคู่มือของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน ให้ไปที่ ตัวเลือก » PDFjs Viewer เพื่อกำหนดค่าตัวเลือกของปลั๊กอิน

The PDF.js Viewer plugin settings

ส่วนใหญ่แล้ว คุณสามารถลบล้างการกำหนดค่าเริ่มต้นเหล่านี้ได้เมื่อฝัง PDF ทุกไฟล์ ตัวอย่างเช่น คุณสามารถแก้ไขการตั้งค่า PDF เฉพาะสำหรับขนาดหรือมาตราส่วน

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

ตามค่าเริ่มต้น ปลั๊กอินเกี่ยวข้องกับปุ่มรับ พิมพ์ และค้นคว้าในแถบเครื่องมือ PDF หากคุณต้องการลบปุ่มใดๆ เหล่านี้ ให้ยกเลิกการทำเครื่องหมายที่ช่องถัดไป

Hiding buttons from the PDF viewer toolbar

คุณยังสามารถแก้ไขความสูงและความกว้างแบบฝังที่เป็นค่าเริ่มต้น และ 'ขนาดตัวแสดง'

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

Adding a sidebar to the PDF viewer in WordPress

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

ในการทำเช่นนี้ โดยทั่วไปให้เปิดเมนูแบบเลื่อนลง 'โหมดหน้า' และเลือก Thumbs ที่คั่นหน้า หรือไฟล์แนบ

Changing the mode in a PDF viewer

PDF.js Viewer ช่วยให้ผู้ใช้สามารถเปิด PDF ในโหมดเต็มหน้าจอได้ ตามค่าเริ่มต้น ผู้เยี่ยมชมไซต์สามารถเปิดวิธีนี้ได้โดยคลิกที่ลิงก์ย้อนกลับ 'ดูเต็มหน้าจอ' ที่สูงกว่า PDF ที่ฝังไว้

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

Customizing the PDF's fullscreen mode

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

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

Customizing the PDF viewer's fullscreen mode

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

เมื่อคุณพอใจกับวิธีการตั้งค่าปลั๊กอินแล้ว ให้คลิกที่ 'บันทึกการปรับปรุง'

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

ตอนนี้คุณสามารถเริ่มพิมพ์ใน 'Embed PDF.js Viewer' แล้วเลือกบล็อกที่ต้องการเมื่อมันปรากฏขึ้น

Adding a PDF to your WordPress website using a plugin

หลังจากนั้น เพียงคลิกที่ 'เลือก PDF' เพื่อเปิดไลบรารีสื่อ WordPress

ตอนนี้คุณสามารถเลือก PDF จากไลบรารีหรือเพิ่มไฟล์จากคอมพิวเตอร์ของคุณ

Embedding a PDF on your WordPress website using a block

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

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

Customizing the PDF embed block using a WordPress plugin

สุดท้าย คุณสามารถเลือกลบหรือแสดงปุ่ม 'ดาวน์โหลด' และ 'พิมพ์'

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

A PDF, embedded directly on a WordPress blog or website

รางวัล: วิธีสร้างรายได้จาก PDF ที่ฝังไว้ของคุณ

หากคุณมี PDF ที่มีคุณภาพดี ใช้งานได้จริง คุณสามารถใช้มันเพื่อสร้างรายได้ออนไลน์ด้วย WordPress

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

วิธีที่ยากน้อยที่สุดในการแปลง WordPress ให้เป็นเว็บไซต์สำหรับสมาชิกคือการใช้ MemberPress เป็นปลั๊กอินสำหรับสมาชิก WordPress ในอุดมคติ และช่วยให้คุณสามารถแปลงไซต์ใดๆ หรือส่งเป็นเนื้อหาเฉพาะสำหรับสมาชิกเท่านั้น เช่น ไฟล์ PDF แบบฝัง

Make money by selling PDFs online

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

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

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

หากคุณชื่นชมโพสต์นี้ คุณควรสมัครรับข้อมูล YouTube Channel สำหรับบทเรียนวิดีโอคลิป WordPress ของเรา คุณสามารถค้นหาเราได้ที่ Twitter และ Fb