freo 公式の更新情報を管理画面に表示する

Google Feed API で RSS を表示させる Javascript

google.load("feeds", "1");

function initialize() {
  google.feeds.lookupFeed("http://freo.jp/info/news/feed", getFeedUrl);
}

function getFeedUrl(result){
  if (!result.error){
    if (result.url != null) {
      var feed = new google.feeds.Feed(result.url);
      feed.load(dispfeed);
    }
  }else{
    var container = document.getElementById("feed");
    container.innerHTML = "フィードがありません";
  }
}

function dispfeed(result){
    if (!result.error){
    var container = document.getElementById("feed");
    var htmlstr = "<ul>";

    for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        htmlstr += '<li><a href="' + entry.link + '">' + entry.title + '</a> ';
        var strdate = createDateString(entry.publishedDate);
        htmlstr += "(" + strdate + ")";
        htmlstr += '<br />' + entry.contentSnippet + "</li>";
    }
    htmlstr += "</ul>";
    container.innerHTML = htmlstr;
    }else{
    alert(result.error.code + ":" + result.error.message);
    }
}
function createDateString(publishedDate){
  var pdate = new Date(publishedDate);

  var pday = pdate.getDate();
  var pmonth = pdate.getMonth() + 1;
  var pyear = pdate.getFullYear();
  var phour = pdate.getHours();
  var pminute = pdate.getMinutes();
  var psecond = pdate.getSeconds();
  var strdate = pyear + "年" + pmonth + "月" + pday + "日" + 
              phour + "時" + pminute + "分" + psecond + "秒";

  return strdate;
}
google.setOnLoadCallback(initialize);
これを gAjax.js という名前で freo の js ディレクトリに保存します。

管理画面テンプレートを編集

  • templates/internals/admin/default.html
  • templates/internals/admin/header.html
を以下のように編集します。
templates/internals/admin/default.html の3行目に以下を挿入
<h2>freo 更新ニュース</h2>
<div id="feed"></div>
templates/internals/admin/header.html</head> 直前に以下を挿入
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}gAjax.js"></script>
これで管理画面にログインした時に freo 公式サイトの更新情報が表示されます。

10pressに記載されていたものを再掲

  • 最終更新:2016-06-26 22:17:14

このWIKIを編集するにはパスワード入力が必要です

認証パスワード