Как получить все сообщения WordPress и отображать теги в Гэтсби

Question

впервые используя Gatbsy и GraphQL. Мне интересно, как отображать теги. Их нет в явном виде в редакторе GraphQL.

Я надеялся найти их под таксономией, но он отображает только "Категории" и "сообщение" для имени и типов ...

Это пользовательская страница React, которая будет служить индексом для определенных сообщений c категории. Кроме того, несвязанный вопрос ... Gatbsy, кажется, только извлекает часть моего контента с сайта Wordpress. Я скучаю по большому количеству миниатюр, несмотря на то, что они представлены в сообщениях.

export const pageQuery = graphql`
  query {
    allWordpressPage {
      edges {
        node {
          id
          title
          excerpt
          slug
        }
      }
    }
    allWordpressPost {
      edges {
        node {
          title
          excerpt
          slug
          featured_media {
            source_url
          }
          categories {
            name
            taxonomy {
              name
              types

            }
          }
        }
      }
    }
  }
`

const ClientProjectsIndexPage = ({ data }) => {
  console.log({data})
  return (
    <div className="wave-pattern-bg">
      <VideoBanner
        text="Client Projects"
        videoSrc={meetingVid}
        imageSrc={null}
      />
      <Layout>
        <SEO title="Index of Client Projects" />
        <div className="card-wrap index">
          {data.allWordpressPost.edges
            .filter(post => post.node.categories[0].name === "Client Projects")
            .map((post, index) => (
              <Segment
                key={index}
                onClick={() => {
                  navigate(`/${post.node.slug}`)
                }}
              >
                <div className="index-portrait-wrap">
                  {post.node.featured_media ? (
                    <Image avatar src={post.node.featured_media.source_url} />
                  ) : (
                    <Image avatar src={emptyThumbnail} />
                  )}
                  <h1>{post.node.title}</h1>
                </div>
                <p>{post.node.excerpt}</p>
              </Segment>
            ))}
        </div>
      </Layout>
      <Contact />
    </div>
  )
}

export default ClientProjectsIndexPage

Answer 1

Глупый я, в спешке, казалось, я пропустил это!

Мне все еще нужно выяснить, почему большинство избранных изображений не извлекаются, но вот запрос тега ...

export const pageQuery = graphql`
  query {
    allWordpressPage {
      edges {
        node {
          id
          title
          excerpt
          slug
        }
      }
    }
    allWordpressPost {
      edges {
        node {
          title
          excerpt
          slug
          featured_media {
            source_url
          }
          categories {
            name
          }
          tags {
            name
          }
        }
      }
    }
  }
`