วิธีการฝังไฟล์ PDF ใน WordPress

วิธีการฝังไฟล์ PDF ใน WordPress

อาจมีบางครั้งที่คุณชอบฝังไฟล์ PDF ในโพสต์หรือหน้าของคุณ:


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

แต่มีปัญหา!

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

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

แต่ถ้าคุณต้องการฝังไฟล์ PDF ในโพสต์ของคุณและให้ผู้เข้าชมดูโดยไม่ต้องออกจากเว็บไซต์ มีวิธีแก้ปัญหาสำหรับสิ่งนั้นหรือไม่? คำตอบสั้น ๆ คือใช่.

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

วิธีการฝังไฟล์ PDF ด้วยปลั๊กอิน

มีปลั๊กอินมากมายที่คุณสามารถใช้เพื่อเพิ่มไฟล์ PDF ลงในโพสต์ WordPress ของคุณ.

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

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน PDF Embedder

เข้าสู่แผงควบคุม WordPress ของคุณและไปที่ ปลั๊กอิน> เพิ่มใหม่. ตอนนี้ค้นหา PDF Embedder ในช่องค้นหา เมื่อคุณพบปลั๊กอินแล้วให้ติดตั้งและเปิดใช้งาน เรียบง่ายไม่ได้?

ติดตั้งปลั๊กอิน PDF Embedder

ขั้นตอนที่ 2: ตั้งค่าปลั๊กอิน

แม้ว่าคุณจะสามารถเริ่มฝังไฟล์ PDF ของคุณได้เมื่อคุณติดตั้งปลั๊กอินนี้คุณสามารถแก้ไขการตั้งค่าเพื่อให้ไฟล์ฝังตัวนั้นดูดีขึ้น หากต้องการเปิดหน้าการตั้งค่าของปลั๊กอินนี้ให้ไปที่ การตั้งค่า> PDF Embedder จากแถบด้านซ้ายของแดชบอร์ด WordPress ของคุณ.

การตั้งค่า PDF Embedder

ปลั๊กอินฟรีรุ่นนี้ให้คุณเปลี่ยนสิ่งต่อไปนี้:

  • ความกว้างและความสูง – คุณสามารถแก้ไขความกว้างและความสูงของโปรแกรมดู PDF ยอมรับค่าจำนวนเต็ม (เป็นพิกเซล) หรือ สูงสุด (ความกว้าง 100%).
  • ที่ตั้งแถบเครื่องมือ – แถบเครื่องมือของโปรแกรมดู PDF นี้ช่วยให้ผู้ชมของคุณซูมเข้าหรือออกและไปที่หน้าถัดไปหรือก่อนหน้า คุณสามารถมีแถบเครื่องมือที่ด้านบนด้านล่างหรือทั้งสองอย่าง.
  • เลื่อนแถบเครื่องมือ – คุณสามารถเลือกได้ว่าต้องการให้แถบเครื่องมือปรากฏเฉพาะเมื่อวางเมาส์เหนือเอกสารหรือไม่.

ตอนนี้เป็นการตั้งค่าสากล แต่ถ้าคุณต้องการเปลี่ยนการตั้งค่าของไฟล์เฉพาะ คุณสามารถทำได้ด้วยความช่วยเหลือของรหัสย่อ นี่คือตัวอย่าง:

[pdf-embedder url =” http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width =” 500″ toolbar =” top” toolbarfixed =” บน”]

ในตัวอย่างด้านบนความกว้างถูกตั้งค่าเป็น 500px ตำแหน่งแถบเครื่องมือถูกตั้งค่าเป็นด้านบนและแถบเครื่องมือจะได้รับการแก้ไข คุณยังสามารถตั้งค่าแถบเครื่องมือไปที่ด้านล่างและแถบเครื่องมือได้รับการแก้ไขเป็นปิด.

ปลั๊กอินนี้ยังมีรุ่นพรีเมี่ยมซึ่งมีคุณสมบัติเช่นปุ่มดาวน์โหลดมุมมองแทร็กและดาวน์โหลดการเลื่อนหน้าอย่างต่อเนื่องและเปิดลิงก์ในหน้าต่างใหม่.

ขั้นตอนที่ 3: ฝังไฟล์ PDF ในโพสต์หรือหน้าของคุณ

เมื่อคุณตั้งค่าเสร็จแล้วคุณสามารถเริ่มทำงานสกปรกได้ ตอนนี้ไม่ว่าคุณจะใช้ Classic Editor หรือ Gutenberg Editor คุณสามารถใช้ปลั๊กอินนี้เพื่อรับผลลัพธ์ที่ต้องการได้อย่างง่ายดาย.

หากคุณกำลังใช้ ตัวแก้ไขแบบคลาสสิก, การฝังไฟล์ PDF นั้นคล้ายกับสิ่งที่คุณทำกับรูปภาพหรือวิดีโอ.

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

ฝังไฟล์ PDF Classic Editor

ใช่แล้ว – ตอนนี้คุณสามารถดูตัวอย่างโพสต์ของคุณเพื่อตรวจสอบว่าทำงานอย่างถูกต้องหรือไม่.

