วิธีเพิ่ม Facebook Comments ง่ายๆ โดยไม่ใช้ plugins

วิธีเพิ่ม Facebook Comments ง่ายๆ โดยไม่ใช้ plugins
kreangkrai supchid programming

3 ขั้นตอนง่ายๆในการเพิ่ม Facebook Comments

เคยประสบปัญหาอยากเพิ่ม Facebook Comments แค่นิดเดียว แต่ต้องลง plugins ไหมครับ?
ยิ่ง plugins เยอะ ก็ยิ่งช้า จัดการยาก
เรามาดูวิธีเพิ่มง่ายๆด้วย functions.php กันดีกว่าครับ

[divider align=”center”] [row] [col span=”6″ span__sm=”12″] [ux_image id=”184″ image_size=”medium” lightbox=”true”] [/col] [col span=”6″ span__sm=”12″]

Step 1: ให้ไปเก็บ code ที่ Facebook ก่อน

ไปที่นี่ คลิ๊กเลย จากนัั้นทำ Step-by-Step ตามที่ Facebook แนะนำ

  • 1. Choose URL or Page
  • 2. Code Configurator
  • 3. Copy and Paste code snippet
[/col] [/row] [ux_image_box img=”183″]

ข้อ 2 สีแดง คือ ที่ต้องแก้

จากรูป ถ้าเราจะนำไปแปะ ก็ใช้ได้เหมือนกัน แต่มันจะใช้ได้แค่หน้าเดียว
ถ้าเราอยากให้ทุกหน้ามี facebook comments แบบ dynamic ตาม URL เราจะต้องไปเพิ่มที่ functions.php ด้วย

[/ux_image_box] [divider align=”center”]

Step 2: เพิ่ม code ที่ functions.php

ปกติ wordpress จะแนะนำให้เราสร้าง child theme และแก้ไข เพราะถ้าเราแก้ main theme แล้วเวลาอัพเดท theme อาจจะ error ได้

ให้ไปที่ child theme เลือกแก้ไขไฟล์ functions.php และเพิ่ม code แบบนี้

[ux_image id=”186″ image_size=”original” lightbox=”true”] 
function facebook_comments_shortcode(){
	return '<div class="fb-comments" data-href="'.get_permalink().'" data-numposts="5" data-width="100%"></div>';
}
add_shortcode('facebook-comments', 'facebook_comments_shortcode'); 

key หลัก คือ get_permalink()
function นี้เป็นของ wordpress อยู่แล้ว ใช้เรียก url ปัจจุบันที่กำลังเปิดอยู่
ดังนั้น ทุกครั้งที่เราเรียกใช้ shortcode ในแต่ละหน้าก็จะตาม url ที่เราตั้งไว้

[divider align=”center”]

Step 3: เพิ่ม facebook-comments ในหน้าที่เราต้องการ

พอถึงขั้นนี้ เราจะนำ facebook-comments ไปวางที่ไหนก็ได้ละ
ซึ่ง theme ที่ผมใช้ เค้ามี html after blog posts อยู่
ผมก็นำไปวางไว้ที่เดียว ดังนั้นเวลาอ่าน posts ก็จะเห็น facebook comments โผล่ด้านล่างของทุก posts ครับ

[ux_image id=”193″ lightbox=”true”] [divider align=”center”]

มีคำถามก็ทิ้งไว้ที่ facebook comments ได้เลยครับ (ขายของ อิอิ)