2

特定のページをテーマにするために、このテーマ ( https://github.com/gilbitron/wp-rest-theme )を拡張する方法を知っている人はいますか? たとえば、リロードせずに朝食、昼食、夕食などの子ページをクリックするための独自のナビゲーションを持つ「メニュー」というページを作成したいと考えています。page-{slug}.php を介して、個々の .php ファイルを作成して、特定のページを自分の好みに合わせてテーマ化することに慣れています - vue.js と wp rest api を使用した同等のワークフローはありますか?

page-menu.php を使用して /menu ページをカスタマイズする代わりに、menu-page.vue ファイルのようなものを作成し、そのページをテンプレート化するためにそのページを具体的に呼び出すカスタム メソッドを追加する必要があると思います。

このプロセスの例は見つかりません。どんな助けでも大歓迎です。

4

1 に答える 1

2

私がしたことは、ページが使用するテンプレートを決定する Advanced Custom Fields を使用してフィールドを追加することでした。PageContent次のようなコンポーネントでディスプレイをラップしました。

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

ルーター:

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

そのため、誰かがそのルートに移動すると、パラメーターに基づいてページをフェッチしますslug。このpage変数は、templateACF を介して属性を持ち、表示するコンポーネントを決定し、デフォルトで汎用ページに設定されます。

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

WP JSON API プラグインと、ACF データを json に追加する ACF プラグインが必要です。

私のサイトはこのセットアップを使用しています。さらに質問がある場合は、さらにコードを共有してください。

于 2016-05-08T23:08:03.867 に答える