Computer >> คอมพิวเตอร์ >  >> ซอฟต์แวร์ >> สื่อสังคม

วิธีสร้างวิดเจ็ต Twitter สำหรับเว็บไซต์หรือบล็อกของคุณ

ข้อควรรู้

  • ไปที่ Twitter เผยแพร่ ป้อน URL หรือตัวจัดการ Twitter เลือกเค้าโครง เลือก คัดลอกรหัส และวางลงในเว็บไซต์ของคุณ
  • คุณสามารถวาง HTML ที่สร้างโดย Twitter Publish ได้เกือบทุกที่ รวมถึงวิดเจ็ต WordPress HTML

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

วิธีสร้างวิดเจ็ต Twitter ด้วยการเผยแพร่ Twitter

วิดเจ็ตเหล่านี้ช่วยให้คุณทำสิ่งต่างๆ เช่น แสดงทวีตล่าสุด แจ้งผู้เยี่ยมชมเกี่ยวกับแฮชแท็กที่เกี่ยวข้อง หรือแสดงช่วงเวลาเฉพาะ

  1. เปิดเบราว์เซอร์ แล้วไปที่ Twitter Publish

  2. เลือกลูกศรลงใน ป้อนช่อง URL ของ Twitter เพื่อดูรายการตัวเลือกสำหรับประเภทเนื้อหาที่คุณแปลงเป็นวิดเจ็ตของ Twitter ได้

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

  4. คัดลอก URL ของทวีตแล้วกลับไปที่แท็บการเผยแพร่วิดเจ็ต Twitter เพื่อวาง URL ลงในช่องป้อน URL ของ Twitter หลังจากวาง URL ลงในช่องแล้ว ให้คลิกลูกศรที่ชี้ไปทางขวาเพื่อไปยังขั้นตอนถัดไป

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

  5. หลังจากป้อน URL แล้ว ให้เลือกจากตัวเลือกการแสดงผลที่มี มีตัวเลือกการแสดงผลที่แตกต่างกันขึ้นอยู่กับประเภทของเนื้อหาที่คุณเลือกสำหรับวิดเจ็ตของคุณ

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

    วิธีสร้างวิดเจ็ต Twitter สำหรับเว็บไซต์หรือบล็อกของคุณ

    โค้ดนี้เป็น HTML ปกติ คุณจึงนำไปวางไว้ที่ใดก็ได้ที่ HTML ทำงาน บน WordPress ให้วางลงในวิดเจ็ต HTML