9. แสดง PDF ด้วย PDF Embed

คลิปวิดีโอนี้สอนเกี่ยวกับการใช้ปลั๊กอินที่ชื่อว่า PDF Embed สำหรับ Joomla เพื่อนำไฟล์ PDF มาแสดงผลให้อ่านได้โดยตรงภายในเนื้อหา (Content) หรือบทความ (Article) บนหน้าเว็บไซต์ โดยที่ผู้ชมไม่ต้องกดคลิกเพื่อเปิดลิงก์ใหม่ไปยังหน้าอื่นครับ [00:42]

สรุปขั้นตอนและเนื้อหาสำคัญจากคลิปได้ดังนี้:

1. การดาวน์โหลดและติดตั้ง [01:31]

• ดาวน์โหลดปลั๊กอินจากเว็บไซต์ TechJoomla (เป็นของฟรีแต่ต้องสมัครสมาชิกก่อนดาวน์โหลด) [01:52]
• ติดตั้งผ่านเมนู Extensions > Manage > Install ในระบบหลังบ้านของ Joomla [03:37]
• สำคัญ: หลังติดตั้งต้องไปที่เมนู Plugin Manager เพื่อเปิดใช้งาน (Enable) ปลั๊กอินที่ชื่อ Content - PDF Embed และ Button - PDF Embed [04:19]

2. วิธีการใช้งาน [05:09]

คุณสามารถนำ PDF มาแสดงผลได้ 2 วิธีหลัก:

• วิธีใช้ Shortcode (สำหรับสายพิมพ์เอง): พิมพ์โค้ดในรูปแบบ {pdf=images/pdf/demo1.pdf|100%|500|native}
  • images/pdf/demo1.pdf: คือที่อยู่ของไฟล์ PDF ที่เราอัปโหลดไว้ [06:21]
  • 100%: คือความกว้างของการแสดงผล [06:56]
  • 500: คือความสูง (แต่ในคลิปแนะนำว่าค่านี้อาจส่งผลต่อสกอร์บาร์ภายในมากกว่าความสูงของกรอบ) [05:58]
  • native: คือรูปแบบการแสดงผลแบบมาตรฐาน [05:14]
• วิธีใช้ปุ่ม PDF Embed (สำหรับสายคลิก): ที่ด้านล่างของช่องเขียนบทความจะมีปุ่ม "PDF Embed" ให้คลิก แล้วใส่ Path ของไฟล์ PDF และเลือกโหมดการแสดงผล (เช่น native) ระบบจะสร้างโค้ดให้โดยอัตโนมัติ [10:01]

3. จุดเด่นและการแสดงผลบนอุปกรณ์ต่างๆ [09:09]

• ปลั๊กอินตัวนี้รองรับการแสดงผลบน Smartphone และ iPad ได้ดี (บางปลั๊กอินอาจจะไม่แสดงผลบนมือถือ) [09:20]
• บน iPad การแสดงผลอาจจะไม่มีกรอบสีดำเหมือนบนคอมพิวเตอร์ แต่จะแสดงเป็นตัวเอกสารบนพื้นขาวแทน [09:40]

4. การปรับแต่งเพิ่มเติม (Advanced) [07:21]

• ผู้สอนแนะนำว่าหากต้องการปรับความสูงของกรอบแสดงผลให้ยาวขึ้น อาจจะต้องใช้การเขียน CSS เพิ่มเติมเพื่อไป Override ค่า Padding หรือ Height ของ Class ที่ปลั๊กอินสร้างขึ้นมาครับ [08:46]

เครื่องมือนี้เหมาะมากสำหรับเว็บที่ต้องการโชว์เอกสารราชการ คู่มือการใช้งาน หรือโบร์ชัวร์สินค้าให้ลูกค้าอ่านได้ทันทีบนหน้าเว็บครับ [10:55]