(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 應用程式囉!

相關文章

Eclipse 停在 Android SDK Content Loader

(2014-08-28 更新) 使用 Eclipse 開發 Android 的時候發現,經常專案一多,整個啟動速度就會變得非常慢,尤其是有時候用到一半當掉,重新開啟之後莫名其妙跑出一堆問題來,今天下午小蛙開啟 Eclipse 時就遇到一個
2013-07-25 18:30:30
hans

18

在 Eclipse 上開發 PHP 程式(以 Moodle、EGit、PDT 為例)

最近受命必須要研究 moodle,並且希望可以用 Eclipse 這種比較聰明的 IDE 來開發,而 moodle 本身是 PHP 寫的,之前只有使用 Eclipse 開發過 Java,這篇文章只是簡單記錄怎麼讓 Eclipse 可以開發
2012-12-19 17:24:56
hans

18

Vpon CN在台灣地區請款動作說明

(2013-09-05 更新) 之前小蛙有寫過Vpon的教學文章<Google AdWhirl with Vpon @ 蛙
2012-06-30 15:18:34
hans

18

定期備份WordPress到Dropbox

(2012-09-14 更新) 上個星期蛙齋主機被跟Linux很不熟的小蛙弄到完全沒有辦法開機,只好放出最後大絕-reinstall
2012-03-12 23:00:55
hans

18

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

WordPress 使用 Gravatar 大頭貼

這幾天小蛙在逛

2011-12-11 16:06:41
hans

18

取消 WordPress Multi Site (WPMU) 設定

原本買 VPS 的目的是要幫朋友做案子,後來不用白不用,拿來試著架看看 WordPress,想說機器是自己的可操控的,自由度很高,加上 WordPress 有很多 plugin 就可以幫忙做好
2011-12-04 09:46:23
hans

18




  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