ワードプレスと別のプログラムが共存するサイトで、ワードプレスはサブディレクトリにあり、トップページは別のプログラム。ワードプレスにjson api のプラグインをインストールしトップページのテンプレート(html)にjQuery で情報を読み込んで表示。

<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="newsfeed"></div>
<script>
    $.ajax({
        type: 'GET',
        url: 'URL/wp-json/posts?filter[posts_per_page]=4',
        dataType: 'json'
    }).done(function(json){
            var len = json.length;
            for(var i=0; i < len; i++){
              var title = json[i].title;
              var link = json[i].link;
              var category = '';

              for (var j = json[i].terms.category.length - 1; j >= 0; j--) {
                  category += json[i].terms.category[j].name;
              };
              var pubDD = new Date(json[i].date);
              yy = pubDD.getYear();if (yy < 2000) { yy += 1900; }
              mm = pubDD.getMonth() + 1;dd = pubDD.getDate();
              var pubDate = yy +'.'+ mm +'.'+ dd +'';
              var html = '<dl class="clearfix"><dt>' + pubDate + '<span
class="notice">' + category + '</span></dt><dd><a href="' + link + '">' +
title + '</a></dd></dl>';
              $('#newsfeed').append(html);
            }
    }).fail(function(json){
            $('#newsfeed').append("読み込めませんでした。");
    });
</script>

2018.09.12 投稿 

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles

Translate »