ฝังภาพ Instagram หรือวิดีโอลงในเว็บไซต์

01 จาก 06

ฝังภาพ Instagram หรือวิดีโอลงในเว็บไซต์

Justin Sullivan / Getty Images ข่าว

เคยต้องการแชร์ รูปภาพ Instagram (หรือหลาย ๆ แห่ง) กับเว็บไซต์ของคุณ แต่รู้สึกหงุดหงิดที่ต้องบันทึกรูปภาพลงในคอมพิวเตอร์และอัปโหลดไปยังเว็บไซต์ของคุณหรือไม่?

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

คลิกผ่านขั้นตอนต่อไปเพื่อดูว่าคุณสามารถฝังภาพหรือวิดีโอ Instagram ใด ๆ ลงในเว็บไซต์ของคุณได้อย่างง่ายดายเพียงไม่กี่นาที

02 จาก 06

ค้นหารูป Instagram หรือหน้าวิดีโอที่คุณต้องการฝัง

ภาพ Instagram.com/AboutDotCom

ขั้นตอนแรกในการฝังรูปภาพหรือวิดีโอ Instagram อย่างถูกต้องคือการเข้าถึงภาพ / วิดีโอของ Instagram อย่างเป็นทางการที่คุณต้องการแสดงในเว็บไซต์ของคุณ ซึ่งหมายความว่า URL ต้องเป็นสิ่งที่ต้องการเช่น: instagram.com/p/xxxxxxxxxx/

สำหรับตัวอย่างนี้เราจะใช้รูปถ่ายจากบัญชี InstaGram ของ Institutional อย่างเป็นทางการ แต่คุณสามารถใช้รูปภาพ Instagram (หรือวิดีโอ) ใดก็ได้ที่คุณต้องการได้

แทนที่จะคลิกเมาส์ขวาและเลือก "บันทึกเป็น" หรือถ่ายภาพหน้าจอคุณจะเพียงแค่มองหาจุดสีเทาเล็ก ๆ สามจุดที่มุมล่างขวาของช่องภาพด้านล่างคำอธิบายและความคิดเห็น

03 จาก 06

เลือกตัวเลือก 'ฝัง'

ภาพ Instagram.com/AboutDotCom

คลิกสามจุดสีเทาเล็ก ๆ และคุณจะเห็นสองตัวเลือกปรากฏขึ้น หนึ่งคือ "รายงานว่าไม่เหมาะสม" และอีกเรื่องหนึ่งคือ "ฝัง"

คลิก "ฝัง"

04 จาก 06

คัดลอกโค้ดฝัง

ภาพ Instagram.com/AboutDotCom

เมื่อคลิก "ฝัง" ช่องจะปรากฏขึ้นที่ด้านกลางของหน้าจอซึ่งแสดงสตริงโค้ด

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

เพียงคลิกที่ปุ่ม "Copy Embed Code" สีเขียวเพื่อคัดลอกโค้ดทั้งหมดโดยอัตโนมัติ

ตอนนี้เราทำกับ Instagram แล้ว

จากนั้นคุณสามารถย้ายไปยังเว็บไซต์หรือบล็อกของคุณ

05 จาก 06

วางโค้ด Instagram ฝังลงใน HTML ของเว็บไซต์ของคุณ

ภาพหน้าจอของ HTML วางลงใน WordPress

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

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

เก็บบันทึกไว้ตรงกลางหากต้องการเผยแพร่และทำเสร็จแล้ว

06 จาก 06

ดูหน้าเว็บและภาพ Instagram ที่ฝังตัวของคุณ

ภาพหน้าจอของ Instagram ที่ฝังลงในเว็บไซต์ WordPress

ลองดูที่หน้าเว็บที่เผยแพร่ออนไลน์เพื่อดูรูป Instagram หรือวิดีโอใหม่ ๆ ที่ฝังอย่างถูกต้อง

คุณควรจะเห็นภาพที่มีลิงก์ไปยังชื่อผู้ใช้ Instagram ที่ด้านบนรวมถึงจำนวนการชอบและความคิดเห็นที่ด้านล่าง

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

แน่นอนว่าหากไม่มีสิ่งใดปรากฏในไซต์ของคุณคุณอาจวางโค้ดไว้ผิดหรืออาจไม่ได้คัดลอกโค้ดทั้งหมด

ลองดู บทความช่วยเหลือ HTML WordPress ที่ยอดเยี่ยม นี้ หากคุณมีปัญหาใด ๆ