เกี่ยวกับอะไร Gutenberg Editor? ปลั๊กอิน PDF Embedder มาพร้อมกับบล็อกเฉพาะ ดังนั้นสร้างโพสต์ใหม่และคลิกที่ไอคอนเพิ่มบล็อก ถัดไปค้นหา PDF Embedder บล็อกและเลือก.

ฝังไฟล์ PDF Gutenberg Editor

สุดท้ายให้คลิกที่บล็อกเพื่อเลือก (หรืออัปโหลด) ไฟล์ PDF ของคุณและงานของคุณจะเสร็จสิ้น.

นี่คือผลลัพธ์สุดท้ายโดยไม่คำนึงถึงว่าคุณใช้โปรแกรมแก้ไขใด:

ไฟล์ PDF แบบฝังตัวสุดท้าย

ปลั๊กอิน PDF Viewer ที่เป็นที่นิยม

แม้ว่าปลั๊กอิน PDF Embedder นั้นใช้งานได้ดี แต่ก็มีทางเลือกอยู่เสมอ ดังนั้นให้ฉันแบ่งปันปลั๊กอินตัวแสดง PDF แบบพรีเมี่ยมฟรีและบางอย่างในลำดับใด:

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

โปรแกรมดู PDF สำหรับปลั๊กอิน WordPress

ข้อมูล & ดาวน์โหลด

ด้วยยอดขายมากกว่า 3900+ ตัวดู PDF สำหรับ WordPress เป็นปลั๊กอินตัวแสดง PDF ที่ขายใน CodeCanyon มันเป็นปลั๊กอินที่รองรับการตอบสนองอย่างสมบูรณ์และข้ามเบราว์เซอร์ ปลั๊กอินนี้ช่วยให้คุณสามารถเปิดใช้งานหรือปิดใช้งานตัวเลือกต่าง ๆ เช่นการพิมพ์ดาวน์โหลดซูมการนำทางเพจและการแบ่งปันทางสังคม คุณสามารถใช้ Google Analytics กับ WordPress เพื่อติดตามจำนวนผู้เยี่ยมชมที่อ่าน PDF ของคุณ.

Google Drive Embedder

ปลั๊กอิน Embedder ของ Google Drive

Google Drive Embedder เป็นปลั๊กอินฟรีที่ช่วยให้คุณเข้าถึง Google Drive จากแผงควบคุม WordPress ของคุณและฝัง PDF, เอกสาร Word หรือสเปรดชีตในโพสต์หรือหน้าของคุณ อย่างไรก็ตามในการใช้ปลั๊กอินนี้คุณต้องติดตั้ง เข้าสู่ระบบ Google Apps เช่นกัน – วัตถุประสงค์ของปลั๊กอินนี้คือการเชื่อมต่อ Google Drive กับเว็บไซต์ WordPress ของคุณ.

ตัวแสดง PDF ของ Algori

Algori PDF Viewer ปลั๊กอิน

กำลังมองหาปลั๊กอินบล็อก Gutenberg สำหรับการฝังไฟล์ PDF อยู่หรือไม่? คุณสามารถลองใช้ปลั๊กอิน Algori PDF Viewer ปลั๊กอินฟรีนี้เข้ากันได้กับทุกเว็บเบราว์เซอร์เช่น Google Chrome, Firefox, Safari, Opera และ Internet Explorer 11 มันช่วยให้คุณโหลดหลายไฟล์ในหน้าเดียวและรองรับโหมดการนำเสนอ.

ปลั๊กอิน WordPress Real3D FlipBook

ปลั๊กอิน WordPress Real3D FlipBook

ข้อมูล & ดาวน์โหลด

ตามชื่อที่แนะนำ Real3D FlipBook เป็นปลั๊กอิน flipbook 3D ที่ตอบสนองและเป็นมิตรสำหรับการแสดง PDF และรูปภาพ มันได้รับการพัฒนาโดยใช้ HTML5 และไม่จำเป็นต้องใช้ Flash คุณสามารถปรับแต่งการตั้งค่าเช่นความเร็วการพลิกเสียงการพลิกระดับการซูมและมุมกล้อง ปลั๊กอินนี้ยังรองรับ Lightbox และโหมดเต็มหน้าจอ.

รวมถึงเอกสารใด ๆ

รวมถึงเอกสารใด ๆ

ข้อมูล & ดาวน์โหลด

Embed Any Document Plus เป็นหนึ่งในปลั๊กอินที่ช่วยให้คุณอัปโหลดและฝังไฟล์เอกสาร (PDF, Word, PPT, Excel, ฯลฯ ) ได้อย่างง่ายดายบนเว็บไซต์ WordPress ปลั๊กอินเพิ่มปุ่ม “เพิ่มเอกสาร” ด้านบนโปรแกรมแก้ไขภาพ นี่จะเป็นการเปิดป๊อปอัพ EAD Plus จากตำแหน่งที่คุณสามารถเลือกแหล่งที่มาของเอกสารของคุณ รวมเข้ากับบริการคลาวด์ของ Google Drive, Dropbox และ Box.com คุณสามารถอยู่ในไซต์ WordPress ของคุณและอัปโหลดไฟล์ไปยังบริการคลาวด์และฝังได้จากที่นั่น.

