ProgressBar

[WordPress][教學][架站] 基本使用#11. 迴響(留言)與Facebook留言嵌入介紹

[WordPress][教學][架站] 基本使用#11. 迴響(留言)與Facebook留言嵌入介紹

作者: 進度條編輯群更新日期:

此文章也有影片介紹,可以搭配影片一起學習!

01. 迴響(留言)與Facebook留言嵌入介紹 (所屬課程)


以下正式開始文章


這個課程會講到兩個部分, 一個是WordPress的迴響功能, 另一個則是Facebook留言嵌入介紹。
 

Wordpress迴響翻成我們常講的東西就是「留言」,我自己(老師)在使用WordPress時,很少使用這個功能,因為很少人會為了你的部落格來註冊帳號,或是容易在你的網站留下垃圾留言,因此在考慮這個功能時,也要看一下網站種類來取捨這個功能,或者可以考慮使用待會會介紹,也大多人比較會用的方式,就是連接Facebook留言功能。

 

迴響
Wordrpess的後台->迴響,就可以開啟編輯迴響的頁面,只要有人在你的網站留下迴響,都會顯示在這個頁面上,也可以在這個頁面編輯任何迴響,上面的顯示選項有一些欄位可以做篩選。

 

 

如果有很多迴響,也可以用批次管理的功能,先在要編輯的迴響打勾,然後選擇以勾選文件的管理。

 

 

還記得在Wordpress剛安裝好的時候,官方有預設安裝一個外掛 :「Akismet Anti-Spam」,它是用來對於垃圾留言來做管理,只是需要去它的網站上面註冊。

 

 

Facebook留言功能

要嵌入Facebook留言功能有兩種方式,一個是直接嵌入JavaScript的語法,另外一個則是直接安裝外掛。

安裝外掛的方法 : 從Wordpress後台 -> 外掛 -> 安裝外掛 ,在搜尋欄上面輸入「fb comment」,就會搜尋到有好幾種外掛,先選擇比較多人安裝的外掛來試裝看看。

 

 

首先先講一下左方這個Facebook留言外掛,「Wordpress Social Share Social Login and Social Comments Plugin-Super Socializer」,建議不要同時啟用兩種Facebook留言的外掛。

備註 : 外掛與外掛可能會有衝突,彼此的作者在製作的時候一定是沒考慮對方外掛的。

 

 

啟用後,可以到Wordpress後台列表中,找尋「Super Socializer」。

 

 

安裝好並啟用之後,可以先到網站首頁觀察是否有效果,像這一款外掛啟用後,網站首頁左方就有效果出現,這個外掛並不只有針對Facebook,如果要針對Facebook留言的話,這一款外掛是不太適合我們的,有機會的話到後面的章節我們在介紹它。

我們先回到外掛介面,停用這一個外掛。

 

 

再來是使用另外一個外掛,「Facebook Comments」安裝、啟用。

 

 

啟用後,這一個外掛的介面放在「Wordpress後台 -> 設定 ->Facebook Comments」。

備註:有些外掛的介面會在設定裡面。

 

 

這一個外掛就是純粹的Comments外掛,如果要使用這個外掛,必須先去申請Facebook App ID,除了要有Facebook的粉絲團之外,還得有Facebook APP ID。

Facebook ID 請至「Facebook for Developers」申請帳號,申請完之後,就可以得到應用程式帳號
則是APP ID。

 

 

申請完之後可以填入APP ID。

 

 

 

 

圖文系列教學: WordPress 新手基本操作

進度條編輯群

進度條編輯群

線上課程

2026 AI實戰基礎篇

2026 AI實戰基礎篇

Laravel 後端PHP架站,API Server與訂閱軟體全攻略

Laravel 後端PHP架站,API Server與訂閱軟體全攻略

WordPress - 從頭教起的網站架設

WordPress - 從頭教起的網站架設

程式客製WooCommerce,WordPress購物系統全解析

程式客製WooCommerce,WordPress購物系統全解析

Electron 跨平台桌面程式,建立點餐系統與裝置控制

Electron 跨平台桌面程式,建立點餐系統與裝置控制

C語言 - 近代程式語言的基礎

C語言 - 近代程式語言的基礎

ES6,ReactJS與Webpack,前端JavaScript全攻略

ES6,ReactJS與Webpack,前端JavaScript全攻略

從零開始的SQL語法與資料庫設計 - 以MySQL來攻略

從零開始的SQL語法與資料庫設計 - 以MySQL來攻略

Linux雲端伺服器,用AWS暸解Apache與Nginx

Linux雲端伺服器,用AWS暸解Apache與Nginx

HTML, CSS, JavaScript, jQuery 網頁從零開始

HTML, CSS, JavaScript, jQuery 網頁從零開始

Git程式版本管控 - 由簡單到難

Git程式版本管控 - 由簡單到難

網路關鍵字佔領技術,微創業與數位行銷正規作戰方式

網路關鍵字佔領技術,微創業與數位行銷正規作戰方式

快速開發,從頭教起的Ruby on Rails後端之旅

快速開發,從頭教起的Ruby on Rails後端之旅

行動第一! 使用Bootstrap建立響應式RWD網站!

行動第一! 使用Bootstrap建立響應式RWD網站!