วิธีใช้ PDF Viewer สำหรับ Elementor

Blair Jersyer Oct 19, 2021

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

ในบทช่วยสอนวันนี้ เราจะเน้นที่ปลั๊กอินที่ทำงานและชื่อ " PDF Viewer For Elementor "

มาเริ่มกันเลย.

ดาวน์โหลดและติดตั้ง Plugin PDF Viewer สำหรับ Elementor

ขั้นตอนแรกคือการดาวน์โหลดและติดตั้งปลั๊กอินจากแดชบอร์ดของคุณ คุณสามารถทำงานนี้ได้โดยตรงจากแดชบอร์ดของคุณโดยไปที่ปลั๊กอินและใช้ชื่อ "PDF Viewer For Elementor"

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

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

แก้ไข/สร้างหน้าด้วย Elementor เพื่อฝัง PDF

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

อย่างที่คุณเห็นปลั๊กอินเพิ่ม 2 องค์ประกอบใหม่ให้กับ Elementor แต่คุณควรใช้องค์ประกอบใดองค์ประกอบหนึ่งเมื่อใด นั่นคือสิ่งที่เราจะคิดออกด้านล่าง

เมื่อต้องการใช้องค์ประกอบโปรแกรมดู PDF

องค์ประกอบ "PDF Viewer" ให้คุณเพิ่ม iframe ที่ใช้ตัวแสดงตัวอย่าง Google Docs เพื่อใช้ลิงก์ไปยังเอกสาร PDF ของคุณ

คุณเพียงแค่ต้องระบุ URL หรืออัปโหลดไฟล์ของคุณบนสื่อของคุณ คุณยังสามารถกำหนดค่าขนาดของตัวแสดงตัวอย่างและการจัดตำแหน่งได้

แม้ว่าโซลูชันนี้จะใช้งานได้ค่อนข้างดี แต่ก็มีข้อเสียบางประการ:

  • จะไม่ทำงานหากบล็อก WordPress ของคุณโฮสต์ในเครื่อง
  • อาศัยเว็บภายนอกที่อาจหยุดทำงาน
  • มันอาจจะช้าในการโหลด PDF

หากคุณยอมใช้บริการภายนอกเพื่อแสดง PDF ของคุณ วิธีนี้เหมาะสำหรับคุณ

เมื่อใดควรใช้ PDFjs Viewer

องค์ประกอบที่สองที่เพิ่มโดยปลั๊กอินนี้คือ PDFjs Viewer ตามชื่อที่แนะนำ โซลูชันนี้ใช้ Javascript เพื่อฝังเอกสาร PDF ของคุณ โซลูชันมีการตั้งค่าเหมือนกับองค์ประกอบก่อนหน้า แต่มีข้อได้เปรียบในการทำงานในเครื่อง

ที่นี่คุณสามารถเลือกไฟล์จากสื่อของคุณเพื่อฝังเป็น PDF เท่านั้น โซลูชันนี้มีข้อเสียบางประการเช่นกัน:

  • หากจะไม่ทำงานหากเบราว์เซอร์ไม่เรียกใช้ Javascript (เบราว์เซอร์ที่ทันสมัยที่สุดใช้ Javascript)
  • รวมไฟล์ที่จะดาวน์โหลดเพิ่มเติมและอาจมีคำขอเพิ่มเติมไปยังเซิร์ฟเวอร์

ตัวอย่าง PDF Previews

นี่คือลักษณะที่แสดงตัวอย่างของคุณสำหรับองค์ประกอบทั้งสองที่เพิ่มโดย PDF Viewer สำหรับ Elementor

ดูตัวอย่างด้วย Element PDF Viewer

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

แสดงตัวอย่างด้วย PDFjs Viewer

"PDFjs Viewer" ยังมีปุ่มนำทาง แต่มีปุ่มค้นหาที่หายไปจากการแสดงตัวอย่างก่อนหน้า

ปลั๊กอินอื่น ๆ เพื่อฝัง PDFs บน WordPress

หากปลั๊กอินนี้ไม่ใช่สิ่งที่คุณกำลังมองหา ปลั๊กอินต่อไปนี้อาจเป็นโซลูชันที่คุณต้องการ

โปรแกรมดู PDF สำหรับ WordPress

PDF Viewer สำหรับ WordPress เป็นปลั๊กอิน PDF Reader ระดับพรีเมียมสำหรับ WordPress บน CodeCanyon ที่มีจำหน่ายมาตั้งแต่ปี 2014 ด้วยปลั๊กอินนี้ คุณสามารถแสดงและฝังไฟล์ PDF ของเว็บไซต์ WordPress ของคุณด้วยโปรแกรมอ่าน PDF และ FlipBook ที่ทันสมัย

คุณสมบัติหลัก

  • เปิด/ปิดการแชร์โซเชียล
  • เปิด/ปิดตัวเลือกการพิมพ์
  • เปิด/ปิดตัวเลือกการดาวน์โหลด
  • เปิด/ปิดโหมดการนำเสนอ
  • เปิด/ปิดการใช้งานตัวเลือกการค้นหา
  • เปิด/ปิด ปรับโลโก้ได้

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

PDF Embed - ปลั๊กอิน WordPress PDF Viewer

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

คุณสมบัติหลัก

  • วิดเจ็ตเนทีฟ
  • เข้ากันได้กับธีมพรีเมี่ยม
  • มีรหัสย่อ
  • WordPress Guttenberg Editor
  • รองรับนักแต่งเพลงภาพ

PDF Embedder

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

ปลั๊กอินนี้มาพร้อมกับ เวอร์ชันพรีเมียม ที่มีคุณสมบัติมากกว่า

สรุป

คุณจะใช้โซลูชันใดต่อไปนี้ คุณมีข้อเสนอแนะใด ๆ หรือไม่? แจ้งให้เราทราบในความคิดเห็น. อย่าลืมติดตามเราบนบัญชีโซเชียลมีเดียของเรา: Facebook และ Twitter

Divi WordPress Theme