用WP REST API调用的结果注入HTML的最佳方法？

Question

假设您要动态向WordPress网站首页博客列表中注入10条额外的帖子。 在一些用户交互之后，将添加10个新帖子。 因此，对于此示例，我们假设用户交互的JSON响应与此调用的结果相同：

GET /wp-json/wp/v2/posts?s=awesome

将结果添加到首页中，但又要确保新帖子使用与现有HTML相同的HTML的理想方法是什么？

在我看来，目前看来这些选项是：

1-用Javascript编写循环，并为循环内的帖子编写正确的html。 但这会使翻译等事情变得复杂，而且我已经在PHP中使用了循环模板，因此感觉就像在复制代码。

2-编写自定义端点。 但是据我了解，我需要使用搜索参数编写一个新的WP_Query（），然后在单个变量中返回所有html（因此无需get_template_part（）并再次复制代码）。

3-我的一个怪异想法是在页面加载时在网站上的某个位置添加帖子的html的隐藏的空框架。 然后，当时间到了时，在Javascript中运行一个循环并每次克隆骨架以从JSON注入相关的发布数据。 但这对我来说很讨厌。

有没有更好的办法？ 还是我误解了WP REST API的基本概念？

Answer 1

您的想法＃3听起来很像是使用诸如Handlebars之类的模板语言，但不一定就这么棘手。

您可以将HTML模板“隐藏”在一个脚本标签中，然后使用Javascript来呈现来自Ajax调用的数据。 有关基本概念，请参见此处的示例： http : //handlebarsjs.com/