WPML GraphQL 소개 – 헤드리스 다국어 WordPress 사이트 구축

WPML과 WPGraphQL을 연결하여 GraphQL 스키마 내에서 다국어 지원을 가능하게 하는 새로운 글루 플러그인인 WPML GraphQL의 릴리스를 발표하게 되어 기쁩니다.

Gatsby, React, Vue 및 기타 인기 있는 프런트엔드 기술을 사용하는 개발자를 위해 설계된 WPML GraphQL은 다국어로 헤드리스 WordPress 웹사이트를 제작하기 위한 최적의 솔루션입니다.

헤드리스 WordPress란?

간단히 말해 “헤드리스 WordPress”는 백그라운드에서 WordPress가 작동하고 프런트엔드에는 별도의 기술을 사용하는 설정을 의미합니다.

때로는 WordPress 템플릿과 URL 계층 구조를 따를 필요 없이 완전히 사용자 정의된 프런트엔드 애플리케이션을 구축해야 할 때가 있습니다. 즉, WordPress 테마의 작동 방식에 제한받지 않고 자체 프런트엔드를 구축하고자 하는 경우입니다.

하지만 여전히 모든 콘텐츠 생성 및 편집 요구 사항에 WordPress를 사용할 수 있습니다.

이제 WordPress 백엔드에서 사용 중인 프런트엔드 기술로 데이터를 쉽게 전달할 방법만 있으면 됩니다. 바로 이 부분에서 WPGraphQL이 필요합니다. 이를 통해 프런트엔드의 각 부분에 필요한 정확한 콘텐츠 요소를 선택적으로 검색할 수 있습니다.

마지막으로 WPML GraphQL은 WPML 플러그인에서 언어 데이터와 번역을 가져올 수 있게 해주는 마법의 요소입니다. 이를 통해 다국어를 지원하는 맞춤형 헤드리스 WordPress 사이트를 구축할 수 있습니다.

헤드리스 WordPress 사이트 구축을 위한 권장 개발 스택

WPML GraphQL의 향상된 기능

WPML GraphQL은 WPGraphQL과 통합되어 GraphQL 스키마에 새로운 필드와 필터를 추가합니다. 플러그인을 설치한 후 GraphQL → GraphQL IDE로 이동하여 Query Composer를 사용해 여러 언어로 된 콘텐츠를 쿼리하고 필터링할 수 있습니다.

아래 스크린샷에서 language 필드를 사용하여 언어 코드, 슬러그 및 URI를 포함하여 WordPress 사이트의 모든 글 목록을 얼마나 쉽게 검색할 수 있는지 확인할 수 있습니다. 또한 translations 필드를 사용하여 각 글의 번역에 대한 유사한 정보를 얻을 수 있습니다.

WPML GraphQL과 WPGraphQL의 이러한 통합은 다음과 같은 다국어 가능성의 세계를 열어줍니다.

• 헤드리스 다국어 WordPress 사이트 구축
• 새로운 필드(language, language code, translations)를 사용하여 WPML 플러그인에서 특정 언어 데이터 및 번역 검색
• 언어별로 포스트 유형, 택소노미 및 댓글 필터링
• 객체 및 노드에 대한 언어 데이터 가져오기
• 설치된 모든 언어 또는 특정 언어를 기반으로 데이터 쿼리

추가로 WPML GraphQL은 ACF, ACF Multilingual 및 WPGraphQL for Advanced Custom Fields와 잘 작동합니다. 이를 통해 ACF 필드에서 가져온 다국어 데이터와 쉽게 상호 작용할 수 있습니다.

다국어 기능이 WPGraphQL을 어떻게 향상시킬 수 있는지에 대한 자세한 내용은 WPML GraphQL 전용 페이지를 확인하세요.

다운로드 및 설치

WPML 다운로드 페이지에서 WPML GraphQL 플러그인을 찾을 수 있습니다.

또는 사이트의 관리 화면에서 플러그인 → 새로 만들기로 이동하여 상용 탭을 클릭할 수 있습니다.

의견 나누기

현재 웹 개발에 WPGraphQL을 사용하고 계십니까? 다국어 기능을 갖춘 헤드리스 WordPress 사이트를 구축할 계획이 있으십니까? 여러분의 의견을 기다립니다!

아래 댓글을 통해 피드백을 공유하고 WPML GraphQL 플러그인을 어떻게 활용할 계획인지 알려주세요.