วิธีการใช้ iFrames กับ WordPress?

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

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

มีสถานการณ์ที่เป็นประโยชน์สำหรับคุณหรือไม่ ซึ่งคุณสามารถเพิ่มเนื้อหาโดยไม่ต้องประสบปัญหาเหล่านี้

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

อย่ากังวลหากคุณไม่ทราบวิธีใช้ iFrames กับ WordPress คู่มือนี้มีสามวิธีง่ายๆ ที่จะช่วยคุณ

แต่ก่อนอื่น มาเริ่มกันที่บทนำกันก่อน:

iFrame คืออะไร?

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

เหตุใดคุณจึงควรใช้ iFrames

มีเหตุผลหลักสองประการในการใช้ iFrames พวกเขาคือ:

1. การบันทึกที่เก็บข้อมูลและแบนด์วิดท์ของคุณ

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

เมื่อคุณใช้ iFrames คุณสามารถแสดงวิดีโอและเนื้อหาจากเว็บไซต์อื่นโดยไม่ต้องโฮสต์ไฟล์บน WordPress Media Library ของคุณ คุณลักษณะดังกล่าวช่วยประหยัดทรัพยากรของคุณและรักษาประสิทธิภาพการทำงานที่มั่นคง

2. หลีกเลี่ยงปัญหาลิขสิทธิ์

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

3. การซิงโครไนซ์อัตโนมัติ

สองข้อข้างต้นเป็นข้อดีหลักของการใช้ iFrames อย่างไรก็ตาม เราก็ไม่อยากพลาดฟีเจอร์สำคัญนี้เช่นกัน เมื่อใดก็ตามที่มีการแก้ไขในวิดีโอหรือเนื้อหาต้นฉบับ iframe จะตรวจพบการแก้ไขโดยอัตโนมัติ จากนั้นจะทำการเปลี่ยนแปลงในเว็บไซต์ของคุณตามลำดับ วิธีง่ายๆในการอัปเดตเนื้อหาเราต้องบอกว่า

วิธีใช้ iFrames กับ WordPress

สามวิธีง่ายๆ ในการใช้ iFrames กับ WordPress:

วิธีที่ 1: การใช้โค้ดฝังตัวจากแหล่งที่มาและการเพิ่ม iFrame

เว็บไซต์ขนาดใหญ่หลายแห่ง เช่น YouTube และ Facebook มีตัวเลือกการฝังเนื้อหา คุณจะได้รับรหัส iFrame ทันทีที่คุณต้องเพิ่มในเว็บไซต์ของคุณ

นี่คือขั้นตอนในการใช้ iFrame โดยใช้โค้ดสำหรับฝัง:

• ไปที่แหล่งที่มาที่คุณต้องการนำเนื้อหา

ต่อไปนี้คือตัวอย่างการคัดลอกโค้ดฝังตัวของวิดีโอจาก YouTube:

• ไปที่วิดีโอที่คุณต้องการฝังจาก Youtube
• คลิกที่ปุ่ม 'แชร์' ด้านล่างวิดีโอ

• หน้าจอปรากฏขึ้นพร้อมตัวเลือกมากมาย คลิกที่ตัวเลือก 'ฝัง'

• YouTube จะแสดงโค้ดฝังตัวสำหรับวิดีโอนั้น คัดลอก

• นอกจากนี้เรายังแนะนำให้เลือกตัวเลือก 'แสดงการควบคุมผู้เล่น' และ 'เปิดใช้งานโหมดปรับปรุงความเป็นส่วนตัว' ที่ด้านล่าง

ตอนนี้คุณสามารถวางรหัสที่คุณเพิ่งคัดลอกในโพสต์ของคุณ สำหรับการที่:

• ไปที่แดชบอร์ด WordPress ของคุณ
• ไปที่ตัวเลือก 'หน้า' และคลิกที่ตัวเลือก 'เพิ่มใหม่' คุณสามารถเลือกเพิ่มรหัสในหน้า/โพสต์ที่มีอยู่ได้เช่นกัน

• เพิ่มบล็อก HTML ในหน้าของคุณ

• ตอนนี้ วางโค้ดฝังตัวที่คุณคัดลอกไว้ก่อนหน้านี้ในบล็อกนี้

• จากนั้นคุณสามารถดูตัวอย่างการเปลี่ยนแปลงได้ ตรวจสอบว่าการฝังทำงานเพียงพอหรือไม่

หมายเหตุ: หากคุณใช้ตัวแก้ไขแบบคลาสสิกบน WordPress คุณสามารถวางโค้ดสำหรับฝังลงในตัวเลือกมุมมอง "ข้อความ" ได้ อย่างไรก็ตาม การสลับมุมมองระหว่าง "ภาพ" และ "ข้อความ" อาจทำให้เกิดปัญหากับโค้ด iFrame แบบฝังได้

