วิธีการฝัง PDF ในเว็บไซต์ WordPress (อัปเดต 2023)

หัวข้อสำคัญในเนื้อหานี้

PDF เป็นหนึ่งไฟล์ยอดนิยมในการใช้งานในปัจจุบัน และวันนี้ Bangmod.Cloud จะมาแนะนำวิธีการฝังและแสดงผลไฟล์ PDF (.pdf) ให้สามารถอ่านได้ทันทีบนเว็บไซต์ WordPress โดยไม่จำเป็นต้องดาวน์โหลดไฟล์ ซึ่ง Plugin ที่เราจะใช้งานวันนี้ได้แก่ PDF Embedder 

วิธีฝังไฟล์ PDF ในหน้าเว็บไซต์ WordPress ด้วย PDF Embedder

1. Login เข้าสู่ระบบจัดการ WordPress ของเรา

how-to-install-a-wordpress-plugin

2. เลือกเมนู Plugins > Add New เพื่อติดตั้ง Plugin ใหม่

how-to-install-a-wordpress-plugin

3. ค้นหา Plugin PDF Embedder และกดปุ่ม Instlall Now เพื่อติดตั้ง Plugin บนเว็บไซต์ของเรา

PDF Embedder

4. กดปุ่ม Activate เพื่อเปิดใช้งาน Plugin PDF Embedder ที่ติดตั้งแล้ว 

PDF Embedder

5. ระบบ WordPress พาท่านไปยังหน้ารวม Plugins พร้อมแสดงสถานะ Plugin activated. เพื่อแจ้งว่าได้เปิดใช้งาน Plugin แล้ว

6. ไปยังหน้าแก้ไขเนื้อหาของโพสต์ (Post) หรือเพจ (Page) ที่ต้องการเพิ่ม PDF 

6.1 สำหรับการเพิ่ม PDF ใน Elementor

6.1.1 กดปุ่ม Add Media ใน Element Text Editor เพื่ออัปโหลดไฟล์ใหม่

6.1.2 เลือกแท็บ Upload files และกดปุ่ม Select Files เพื่อทำการอัปโหลดไฟล์ PDF ใหม่

6.1.3 จะพบหน้าต่างใหม่ ให้ทำการเลือกไฟล์ PDF (.pdf) ในเครื่องคอมพิวเตอร์ของเราเพื่อทำการอัปโหลดเข้าสู่เว็บไซต์

6.1.4 ตรวจสอบว่าไฟล์ที่จะเพิ่มในหน้าเว็บไซต์ถูกต้องหรือไม่ และกดปุ่ม Insert into post เพื่อเพิ่มไฟล์ PDF ไปยังเนื้อหาของเว็บไซต์

6.1.5 จะพบ Shortcode [ pdf-embedder url=”” title=”” ] ในเนื้อหาของเว็บไซต์ กดปุ่ม Publish หรือ Update เพื่อทำการบันทึกการแก้ไข

PDF Embedder

6.1.6 เมื่อพรีวิว (Preview) หรือดูเนื้อหาของเว็บไซต์จะพบว่า PDF ถูกแสดงผลเรียบร้อยแล้ว!

PDF Embedder

6.2 สำหรับการเพิ่ม PDF ใน Gutenberg WordPress Editor

6.2.1 กดปุ่ม + เพื่อเพิ่ม Block ใหม่ ค้นหา PDF และเลือก PDF Embedder

PDF Embedder

6.2.2 เลือก Click here to Open Media Library to select PDF เพื่ออัปโหลดไฟล์ PDF (.pdf)

PDF Embedder

6.2.3 เลือกแท็บ Upload files และกดปุ่ม Select Files เพื่อทำการอัปโหลดไฟล์ PDF ใหม่

6.2.4 จะพบหน้าต่างใหม่ ให้ทำการเลือกไฟล์ PDF (.pdf) ในเครื่องคอมพิวเตอร์ของเพื่อทำการอัปโหลดเข้าสู่เว็บไซต์

6.2.5 ตรวจสอบว่าไฟล์ที่จะเพิ่มในหน้าเว็บไซต์ถูกต้องหรือไม่ และกดปุ่ม Select หรือ Insert into post เพื่อเพิ่มไฟล์ PDF ไปยังเนื้อหาของเว็บไซต์

6.2.6 จะพบรายละเอียดของ PDF ในเนื้อหาของเว็บไซต์ กดปุ่ม Publish หรือ Update เพื่อทำการบันทึกการแก้ไข

PDF Embedder

6.2.7 เมื่อพรีวิว (Preview) หรือดูเนื้อหาของเว็บไซต์จะพบว่า PDF ถูกแสดงผลเรียบร้อยแล้ว!

PDF Embedder
โฮสติ้งสำหรับ WordPress

NVMe SSD WordPress Hosting ที่แรงที่สุดของ Bangmod.Cloud ทรงพลังด้วยเซิร์ฟเวอร์ใหม่ล่าสุดปี 2022 จัดเก็บข้อมูลใน NVMe PCIe 4.0 SSD แบบ Enterprise-Grade ที่เร็วกว่า SATA SSD ทั่วไปกว่า 10 เท่า และโซลูชั่นความปลอดภัยแบบจัดเต็ม หายห่วงเรื่อง Malware!

Facebook
Twitter
Telegram

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้เพื่อการวิเคราะห์และโฆษณา

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

Save