วิธีแสดงไทม์ไลน์ Facebook ของคุณใน WordPress

Franklin บทช่วยสอน WordPress Nov 1, 2021

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

ในบทความนี้ เราจะแสดงวิธีแสดงไทม์ไลน์ Facebook ของคุณบน WordPress อย่างง่ายดาย

การแสดงไทม์ไลน์ Facebook ของคุณใน WordPress

เราจะใช้ Facebook Feed Pro แบบกำหนดเองของ Smash Balloon เพื่อเพิ่มไทม์ไลน์ Facebook ของเราลงในเว็บไซต์ WordPress ของเรา

ก่อนอื่น คุณต้องไปที่เว็บไซต์ Smash Balloon และดาวน์โหลด ปลั๊กอิน Custom Facebook Feed Pro ถัดไป คุณต้องติดตั้งและเปิดใช้งานปลั๊กอินบนไซต์ของคุณ

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

หมายเหตุ : นอกจากนี้ยังมีปลั๊กอินเวอร์ชันฟรีที่เรียกว่า Smash Balloon Social Post Feed วิธีนี้ใช้ได้ผลดีในการแสดงข้อความและลิงก์จากไทม์ไลน์ของคุณ อย่างไรก็ตามจะไม่แสดงรูปภาพ

เมื่อเปิดใช้งาน ให้ไปที่ ฟีด Facebook » การตั้งค่า  ในแดชบอร์ด WordPress ของคุณ ที่นี่ คุณจะต้องเชื่อมต่อบัญชี Facebook ของคุณ

ถัดไป คุณต้องตัดสินใจว่าจะแสดงเพจ Facebook หรือไทม์ไลน์ของกลุ่ม เราจะใช้หน้า Facebook ของเรา

หมายเหตุ: คุณไม่สามารถแสดงไทม์ไลน์จากโปรไฟล์ส่วนตัวของคุณได้ นี่เป็นเพราะนโยบายความเป็นส่วนตัวของ Facebook

จากนั้น Facebook จะแจ้งให้คุณยอมรับและให้สิทธิ์ Smash Balloon ในการเข้าถึงบัญชี Facebook ของคุณ เพียงทำตามคำแนะนำบนหน้าจอ

จากนั้นคุณจะเห็นหน้าการตั้งค่าฟีด Facebook แบบกำหนดเองอีกครั้ง โดยมีป๊อปอัปขอให้คุณเลือกหน้าที่จะใช้ คลิกบนเพจที่คุณต้องการ จากนั้นคลิกปุ่ม “เชื่อมต่อหน้านี้”:

ตอนนี้คุณควรเห็นเพจของคุณแสดงอยู่ในส่วน “บัญชีที่เชื่อมต่อ” ของการตั้งค่าการกำหนดค่าฟีด Facebook แบบกำหนดเอง อย่าลืมคลิกปุ่ม "บันทึกการตั้งค่า" เพื่อบันทึก

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

คุณสามารถเพิ่มไทม์ไลน์ของคุณลงในแถบด้านข้างของ WordPress ซึ่งเราจะกล่าวถึงในบทแนะนำนี้ในภายหลัง

เรากำลังจะสร้างหน้าใหม่โดยไปที่ Pages » Add New บนหน้าจอแก้ไขเพจ ให้คลิกที่ไอคอน (+) เพื่อเพิ่มบล็อกฟีด Facebook แบบกำหนดเองในตัวแก้ไขบล็อก WordPress:

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

เราได้เพิ่มสไตล์ลงในไทม์ไลน์เพื่อให้ดูสวยงามบนไซต์ของเรา ต่อไป เราจะมาดูวิธีปรับแต่งไทม์ไลน์ Facebook ของคุณเองโดยใช้ Custom Facebook Feed Pro

ปรับแต่งไทม์ไลน์ Facebook ของคุณด้วย Smash Balloon Facebook Feed Pro

Custom Facebook Feed Pro ให้คุณเปลี่ยนตัวเลือกทุกประเภทเกี่ยวกับไทม์ไลน์ของคุณ มาดูประเด็นสำคัญกันบ้าง

เพียงไปที่ หน้าฟีด Facebook » การตั้งค่า  ในแดชบอร์ด WordPress ของคุณ

เลื่อนลงไปที่ส่วน "การตั้งค่า" แล้วคุณจะเห็นตัวเลือกหลักสองสามตัวเลือก ตัวอย่างเช่น คุณอาจตัดสินใจว่าคุณต้องการแสดง 5 โพสต์เท่านั้น:

นอกจากนี้ยังมีการตั้งค่ามากมายใน หน้าฟีด Facebook » ปรับแต่ง  ที่คุณอาจต้องการลองใช้ หน้านี้มีตัวเลือกมากมายให้คุณเลือกในแท็บต่างๆ

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

ถัดไป ไปที่แท็บ "สไตล์โพสต์" เพื่อเปลี่ยนรูปแบบโพสต์ของคุณ เราคิดว่าสไตล์ 'Boxed' ที่นี่ดูดี เราได้ให้โพสต์ของเรามีมุมโค้งมนพร้อมเงา:

ตรวจสอบให้แน่ใจว่าคุณได้บันทึกการเปลี่ยนแปลงของคุณก่อนที่จะออกจากหน้า

การเพิ่มไทม์ไลน์ Facebook ที่กำหนดเองของคุณใน WordPress Sidebar

จะทำอย่างไรถ้าคุณต้องการแสดงไทม์ไลน์ Facebook ของคุณในแถบด้านข้างแทนในโพสต์หรือหน้า คุณสามารถทำได้ง่ายๆ ด้วย Custom Facebook Feeds

ขั้นแรก ไปที่หน้า ลักษณะที่ปรากฏ » วิดเจ็ต ในพื้นที่ผู้ดูแลระบบ WordPress ของคุณ จากนั้นลากวิดเจ็ต "ข้อความ" ไปยังทุกที่ที่คุณต้องการให้ไทม์ไลน์ภายในแถบด้านข้างของคุณ ตอนนี้ เพียงป้อนรหัสย่อ [custom-facebook-feed] ในวิดเจ็ตแล้วบันทึก

ไทม์ไลน์ Facebook ของคุณจะปรากฏในแถบด้านข้างบนเว็บไซต์ของคุณ:

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีแสดงไทม์ไลน์ Facebook ของคุณใน WordPress

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

Divi WordPress Theme