หลังจากอัปโหลดหรือเลือกเอกสารคุณต้องการฝังคุณจะได้รับตัวเลือกให้เลือกบริการเอกสารที่คุณต้องการฝังไฟล์ของคุณ ปลั๊กอินจะจดจำรูปแบบไฟล์โดยอัตโนมัติและแนะนำให้คุณดู ผู้ดูสามารถจัดการไฟล์ที่มีขนาดสูงสุด 5 ถึง 8MB สำหรับไฟล์ขนาดใหญ่นักพัฒนาแนะนำให้อัปโหลดไปยัง Google ไดรฟ์และฝังจากที่นั่น.

วิธีการฝังไฟล์ PDF โดยไม่ต้องใช้ปลั๊กอิน

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

แนวคิดนี้ง่ายมากคุณจะต้องอัปโหลดไฟล์ PDF ของคุณไปยังบัญชี Google Drive ของคุณจากนั้นใช้รหัส iframe เพื่อฝังไฟล์นั้นในเว็บไซต์ของคุณ แม้ว่าวิธีนี้จะปลอดภัย แต่ปัญหาเดียวคือมันใช้ iframe.

ขั้นตอนที่ 1: ไปที่ Google Drive และเข้าสู่บัญชีของคุณ.

ขั้นตอนที่ 2: อัปโหลดไฟล์ PDF ที่คุณต้องการฝังในโพสต์ WordPress ที่นี่ ในการทำเช่นนั้นคลิกที่ ใหม่ จากแถบด้านซ้ายของบัญชี Google Drive ของคุณเลือก อัปโหลดไฟล์, และอัปโหลดไฟล์จากเครื่องคอมพิวเตอร์ของคุณ.

การอัปโหลดไฟล์ Google Drive

ขั้นตอนที่ 3: เมื่ออัปโหลดไฟล์ไปยังไดรฟ์ของคุณดับเบิลคลิกที่ไฟล์เพื่อดูตัวอย่างไฟล์ ตอนนี้คลิกที่จุดแนวตั้ง 3 จุด (การทำงานอื่น ๆ ) ที่มุมขวาบนแล้วเลือก เปิดหน้าต่างใหม่.

ขั้นตอนที่ 4: ในหน้าต่างใหม่คลิกที่การทำงานอื่น ๆ (จุดแนวตั้ง 3 จุดที่มุมขวาบน) และเลือกแบ่งปัน.

การแชร์ PDF ของ Google Drive

ขั้นตอนที่ 5: ป๊อปอัปที่เรียกว่า“ แบ่งปันกับผู้อื่น” จะเปิดขึ้น คลิกที่นี่ รับลิงก์ที่แชร์ได้ – สิ่งนี้จะทำให้แน่ใจได้ว่าทุกคนที่มีลิงก์ไฟล์ PDF สามารถดูได้ หากคุณไม่ทำเช่นนี้ไฟล์จะยังคงเป็นส่วนตัวและจะไม่ปรากฏต่อผู้ชมเว็บไซต์ของคุณ.

รับลิงค์ที่แชร์ได้

ขั้นตอนที่ 6: หากคุณไม่ต้องการให้ผู้เยี่ยมชมดาวน์โหลดหรือพิมพ์ไฟล์และปิดใช้งานคุณสมบัติการคัดลอกข้อความให้คลิกที่ สูง ในหน้าต่างป๊อปอัปเดียวกัน ตรวจสอบตัวเลือกที่ระบุว่า -“ ปิดการใช้งานตัวเลือกเพื่อดาวน์โหลดพิมพ์และคัดลอกสำหรับผู้แสดงความคิดเห็นและผู้ดู” แล้วคลิก เสร็จสิ้น.

ปิดการดาวน์โหลดสำเนาการพิมพ์ใน Google Drive PDF

ขั้นตอนที่ 7: ถึงเวลาที่คุณจะได้รับโค้ดสำหรับฝังซึ่งเราจะใช้ในโพสต์ของเรา หากต้องการรับสิ่งนั้นให้คลิกการกระทำอื่น ๆ อีกครั้งเลือก รายการฝัง, และคัดลอกรหัส iframe.

รหัสการคัดลอก Google Drive

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

แท็บข้อความแก้ไขแบบคลาสสิก

สำหรับ Gutenberg Editor, คุณต้องเพิ่มบล็อกใหม่ค้นหา HTML ที่กำหนดเองและสุดท้ายเพิ่มรหัส iframe ในบล็อก HTML ที่กำหนดเอง:

บล็อก HTML ที่กำหนดเอง

ขั้นตอนที่ 9: แค่นี้ – ดูตัวอย่างโพสต์หรือหน้าของคุณเพื่อตรวจสอบไฟล์ PDF ที่ฝังไว้.

อ้างอิงท้ายเรื่องวิธีการฝังไฟล์ PDF ใน WordPress

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map