การดึงรูปภาพจาก instagram มาแสดงที่ website

บ่อยครั้งที่เรามักจะทำงานซ้ำซ้อนในการ Post รูปสินค้าหรือกิจกรรมต่างๆภายในองค์กร ตัวอย่าง เพิ่ง Post รูปลงไปใน IG เสร็จ ก็ต้องมา Post ใน Web ต่อ จะดีกว่ามั้ย ถ้าสามารถดึงรูปจาก IG มาแสดงที่ Web ของเราโดยอัตโนมัติ และใน WordPress นั้นก็จะมี Plugins ให้เลือกใช้งานหลายตัวด้วยกัน

แต่ที่จะแนะนำคือ Instagram Feed – WordPress Instagram Gallery เป็น Plugin ที่จะดึง Feed จาก IG มาแสดงที่ Website ซึ่งใช้งานง่ายมากๆ

ขั้นตอนแรกทำการ Download Plugins

1. เมื่อติดตั้ง Plugins เสร็จแล้ว ให้เปิดการใช้งาน

ติดตั้ง Plugins instagram feed

2. เมื่อเข้ามาที่ Plugins ตัว Plugins จะให้สร้างตัว Widget สำหรับดึงข้อมูลจาก instagram

3. ทำการตั้งชื่อ Widget ที่เราต้องการจะดึงรูปจาก Instagram

ดึงรูปจาก IG มาแสดงที่ web4. เมื่อตั้งชื่อเสร็จให้ไปที่ Tab > content จะมีรายละเอียดให้ตั้งค่า

    • Instagram source : ให้ระบุชื่อ instagram ที่ต้องการจะดึง Feed โดยต้องมี @ นำหน้า และยังสามารถระบุ # ที่ต้องการลงไปได้ด้วย หรือ Post นั้นๆลงไปได้
    • Filter : เป็นตัวกรองว่าให้แสดงอะไรและไม่แสดงอะไร
    • Sorting : เป็นตัวระบุลำดับการแสดง

5. Tab > Layout เป็นการตั้งค่าการแสดงผล

    • Feed layout : จะเป็นการเลือกการแสดงผลจะมี 2 แบบ
      • Slider สไลด์
      • Grid แถว
    • Post Template : รูปแบบของรูปภาพ
      • Tile
      • Classic (รูปแบบเดียวกับหน้า Web ของ instagram)
    • Columns & Rows : เป็นระบุจำนวนของรูปที่จะแสดง
    • Call to Action Buttons : เป็นการระบุเมื่อมีการคลิกที่ ปุ่ม Buttons จะให้ไปที่ Link ใหน (ให้ลบออกให้หมด)
    • Post Setting : จะเป็นกำหนดว่าในรูปภาพจะให้แสดงข้อความ / การLike / การแชร์ และอื่นๆอีกมากมาย ว่าจะให้แสดงทับไปที่รูปภาพหรือเปล่า ถ้าให้แสดงแต่รูปอย่างเดียวก็ให้ทำการติ๊กออกให้หมด
    • Slider Control : เป็นตัวควบคุมสำหรับการสไลด์

ตั้งค่าการดึงรูปภาพจาก IG มาแสดงที่ web

6. เมื่อตั้งค่าเสร็จแล้ว ให้คลิก Save and Exit ตัว plugins จะกลับมาที่หน้าแรกอีกครั้งพร้อมกับ Widget ที่เพิ่งได้สร้างขึ้น

ดึงรูปภาพจาก IG มาแสดงที่ Web

ส่วนการนำไปใช้งานนั้น ก็เพียง Copy Shortcode ไปวางหน้าที่ต้องการโชว์รูปภาพ เพียงเท่านี้เราก็จะได้รูปภาพจาก Instagram มาใช้งานแล้ว

การดึงรูปภาพจาก IG มาแสดงที่ Web

ขั้นตอนการตั้งค่า plugins Instagram feed เพื่อดึงรูปจาก Instagram มาแสดงที่ web

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

This site uses Akismet to reduce spam. Learn how your comment data is processed.