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

Bangmod
January 6, 2023
9:25 am
WordPress

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

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

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

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

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

4. กดปุ่ม Activate เพื่อเปิดใช้งาน Plugin 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 เพื่อทำการบันทึกการแก้ไข

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

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

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

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

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 เพื่อทำการบันทึกการแก้ไข

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

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

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