Giới thiệu WPML GraphQL – Xây dựng trang web WordPress headless đa ngôn ngữ

Chúng tôi rất vui mừng thông báo phát hành WPML GraphQL, một plugin kết nối mới làm cầu nối giữa WPML và WPGraphQL, cho phép hỗ trợ đa ngôn ngữ trong schema GraphQL.

Được thiết kế cho các nhà phát triển sử dụng Gatsby, React, Vue và các công nghệ front-end phổ biến khác, WPML GraphQL là giải pháp tối ưu để tạo các trang web WordPress headless bằng nhiều ngôn ngữ.

WordPress headless là gì?

Nói một cách đơn giản, “WordPress headless” đề cập đến một thiết lập trong đó WordPress hoạt động ở phía sau trong khi bạn sử dụng một công nghệ riêng biệt cho front-end.

Đôi khi, bạn cần xây dựng một ứng dụng front-end hoàn toàn tùy chỉnh mà không cần tuân theo hệ thống phân cấp URL và template của WordPress. Nói cách khác, bạn không muốn bị hạn chế bởi cách hoạt động của các theme WordPress, bạn muốn xây dựng front-end của riêng mình.

Tuy nhiên, bạn vẫn có thể sử dụng WordPress cho mọi nhu cầu tạo và chỉnh sửa nội dung của mình.

Giờ đây, tất cả những gì bạn cần là một cách để dễ dàng phân phối dữ liệu từ back-end WordPress đến bất kỳ công nghệ front-end nào bạn đang sử dụng. Đây là lúc WPGraphQL phát huy tác dụng. Nó cho phép bạn chọn lọc truy xuất chính xác phần tử nội dung bạn cần cho từng phần của front-end.

Cuối cùng, WPML GraphQL là thành phần kỳ diệu cho phép bạn lấy dữ liệu ngôn ngữ và các bản dịch từ plugin WPML. Điều này cho phép bạn xây dựng một trang web WordPress headless, tùy chỉnh và đa ngôn ngữ.

Bộ công cụ phát triển được đề xuất để xây dựng trang web WordPress headless

Các khả năng được nâng cao với WPML GraphQL

WPML GraphQL tích hợp với WPGraphQL và thêm các trường cùng bộ lọc mới vào schema GraphQL. Sau khi cài đặt plugin, bạn có thể điều hướng đến GraphQL → GraphQL IDE và sử dụng Query Composer để truy vấn và lọc nội dung bằng nhiều ngôn ngữ.

Trong ảnh chụp màn hình bên dưới, bạn có thể thấy việc sử dụng trường language dễ dàng như thế nào để truy xuất danh sách tất cả các bài viết trên một trang web WordPress, bao gồm mã ngôn ngữ, slug và URI của chúng. Bạn cũng có thể sử dụng trường translations để lấy thông tin tương tự cho các bản dịch của mỗi bài viết:

Sự tích hợp này giữa WPML GraphQL và WPGraphQL mở ra một thế giới các khả năng đa ngôn ngữ:

• Xây dựng các trang web WordPress headless đa ngôn ngữ
• Sử dụng các trường mới (language, language code, translations) để truy xuất dữ liệu ngôn ngữ cụ thể và các bản dịch từ plugin WPML
• Lọc các loại bài viết, phân loại và bình luận theo ngôn ngữ
• Lấy dữ liệu ngôn ngữ cho các đối tượng và node
• Truy vấn dữ liệu dựa trên tất cả các ngôn ngữ đã cài đặt hoặc các ngôn ngữ cụ thể

Như một phần thưởng bổ sung, WPML GraphQL hoạt động tốt với ACF, ACF Multilingual và WPGraphQL for Advanced Custom Fields. Điều này cho phép bạn dễ dàng tương tác với dữ liệu đa ngôn ngữ đến từ các trường ACF.

Để biết thêm về cách chức năng đa ngôn ngữ có thể nâng tầm WPGraphQL, hãy xem trang dành riêng cho WPML GraphQL.

Tải xuống và cài đặt

Bạn có thể tìm thấy plugin WPML GraphQL trên trang Tải xuống của WPML.

Hoặc từ trang quản trị trang web của bạn, bạn có thể truy cập Plugin → Cài mới và nhấp sang tab Thương mại.

Chia sẻ suy nghĩ của bạn

Bạn hiện đang sử dụng WPGraphQL cho việc phát triển web của mình không? Bạn có dự định tạo một trang web WordPress headless với chức năng đa ngôn ngữ không? Chúng tôi rất muốn nghe suy nghĩ của bạn!

Hãy chia sẻ phản hồi của bạn và cho chúng tôi biết bạn dự định sử dụng plugin WPML GraphQL như thế nào trong phần bình luận bên dưới.