Question

是否有人知道如何扩展此主题（https://github.com/gilbitron/wp-rest-theme）以便主题特定页面？例如，我想创建一个名为“菜单”的页面，该页面具有独特的导航功能，无需重新加载即可点击进入子页面早餐，午餐，晚餐等。我习惯通过page- {slug} .php创建个人.php文件到我喜欢的主题特定页面 - 是否有使用vue.js和wp rest api的等效工作流程？

我没有使用page-menu.php来自定义/ menu页面，我想我需要创建类似menu-page.vue文件的东西，并添加一个自定义方法来专门调用该页面以模板它

我找不到这个过程的任何例子。任何帮助将不胜感激。

Answer 1

我所做的是使用高级自定义字段添加字段，确定页面应使用哪个模板。我将显示包装在一个名为PageContent的组件中，如下所示：

<div :is="page.template"
     :page="page"
     v-if="!$loadingRouteData"
     transition="fade"
     transition-mode="out-in">
</div>

路由器：

  '/:slug': {
    component: PageContent,
    name: 'Page'
  }

因此，当有人导航到该路线时，我会根据slug参数获取页面。然后，page变量通过ACF具有template属性，该属性确定要显示的组件并默认为通用页面：

if(pages[0].acf.template){
  return pages[0].acf.template;
}
return 'page'

您需要WP JSON API插件以及将ACF数据添加到json的ACF插件

My site使用此设置，如果您有更多问题，请尽快分享更多代码。

如何使用vue.js和wordpress rest api来模拟特定页面？

1 个答案: