สวัสดีครับ ในบทความนี้ ผมจะมาสอนวิธีการติดตั้ง facebook fanpage widget หรือการนำ fanpage (widget) ขนาดย่อๆ มาแสดงลงที่หน้าแรกของเว็บไซต์ บางคนมีแฟนเพจอยู่แล้ว อยากที่จะโชว์ว่า เว็บเรามีคนติดตามในเฟสบุ๊คเยอะมากนะ ให้ผู้ชมได้เห็นได้มั่นใจในแบรนด์ของเรามากยิ่งขึ้น มีวิธีทำตามด้านล่างนี้เลย แต่ผมขอบอกไว้ก่อนนะครับว่า คุณจะต้องมี facebook fanpage อยู่แล้ว เพราะผมไม่ได้มานั่งสอนวิธีสร้างแฟนเพจ แต่ผมสอนวิธีติดตั้งมันต่างหากล่ะ โดยถ้าทำเสร็จแล้วผลลัพธ์ที่ได้ก็จะเหมือนในเว็บผม ตามภาพด้านล่างนี้ มาเริ่มกันเลย
ปลั๊กอิน facebook fanpage
| ใครที่ติดตั้ง ปลั๊กอินไม่เป็นให้ไปเรียนที่บทความ สอนติดตั้งปลั๊กอิน ก่อนนะคับ
ไปอ่านบทความสอนทำเว็บตั้งแต่เริ่มต้นเป็นขั้นเป็นตอนได้ที่ลิงค์นี้ครับ สอนเวิร์ดเพรสอย่างละเอียด |
ขั้นตอนที่ 1 ไป Plugins > Add New
เพื่อที่จะเข้าไปที่หน้าตามภาพด้านล่างนี้ ให้ดูที่หมายเลข 1 ไปที่ Plugins > Add New หลังจากนั้น ให้พิมพ์คำว่า
Facebook Fan Page Widget
ในตำแหน่งที่หมายเลข 2 ชี้อยู่นั่นเอง
ต่อมาให้คลิ๊กที่ Install เพื่อทำการติดตั้ง ปลั๊กอินในภาพด้านล่างนี้
หลังจากติดตั้งเสร็จให้กดปุ่ม Activate
ติดตั้ง fanpage plugin
ถ้าเสร็จเรียบร้อยแล้วมันจะแสดงหน้าจอแบบนี้
ขั้นตอนที่ 2 ไปที่ Appearance > Widgets
ไปที่ appearance > Widgets เพื่อปรับแต่งวิตเจ็ด บนหน้าเว็บของเราว่าจะให้อะไรแสดงผลบ้าง เมื่อคลิ๊กตามภาพแล้วจะปรากฎหน้าจอแบบนี้ครับ (ดูตามลูกศรสีแดงด้านซ้ายมือภาพด้านล่าง)
หลังจากนั้นดูที่กรอบสีแดง คือส่วนที่เรียกว่า Sidebar หรือส่วนด้านข่าง ขึ้นอยู่กับ theme เว็บของเราว่า มันจะข้างซ้ายหรือข้างขวา หลังจากนั้น ดูที่กรอบสีน้ำเงิน จะเป็น Facebook Fanpage Widget ที่เพิ่มเข้ามา หลังจากการติดตั้ง ปลั๊กอินของมันไปในขั้นตอนที่แล้ว
ให้คลิ๊กลาก Facebook Fanpage Widget เข้าไปไว้ในกล่องสีแดงเลยครับ มันจะเซฟอัตโนมัติ ไม่ต้องกดบันทึกอะไร แล้วมันจะปรากฎเป็นแบบนี้
ถ้าคลิ๊กที่ลูกศร ด้านข้างของ Facebook Fan Page Widget มันจะให้เราตั้งค่าได้ดังนี้
หลักๆ สำคัญที่สุดให้ใส่ URL หรือลิงค์ของเฟสบุ๊ค แฟนเพจของเราลงไป และส่วนอื่นๆที่ให้ตั้งค่าได้ ผมอยากให้ลองคลิ๊กเปลี่ยนดูตามใจตัวเอง เมื่อเสร็จแล้วให้กดปุ่ม Saved
อย่าลืมเข้าไปยังหน้าแรกในเว็บของเรา http://www.เว็บเรา.com เพื่อดูผลการเปลี่ยนแปลง แต่ถ้าเป็นเว็บทดสอบของผมเอง http://www.shofferme.com อันนี้ ก็จะปรากฎ วิดเจ็ด ตามภาพด้านล่างนี้
ถ้ายังไม่พอใจ ลองปรับตั้งค่าดูครับ ตามภาพก่อนหน้านี้ มีอะไรที่เราอยากเอาเข้า หรือเอาออก ลองดูเลย และอย่าลืม กด Save
เสร็จแล้วครับ