กันยายน 17, 2022

วิธี Embed PDF, Word, Excel ใน WordPress

บทความนี้เราจะมาสอน วิธีการฝังไฟล์เอกสารลงใน WordPress แบบง่ายๆ ด้วยปลั๊กอินที่ชื่อว่า Embed Any Document โดยสามรถฝังไฟล์เอกสารได้ทั้ง PDF, Word, PowerPoint และ Excel ผู้ใช้ที่เข้ามาเว็บไซต์ของเรา จะสามารถเห็นไฟล์เหล่านี้ได้เลย โดยไม่ต้องดาวน์โหลดเอกสาร

วิธีติดตั้งและตั้งค่าปลั๊กอิน Plugin Embed Any Document

ติดตั้งปลั๊กอิน Plugin Embed Any Document > ปลั๊กอิน > เพิ่มปลั๊กอินใหม่ > Plugin Embed Any Document > กดติดตั้งและใช้งาน

โดยเราสามารถเข้าไปตั้งค่าปลั๊กอินได้ที่แทบเมนูด้านซ้ายของหลังบ้าน ตั้งค่า > Embed Any Document โดยจะมีหลักๆ ดังนี้

  • Default Size ขนาดการแสดงผลของเอกสาร ปรับได้ทั้ง Pixel และ Percent
  • Show Download Link สามารถเปิดให้ผู้เข้าชมดาวโหลดเอกสารได้หรือไม่ หรือสามารถให้ดาวน์โหลดเอกสารได้ โดยแบ่งตามลักษณะผู้ใช้งาน
    For all users และ For Logged-in users
  • Download Text ข้อความปุ่มดาวน์โหลด

วิธีใช้งาน Embed Any Document

สร้างหน้าที่เราต้องการ Embed Document กดที่ปุ่ม Add Document

จากนั้นเลือก Upload Document จากเครื่องคอมพิวเตอร์ของเรา หรือ Add From URL ก็สมารถ Embed เช่นกัน

เมื่อเราได้ทำการ Upload Document เรียบร้อย โดยสามารถกำหนดขนาดหรือต้องการเปิดลิงค์ดาวน์โหลดเอกสารนี้ได้หรือไม่ จากนั้นกดปุ่ม Insert ได้เลย

ตอนนี้เราทำการฝังเอกสาร PDF ลงไปในหน้าเว็บไซต์เรียบร้อยแล้ว จะแสดงเป็น ShortCode ก่อน จากนั้นกดปุ่ม อัพเดท ที่หน้าได้เลย

แค่นี้เราก็สามารถ Embed Document บนเว็บไศต์ของเราได้อย่างง่ายดาย ถ้าไม่ยังแสดงให้ลองกด Refresh หน้า 1 ครั้งครับ

เราจะใช้งาน Embed Any Document ร่วมกับ Page Builder ได้อย่างไร ?

การ Embed PDF Word Excel ลงใน WordPress นั้นเราสามารถใช้ร่วมกับ Page Builder ได้ทุกตัว โดยการใช้ฟังก์ชั่นในการใส่ Shortcode ของ WordPress

ก่อนอื่นเราต้องทราบก่อนว่า  LINK ไฟล์ Document ที่เราได้ Upload ไว้อยู่ที่ไหน มีวิธีดังนี้

  1. โดยเข้าไปที่แถบ สื่อ > คลังสื่อ > คลิกไฟล์ที่เราต้องการ > Copy Link ที่ช่อง URL หรือ กดปุ่มคัดลอกไปยังคลิปบอร์ด
  2. นำ link URL ที่คัดลองมาวางใน Shortcode   [embeddoc url=”ใส่ URL ของไฟล์”]
  3. นำ Shortcode ไปใส่ใน Page Builder ของเรา

Elementor เลือกวิตเจ็ต ShortCode > วาง ShortCode

Wp Bakery เลือกวิตเจ็ต Raw HTML > วาง ShortCode