如何在 Xoops 系統內 newsbb & news module 內加入 FB 的讚功能。稍微備忘一下作法,其實只要簡單幾個步驟即可。
- 首先到 http://developers.facebook.com/setup/ 新增New APP,並取得 AppID。
- 利用 FB 的 Like Button Plugin 功能直接產生需要的程式碼。
- 修改 Xoops 系統內的 Template 頁面,將需要的程式碼加入即可。我的做法是直接將這些由 FB 產生的 Script 獨立成一個 JS 檔案,再去修改 \themes\afternoon_tea\modules\newbb\newbb_viewtopic_flat.php 這個檔案,在網頁要呈現 FB Like Button 的位置,require 這支 JS 檔案。
- 在修改完後,因為 Xoops 頁面模版有快取的機制,所以修改好後別忘了去管理端去清除這些 caches ( Login System and use /SYSTEM_MODULES/SYSTEM_MAINTENANCE/Clean cache folder function ),要不怎麼測試都不會看到修改結果的。
獨立的 JS files // JavaScript Document (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=123408597804457"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); document.write('<div align="right" class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>'); document.write('<p></p>');
沒有留言:
張貼留言