你会尝试Wordpress REST Api? 这是一种将Wordpress网站的内容添加到其他网站的简单方法。
编辑:
在马克·卡普伦的评论表之后,我编辑了我的答案,并添加了一个“如何使用Wordpress REST API”的小示例。
API的基本路径始终为“/wp-json/wp/v2/”,并返回一个json字符串。
url示例:
https://wptavern.com/wp-json/wp/v2/
要获取特定帖子的数据,可以使用slug或post id等。
示例帖子:
https://wptavern.com/an-update-to-my-gutenberg-experience
使用slug调用REST API:
https://wptavern.com/wp-json/wp/v2/posts?slug=an-update-to-my-gutenberg-experience
使用post id调用REST API:
https://wptavern.com/wp-json/wp/v2/posts/79564
我创建了这个small 使用jquery而不是angularjs编写示例,因为我对这个js框架没有任何经验。Sry。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<style>
body {
background: white;
font-family: Helvetica;
}
#post-title {
border: 1px solid green;
padding: 5px;
}
#post-content {
border: 1px solid blue;
padding: 5px;
}
#post-link {
border: 1px solid red;
padding: 5px;
}
</style>
<script>
$( document ).ready(function() {
$.ajax({
type: \'GET\',
url: "https://wptavern.com/wp-json/wp/v2/posts/79564",
dataType: \'json\',
success: function(json)
{
$(\'#post-title\').html(json.title.rendered);
$(\'#post-content\').html(json.content.rendered);
$(\'#post-link\').html(json.link);
}
});
});
</script>
</head>
<body>
<div>POST Title</div>
<div id="post-title"> </div>
<div>POST Content</div>
<div id="post-content"></div>
<div>POST Link</div>
<div id="post-link"></div>
</body>
请参阅正在运行的代码:https://jsfiddle.net/5zqc3mdL/11/