網頁

2012年8月13日 星期一

Xoops 內加入 Facebook Like Button 功能


如何在 Xoops 系統內 newsbb & news module 內加入 FB 的讚功能。稍微備忘一下作法,其實只要簡單幾個步驟即可。
  • 利用 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>');
    
    

    沒有留言:

    張貼留言