我已经使用HTML,CSS和PHP建立了我的网站,并建立了博客主页和文章页面。
我想使用WordPress撰写这些帖子。我希望自己的代码能够查询这些帖子并获取标题,日期,图像和内容,并将其输入到我自己的<h2>
,<img>
,<p>
等中。
有人知道我该怎么做吗?
答案 0 :(得分:0)
您可以使用Wordpress Rest API https://developer.wordpress.org/rest-api/来做到这一点。
然后在您的网站中,添加以下html和JavaScript:
HTML
<div id="my-posts"></div>
JavaScript(确保添加带有协议的网站网址)
fetch('YOUR_WEBSITE/wp-json/wp/v2/posts')
.then(function(response) {
return response.json();
})
.then(function(json) {
json.forEach(function(post, index) {
var para = document.createElement("P");
var t = document.createTextNode(post.title.rendered);
para.appendChild(t);
document.getElementById("my-posts").appendChild(para);
})
});
上面的代码将请求这些帖子,并在div#my-posts内部渲染其标题。 JavaScript将需要在HTML之后执行。
查看手册,了解如何从API获取所需的数据。
祝你好运,编码愉快!