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

【2017/05/23】従来のGoogle Feed API が2016/12/15以降使用できなくなったので、YQL APIによるJavascriptに変更しました。
従来の gAjax.js と差し替え、templates/internals/admin/header.html にある
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
は削除してください。

YQL API で RSS を表示させる Javascript

$(function() {
    $.getJSON("http://query.yahooapis.com/v1/public/yql?callback=?", {
        q: "select * from rss where url in ('http://freo.jp/info/news/feed') limit 5", // limitで扱う「件数」が指定できる。
        format: "json"
    }, function (json) {
        var container = document.getElementById('feed');
        var htmlstr = '<ul>';
        for(var i in json.query.results.item){
            var entry = json.query.results.item[i];

            var link = entry.link;
            var title = entry.title;
            var description = entry.description;
            var dateString = new Date(entry.date);
            var year = dateString.getFullYear();
            var month = dateString.getMonth() + 1;
            var day = dateString.getDate();

            var delDate = 15; // NEWマークを表示する日数。
            var dateStringNow = (new Date()).getTime();
            var checkDate =(dateStringNow - dateString) / (1000 * 24 * 3600);

            var elementNew = '';

            if(checkDate <= delDate) {
                elementNew = ' <em>New!</em>'; // NEWマークをつける場合に表示するHTML要素。
            }
            htmlstr += '<li><a href="' + link + '">' + title + '</a> (' + year + '/' + month + '/' + day + ')' + elementNew + '<br />' + description + '</li>';

        }
        htmlstr += '</ul>';
        container.innerHTML = htmlstr;
    });
});
これを 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="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}gAjax.js"></script>
これで管理画面にログインした時に freo 公式サイトの更新情報が表示されます。

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

  • 最終更新:2017-05-23 12:47:53

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

認証パスワード