臉書 Facebook 社群程式碼語法教學與學習筆記

臉書 Facebook 常用社群外掛的官方程式語法以及程式碼片段，在這邊把我平常架設 WordPress 網站時會用到的幾個比較常用的外掛做個統一整理，方便大家可以快速參考使用。

Facebook Social Plugins

Facebook Like/Recommend Button

<div class="fb-like" data-href="https://www.vedfolnir.com" data-width="600" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

Facebook Comment

<div class="fb-comments" data-href="https://www.vedfolnir.com" data-numposts="5"></div>

備註：臉書的社群外掛一共分兩部分，上面列出來的是第二部分的顯示嵌入碼，用來擺放在網站的網頁上個別位置，這是共用的。第一部份則涉到個人資料碼，而且只需要在同一個網站中放置一個 JavaScript SDK 即可，我就不特別列出來。有需要的朋友請至 Reference.1 的臉書官網下載使用。

WordPress ShortCode

在文章中顯示 Google Map 地圖：用「左中括號 googlemaps https://www.google.com/maps/d/u/0/embed?mid=z-gBePi9AFJU.ksKcIQvWTn0k&w=964&h=500 右中括號」取代 iframe 的官方代碼，其中要特別注意網址後端要改成「&w=964&h=500」。

代補充更新

Reference:

1. Facebook Developer – Social Plugins.