(2012-08-23 更新)接續上一篇,在 VPS 架設完 WordPress,覺得雖然 WordPress 有內建的留言(Comment)功能,但要留言的人需要自行輸入”姓名”以及”電子郵件”等資訊,總覺得要額外輸入這麼多東西有點麻煩,再說有不少網友都直接掛在 Facebook 上,如果可以直接用 Facebook 的帳號來留言是不是方便很多呢?接下來的文章您將可以學會:1. 建立 Facebook Developers 應用程式。2. 建立 Facebook Social Plugins Comments 留言工具。3. 將 Facebook Comments 嵌入 WordPress。

● 建立 Facebook Developers 應用程式

要使用 Facebook Social Plugins 只要在 Facebook Developers 建立一個自己的應用程式即可。

1. 到Facebook 開發人員,點選上方「應用程式」來新增自己的應用程式。
點圖放大

2. 第一次使用 Facebook Developers 會出現授權請求,如果選擇不允許就不能繼續囉!同意吧!

3. 點選右上角的「建立應用程式」。

4. 輸入要建立的應用程式的顯示名稱及名稱空間,這些資訊之後都可以修改。

5. 接著輸入驗證碼,如果你的 Facebook 沒有通過手機認證,會跳出要求手機認證。

6. 建立完成會看到以下畫面。包含了 App ID(等一下會用到)、App Secret(如果要透過 Facebook 使用某些特殊功能會用到)。

7. 輸入網站網址。將網站與 Facebook 做關聯。如果要開發其他比如說 Android App,也是一樣從這邊點選輸入。

8. 資料都設定完成回到主畫面後,左側可以看到所有你建立的應用程式,右邊是應用程式的相關資訊。這樣就完成了申請 Facebook Developers 應用程式囉!

相關文章

Android使用Facebook SDK(申請篇)

Facebook在每個人的生活中占的比例已經越來越高,有很多不論是網站或是APP為了達到分享及快速散步的目的而紛紛加入「分享到Facebook」的功能(好玩的東西當然要跟FB上面的好朋友分享囉!),這篇文章記錄怎麼申請Facebook AP
2012-02-03 20:30:24
hans

18

Facebook上傳圖片失敗

今天有同事遇到Facebook上傳圖片失敗的問題就跑來問小蛙,小蛙跟另一位同事試了一下,還真的直接從相簿分享上傳,直接就是顯示失敗,透過Facebook界面上傳,還會跑到100%之後直接顯示上傳失敗。
2012-01-16 22:35:39
hans

18

SSL For Free – 免費又有綠色鎖頭的 SSL Certificates

之前聽說 Google 會優先搜尋有 https 的網頁 (參考:
2016-07-07 23:00:54
hans

8

Android Vuforia with jPCT-AE (5) – 多重模型載入,以 obj 為例

要進到這系列最後一篇文章了,這篇文章拖了很久,一直沒有時間整理,結果到最後 ... 程式碼留下來了,記憶卻有些模糊了,這邊小蛙配著程式碼盡可能的把還記得的東西寫下來。
2016-07-06 11:24:19
hans

8

Android Vuforia with jPCT-AE (4) – 載入 3DS 測試

延續 jPCT-AE Loader 載入模型的部份,這篇要記錄載入 3ds 檔案格式的方法,基本上跟前面幾個 obj, md2 的方法差不多,只有一些小小的變化而已。
2016-07-06 10:24:33
hans

8

Android Vuforia with jPCT-AE (3) – 載入 md2 測試

前兩篇介紹如何直接透過 jPCT-AE 直接繪圖以及載入 .obj 檔案,這邊繼續介紹 jPCT-AE 載入 md2 的方法,載入動作大致上類似,唯一不同的只有 texture 設定部份。
2016-07-06 09:24:43
hans

8

Android Vuforia with jPCT-AE (2) – 載入 obj 測試

上一篇 Android Vuforia with jPCT-AE (1) –
2016-07-06 08:24:55
hans

8

Android Vuforia with jPCT-AE (1) – 基本範例

說來慚愧,從 Google Adsense 被 ban 之後,就好久沒有發文了,站上 Vuforia 的文章也已經是好久以前的事情了 (遠目),最近有專案要用到 Vuforia,爬以前的文回來看,蛙哩咧 ... 現在已經更新到 Vu
2016-07-06 07:57:58
hans

8

ClickForce (MobiForce) 當機問題

這真是個浪費時間又漫長的過程,CF 推出新版後台以及新版 SDK 的時候,小蛙就下載來測試,一開始小蛙直接套在「我的股票精算師」上,但只要一套上去就當機 ...
2015-09-02 10:32:51
hans

8




  4 則留言 to “在 WordPress 使用 Facebook 留言板 (Facebook Social Plugins Comments)”

  1. 請問一下你這篇內容是不是有更新過?我有照你方法加入程式碼來做留言版,但如果有網友使用fb留言版功能,我好像不會收到通知?印象中好像文章內容還有介紹怎麼管理留言功能?

    • Dear 超好用網路行銷工具:
      文章有更新過,不過是小幅更新而已,您說的管理工具,應該是在別的頁面喔!
      (因為文章太長了所以切了頁面,可能是分頁太小了您沒注意到!)
      延伸閱讀下面有個分頁連結,第三頁有介紹管理留言介面,
      至於收到通知這件事情,小蛙沒有額外設定,開啟facebook塗鴉牆,
      最上面就會有留言通知了(就是某某某留言給你的那個通知)。
      Good Luck!! ^___^

  2. 版主你好!請問,照你的方法做完以後,
    每一個頁面的facebook留言版是不是同一個?
    因為我出現的問題是,每一頁是同一個留言版…
    不知道有沒有什麼解決之道!若版主知道請版主指教,謝謝您!^^

    • Dear Allen:
      依照這篇文章的作法的確是會造成每一頁都是同一個留言板的問題,
      把data-href=””原本是固定網址,修改方式如下:

      <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="10" data-width="725"></div>
      

      這邊只要改成每篇文章的固定網址,就可以讓每篇文章都有自己的留言板,
      後台管理頁面中也可以直接連結到該留言版頁面!^__^

 回覆

你可以使用以下語法 HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="">

(required)

(required)

   
© 2012 蛙齋 Suffusion theme by Sayontan Sinha