• หน้าแรก
  • บริการ
    • จัดทำเว็บไซต์
    • เว็บขายของออนไลน์
  • คอร์สเรียนสร้างเว็บ
  • บทความ
  • ติดต่อ
บริการจัดทำเว็บไซต์ ระบบร้านค้าออนไลน์ คอร์สเรียนสร้างเว็บไซต์
ลงทะเบียนเข้าสู่ระบบ
FLOW /> Web design & TrainingFLOW /> Web design & Training
  • หน้าแรก
  • บริการ
    • จัดทำเว็บไซต์
    • เว็บขายของออนไลน์
  • คอร์สเรียนสร้างเว็บ
  • บทความ
  • ติดต่อ

Instagram Feed – WordPress Instagram Gallery

เป็น Plugin ที่จะดึง Feed จาก IG มาแสดงที่ Website
Home » Blog » การดึงรูปภาพจาก instagram มาแสดงที่ website

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

  • หมวดหมู่ การใช้ Plugins Wordpress
Facebook
Twitter
Line

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

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

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

    • Demo (สำหรับทดลองใช้งาน)
    • Instagram Feed – WordPress Instagram Gallery

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

author avatar
boonyanone

    Previous post

    การติดตั้ง Facebook messenger เพื่อใช้ติดต่อกับลูกค้าใน Website
    09/07/2019

    Next post

    การนำ Post จาก Facebook มาโชว์ที่ Web ทั้ง Photo Album Video
    12/07/2019

    คุณอาจชอบ

    สร้าง Form ติดต่อสำหรับแยกส่งไปให้แต่ละแผนกของบริษัท
    สร้าง Form ติดต่อสำหรับแยกส่งไปให้แต่ละแผนกของบริษัท
    13 กันยายน, 2019
    การสร้าง Form สำหรับใช้รับข้อมูลเพื่อใช้ติดต่อสื่อสาร
    การสร้าง Form สำหรับใช้รับข้อมูลเพื่อใช้ติดต่อสื่อสาร
    26 กรกฎาคม, 2019
    Cover—import-image-fb
    การนำ Post จาก Facebook มาโชว์ที่ Web ทั้ง Photo Album Video
    12 กรกฎาคม, 2019

    Leave A Reply ยกเลิกการตอบ

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

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

    คอร์สเรียนสร้างเว็บ

    คอร์สสอนสร้าง Website ด้วย WordPress โดยใช้ Theme Flatsome

    คอร์สสอนสร้าง Website ด้วย WordPress โดยใช้ Theme Flatsome

    2,500.00 ฿ 1,800.00 ฿
    การสำรองข้อมูลและย้ายโดเมน

    การสำรองข้อมูลและย้ายโดเมน

    Free
    การสร้าง Web ประเภทธุรกิจ แบบหน้าเดียว

    การสร้าง Web ประเภทธุรกิจ แบบหน้าเดียว

    Free

    FLOW /> Web design & Training

    • Privacy
    • Terms

    เข้าสู่ระบบด้วยบัญชีเว็บไซต์ของคุณ

    Continue with FacebookContinue with Google
    ลืมรหัสผ่าน?

    ยังไม่ได้เป็นสมาชิก? สมัครตอนนี้

    Register a new account

    Continue with FacebookContinue with Google

    คุณเป็นสมาชิกหรือไม่? ลงชื่อเข้าใช้ตอนนี้