วิธีฝังไฟล์ PDF บน WordPress ของคุณ (Elementor + Divi)

Rifat Dec 9, 2023

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

เราจะแบ่งกระบวนการออกเป็นขั้นตอนง่ายๆ หลายขั้นตอน

อัปโหลด PDF ไปยังไลบรารีสื่อ WordPress ของคุณ

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

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

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

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

เริ่มเลย

ฝังไฟล์ PDF ผ่าน Elementor

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

ตอนนี้คุณสามารถฝังลิงก์ลงในข้อความใดก็ได้ และวางลิงก์ที่คัดลอกของไฟล์ PDF ไว้ภายในลิงก์ฟิลด์

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

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

นอกเหนือจาก Elementor แล้ว ยังมีปลั๊กอิน WordPress อื่น ๆ ที่สามารถช่วยคุณฝังไฟล์ PDF ลงในบล็อก WordPress ของคุณได้

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

PDF Viewer สำหรับ WordPress เป็นหนึ่งในปลั๊กอิน PDF Reader ระดับพรีเมียมที่ขายดีที่สุดสำหรับ WordPress บน Codecanyon (ยอดขายมากกว่า 5,100 รายการ) ตั้งแต่ปี 2014 ด้วยปลั๊กอิน WordPress นี้ คุณสามารถแสดงและฝังไฟล์ PDF ของเว็บไซต์ WordPress ของคุณด้วย PDF Reader และ FlipBook ที่ทันสมัย ใช้มันกับ PDF ทุกประเภท เช่น eBooks, ใบแจ้งหนี้, ใบปลิว, เอกสารประกอบ, ประวัติย่อ ฯลฯ

คุณสมบัติที่สำคัญ

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

ปลั๊กอิน WordPress dFlip PDF FlipBook

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

คุณสมบัติที่สำคัญ

  • UI ที่ใช้งานง่าย
  • PDF และรูปภาพ FlipBook
  • เสียงประกอบ
  • เค้าโครงที่ตอบสนอง
  • เอฟเฟกต์ 3 มิติ
  • ตัวเลือกและการกำหนดค่าที่ใช้งานง่าย
  • ทางเลือกอัจฉริยะ CSS Flipbook
  • แอนิเมชั่นที่สมจริง

iPages Flipbook สำหรับ WordPress

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

คุณสมบัติที่สำคัญ

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

ฝังไฟล์ PDF ผ่าน Divi

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

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

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

แสดง PDF โดยใช้โปรแกรมดู Divi PDF

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

ขณะนี้มีโมดูล Divi อื่นๆ ที่สามารถยกระดับประสบการณ์การดู PDF ของผู้เยี่ยมชมของคุณในอีกระดับหนึ่ง มาดูพวกเขาด้วย

โมดูลลิงค์ตัวแสดง PDF

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

โมดูลรูปภาพโปรแกรมดู PDF

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

รายการโปรแกรมดู PDF/โมดูลกริด

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

มุมมองรายการเหมาะอย่างยิ่งสำหรับการแสดงเอกสารที่มีความยาว ในขณะที่มุมมองตารางทำให้การค้นหาและการกรองไฟล์ PDF มีประสิทธิภาพมากขึ้น

บทสรุป

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

Divi WordPress Theme