Как отобразить все WordPress страницы в виде раздела на одном сайте Гэтсби - PullRequest
Новая
       60

Как отобразить все WordPress страницы в виде раздела на одном сайте Гэтсби

0 голосов
/ 22 сентября 2019

Я хочу создать одностраничный портфель, который структурирован по таким разделам, как: вступительные проекты CV CV

У меня есть отдельная страница для каждого из этих разделов, созданных в WordPress.Как я могу отобразить каждую страницу WordPress на одной странице с помощью gatsby?

Вот где я создаю страницы gatsby из Wordpress API: https://github.com/joeymorello/port-site/blob/master/gatsby-node.js

Ответы [ 2 ]

1 голос
/ 22 сентября 2019

Если вы хотите, чтобы содержимое одной страницы встраивалось в другую без необходимости копировать весь контент, вам необходимо использовать шорткоды.Вы можете попробовать плагин для этого, как этот: https://wordpress.org/plugins/insert-pages/

0 голосов
/ 23 сентября 2019

Очень простым примером может быть добавление чего-то подобного к вашему pages/index.js: 

import React from "react"
import { graphql } from "gatsby"

const IndexPage = ({ data }) => {
  const { allWordpressPage } = data
  return (
  <>
    {allWordpressPage.edges.node.map(node => {
      const { title, content, id } = node
      return (
        <section key={ id }>
          <h2>{{ title }}</h2>
          <div>{{ content }}</div>
        </section>
      )
    })}
  </>
}
)}

export default IndexPage



export const pageQuery = graphql`
  query {
    allWordpressPage {
      edges {
        node {
          id
          title
          content
        }
      }
    }
  }
`
...