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

Facebook-Words-Logo-Card-Designed-Vedfolnir-1920
Facebook-Words-Logo-Card-Designed-Vedfolnir-1920

臉書 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.
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

工程師

做你的外套 擁抱著卻不被擁抱 聽到你對他的撒嬌 可笑的是我沒資格計較(誤)!工程師不是工具人,更不是愛的僕人喔(是在傲嬌什麼)。

您可能也會喜歡…

發表意見