วิธีที่ 2: การใช้ปลั๊กอิน WordPress เพื่อใช้ iFrame

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

• ไปที่แดชบอร์ด WordPress ของคุณ
• ไปที่ตัวเลือก "ปลั๊กอิน" ที่แผงด้านซ้าย
• คลิกที่ตัวเลือก 'เพิ่มใหม่'

• ค้นหาปลั๊กอิน iframe ติดตั้งและเปิดใช้งาน
• หลังจากเปิดใช้งาน คุณสามารถใช้ปลั๊กอินได้โดยไม่ต้องตั้งค่าเพิ่มเติม
• ไปที่โพสต์/หน้าหรือสร้างใหม่
• เพิ่มบล็อกรหัสย่อในตัวแก้ไข

• เขียนรหัสย่อต่อไปนี้เพื่อฝังรหัส iFrame ของคุณ

 [iframe src="URL"]

ที่นี่ คุณต้องวาง URL ของเนื้อหาที่คุณต้องการฝังบนเว็บไซต์ของคุณ เราจะแสดงตัวอย่างการฝัง Google map

• คุณสามารถบันทึกหรือดูตัวอย่างการเปลี่ยนแปลงได้ มันจะมีลักษณะดังนี้:

หมายเหตุ: การคัดลอก URL อาจไม่ได้ผลในบางครั้ง ในกรณีนั้น ให้คัดลอกโค้ดสำหรับฝังจากแหล่งที่มา คัดลอกเฉพาะ URL จากรหัสนั้นและลบส่วนที่เหลือ

วิธีที่ 3: การสร้างรหัส iFrame ด้วยตนเองและการฝังใน WordPress

หากคุณไม่ต้องการใช้ปลั๊กอิน iFrame คุณสามารถสร้างโค้ด iFrame ด้วยตนเองได้ดังนี้:

• ไปที่แดชบอร์ด WordPress ของคุณ
• ไปที่โพสต์/หน้าหรือสร้างใหม่
• เพิ่มบล็อก 'HTML' ลงในตัวแก้ไข

• คัดลอกและวางรหัสต่อไปนี้

 <iframe src="URL"></iframe>

• แทนที่ส่วน "URL" ด้วย URL โดยตรงของเนื้อหาที่คุณต้องการฝังบนไซต์ของคุณ

นี่คือตัวอย่างของการฝัง Google map:

หลังจากดูตัวอย่างแล้วจะมีลักษณะดังนี้:

หมายเหตุพิเศษ

ในวิธีที่สองและสาม คุณยังสามารถตั้งค่าพารามิเตอร์เพื่อปรับขนาดของ iFrame บนไซต์ของคุณได้ ตัวอย่างเช่น คุณสามารถกำหนดความสูง ความกว้าง และอื่นๆ

ต่อไปนี้คือพารามิเตอร์ที่ใช้กันทั่วไปบางส่วน:

• ความกว้าง: การใช้พารามิเตอร์ width ทำให้คุณสามารถกำหนดความกว้างที่กำหนดไว้สำหรับ iFrame ของคุณเป็นพิกเซล

• ความสูง: การใช้พารามิเตอร์ความสูง คุณสามารถปรับความสูงของหน้าต่าง iFrame บนไซต์ของคุณเป็นพิกเซลได้

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

• ความสำคัญ: การใช้พารามิเตอร์นี้ทำให้คุณสามารถระบุได้ว่าควรโหลด iFrame เมื่อใด

ตัวอย่างเช่น:

 [iframe src="URL” width="600" height="450" frameborder="0"”]

หรือ,

 <iframe src="URL" width="900" height="700" allow="fullscreen"></iframe>

บทสรุป

การรักษาเว็บไซต์ของคุณให้น่าดึงดูดและเป็นมิตรกับผู้ใช้จะช่วยพัฒนาอาชีพออนไลน์ของคุณ อย่างไรก็ตาม จะเป็นการดีที่สุดหากคุณปฏิบัติตามกฎและข้อบังคับของการดำเนินการไซต์ ซึ่งส่วนใหญ่เป็นกฎหมายลิขสิทธิ์ การใช้ iFrames กับ WordPress เป็นวิธีที่มีประสิทธิภาพในการทำเช่นนั้น

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

ในบทความนี้ เราได้ดูสามวิธีง่ายๆ ในการใช้ iframes กับ WordPress แจ้งให้เราทราบหากเป็นประโยชน์

คุณอาจต้องการตรวจสอบวิธีแก้ไขข้อผิดพลาดขีด จำกัด หน่วยความจำของ WordPress มันจะช่วยให้คุณจัดสรรหน่วยความจำเพิ่มเติมให้กับ WordPress และป้องกันข้อผิดพลาดที่เกี่ยวข้องกับหน่วยความจำ

คำถามที่พบบ่อย