Facebook留言功能取代WordPress內建留言功能

不依靠外掛WordPress整合Facebook留言功能,現今人人都有Facebook,可以讓訪客更輕易、更快速的在自己的網站上留言,並且可以有效阻絕廣告機器人,還可以減輕對伺服器的負擔!!本教學是將Facebook留言功能徹底取代WordPress內建留言功能,修改後我們可以透過WordPress後台開關Facebook留言功能,但是原則上模板只要更新,就必須在模板重新添加語法,才能重現Facebook留言功能。

一、建立Facebook應用程式:https://developers.facebook.com/
1.點擊我的應用程式
2.建立應用程式

二、建立新的應用程式編碼
1.填寫顯示名稱(普遍我會使用網站名稱來填寫)、聯絡電子郵件
2.填寫好後,點擊建立應用程式編碼

三、設定基本資料
1.點擊設定>基本資料
2.填寫隱私政策網址
3.填寫網站類別
4.都填寫好後,點擊儲存變更
5.點擊調整中

四、開啟應用程式編碼,點擊切換模式

五、確認應用程式編碼是否開啟,複製Facebook留言功能程式碼
1.必須顯示上線
2.應用程式編碼記起來,等下馬上會用到

六、取得Facebook留言功能程式碼https://developers.facebook.com/docs/plugins/comments/
點擊取得程式碼

七、確認應用程式名稱、語言,複製程式碼
1.確認應用程式名稱是否和剛才建立的一致、確認語言是否是自己要的語言
2.將Step2的程式碼複製起來

八、崁入Facebook留言功能
1.回到WordPress後台,點擊外觀
2.點擊佈景主題編輯器
3.點擊佈景主題首頁(header.php)

4.在<head>內</head>加入以下程式碼(應用程式編碼改成第五步驟2.讓大家記起來的應用程式編碼)

<meta property="fb:app_id" content="應用程式編碼" />

5.在<body>之下加入,第七步驟的2.Step2程式碼

6.點擊更新檔案

九、在想加入Facebook留言功能的模板加入程式碼
1.點擊 留言(comments.php)

2.將<div id="comments" class="comments-area">內</div>裡面的程式碼替換為以下程式碼

<div class="fb-comments" data-href="<?php the_permalink() ?>" data-numposts="5" width="100%"></div>

3.點擊更新檔案

教學到這邊結束了,大家看看是否成功!!如果還有什麼疑問、問題歡迎提出!!

分享在 facebook
分享在 twitter
分享在 whatsapp
分享在 skype
分享在 email
永恆站長

永恆站長

永恆站長會將網路賺錢的方法、經驗,心得分享給大家,讓我們一起透過網路賺取第二份薪水,建立屬於自己的網路事業,不在當一個領死薪水的上班族!!

捲動至頂端