JSONPを使ってクロスドメインOKな取り込みを書いてくださっている方がいらっしゃったので、メモ。
REST APIをsrc=""で読み込んでやれば投稿記事がJSONPで取り込めるので、bodyの閉じタグ直前にでも挿入。
<script>
var root = document.getElementById("id-name");//挿入したいID名
function forEach(props, callback) {
for (var i = 0, max = props.length; i < max; i++) {
callback(props[i], i)
}
}
// callback関数が呼ばれる
function display_posts(posts) {
forEach(posts, function (post) {
var title = post.title.rendered;
var link = post.link;
var year = post.date.substr(0, 4);
var month = post.date.substr(5, 2);
var day = post.date.substr(8, 2);
var newElement = document.createElement("li");
newElement.innerHTML = '<a href="' + link + '" target="_blank"><span>' + Number(month) + '/' + Number(day) + '</span><span>' + title + '</span></a>';
root.appendChild(newElement);
})
}
</script>
<script src="https://example.com/wp-json/wp/v2/posts/?_jsonp=display_posts&per_page=5"></script>