หัวข้อสำคัญในเนื้อหานี้
PDF เป็นหนึ่งไฟล์ยอดนิยมในการใช้งานในปัจจุบัน และวันนี้ Bangmod.Cloud จะมาแนะนำวิธีการฝังและแสดงผลไฟล์ PDF (.pdf) ให้สามารถอ่านได้ทันทีบนเว็บไซต์ WordPress โดยไม่จำเป็นต้องดาวน์โหลดไฟล์ ซึ่ง Plugin ที่เราจะใช้งานวันนี้ได้แก่ PDF Embedder
วิธีฝังไฟล์ PDF ในหน้าเว็บไซต์ WordPress ด้วย PDF Embedder
1. Login เข้าสู่ระบบจัดการ WordPress ของเรา
![how-to-install-a-wordpress-plugin](https://bangmod.cloud/wp-content/uploads/2022/12/FireShot-Capture-447-Log-In-‹-My-Blog-—-WordPress-store.bangmod.in_.th_.png)
2. เลือกเมนู Plugins > Add New เพื่อติดตั้ง Plugin ใหม่
![how-to-install-a-wordpress-plugin](https://bangmod.cloud/wp-content/uploads/2022/12/FireShot-Capture-448-Dashboard-‹-My-Blog-—-WordPress-store.bangmod.in_.th_.png)
3. ค้นหา Plugin PDF Embedder และกดปุ่ม Instlall Now เพื่อติดตั้ง Plugin บนเว็บไซต์ของเรา
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-09.33.18.png)
4. กดปุ่ม Activate เพื่อเปิดใช้งาน Plugin PDF Embedder ที่ติดตั้งแล้ว
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-09.50.14-1.png)
5. ระบบ WordPress พาท่านไปยังหน้ารวม Plugins พร้อมแสดงสถานะ Plugin activated. เพื่อแจ้งว่าได้เปิดใช้งาน Plugin แล้ว
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-09.54.08.png)
6. ไปยังหน้าแก้ไขเนื้อหาของโพสต์ (Post) หรือเพจ (Page) ที่ต้องการเพิ่ม PDF
6.1 สำหรับการเพิ่ม PDF ใน Elementor
6.1.1 กดปุ่ม Add Media ใน Element Text Editor เพื่ออัปโหลดไฟล์ใหม่
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-09.58.16.png)
6.1.2 เลือกแท็บ Upload files และกดปุ่ม Select Files เพื่อทำการอัปโหลดไฟล์ PDF ใหม่
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.01.31.png)
6.1.3 จะพบหน้าต่างใหม่ ให้ทำการเลือกไฟล์ PDF (.pdf) ในเครื่องคอมพิวเตอร์ของเราเพื่อทำการอัปโหลดเข้าสู่เว็บไซต์
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.10.57.png)
6.1.4 ตรวจสอบว่าไฟล์ที่จะเพิ่มในหน้าเว็บไซต์ถูกต้องหรือไม่ และกดปุ่ม Insert into post เพื่อเพิ่มไฟล์ PDF ไปยังเนื้อหาของเว็บไซต์
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.12.55.png)
6.1.5 จะพบ Shortcode [ pdf-embedder url=”” title=”” ] ในเนื้อหาของเว็บไซต์ กดปุ่ม Publish หรือ Update เพื่อทำการบันทึกการแก้ไข
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.13.23.png)
6.1.6 เมื่อพรีวิว (Preview) หรือดูเนื้อหาของเว็บไซต์จะพบว่า PDF ถูกแสดงผลเรียบร้อยแล้ว!
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.22.34.png)
6.2 สำหรับการเพิ่ม PDF ใน Gutenberg WordPress Editor
6.2.1 กดปุ่ม + เพื่อเพิ่ม Block ใหม่ ค้นหา PDF และเลือก PDF Embedder
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.28.41.png)
6.2.2 เลือก Click here to Open Media Library to select PDF เพื่ออัปโหลดไฟล์ PDF (.pdf)
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.31.42.png)
6.2.3 เลือกแท็บ Upload files และกดปุ่ม Select Files เพื่อทำการอัปโหลดไฟล์ PDF ใหม่
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.34.11.png)
6.2.4 จะพบหน้าต่างใหม่ ให้ทำการเลือกไฟล์ PDF (.pdf) ในเครื่องคอมพิวเตอร์ของเพื่อทำการอัปโหลดเข้าสู่เว็บไซต์
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.10.57.png)
6.2.5 ตรวจสอบว่าไฟล์ที่จะเพิ่มในหน้าเว็บไซต์ถูกต้องหรือไม่ และกดปุ่ม Select หรือ Insert into post เพื่อเพิ่มไฟล์ PDF ไปยังเนื้อหาของเว็บไซต์
![](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.36.00.png)
6.2.6 จะพบรายละเอียดของ PDF ในเนื้อหาของเว็บไซต์ กดปุ่ม Publish หรือ Update เพื่อทำการบันทึกการแก้ไข
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.41.50.png)
6.2.7 เมื่อพรีวิว (Preview) หรือดูเนื้อหาของเว็บไซต์จะพบว่า PDF ถูกแสดงผลเรียบร้อยแล้ว!
![PDF Embedder](https://bangmod.cloud/wp-content/uploads/2023/01/Screenshot-2566-01-06-at-10.22.34.png)
![](https://bangmod.cloud/wp-content/uploads/2022/12/NVMe-SSD-Nex-Gen-WordPress-Hosting-Clean-Malware-819x1024.png)
NVMe SSD WordPress Hosting ที่แรงที่สุดของ Bangmod.Cloud ทรงพลังด้วยเซิร์ฟเวอร์ใหม่ล่าสุดปี 2022 จัดเก็บข้อมูลใน NVMe PCIe 4.0 SSD แบบ Enterprise-Grade ที่เร็วกว่า SATA SSD ทั่วไปกว่า 10 เท่า และโซลูชั่นความปลอดภัยแบบจัดเต็ม หายห่วงเรื่อง Malware!
-
รับฟรี
สูงสุด 10 Licenses!
- รับฟรี บริการกำจัด WordPress Malware!
-
เซิร์ฟเวอร์
ประเทศไทย, ประเทศสิงคโปร์