Cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

bởi Aorinka Anendya
13 tháng 6 năm 2024

Blog > Hướng dẫn > Cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

Thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS là một tính năng quan trọng đối với bất kỳ trang web nào muốn tiếp cận khán giả toàn cầu. Trong thời đại toàn cầu hóa ngày nay, khả năng chuyển đổi giữa nhiều ngôn ngữ một cách liền mạch là một nhu cầu cấp thiết.

Thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS nâng cao khả năng truy cập cho khách truy cập từ nhiều quốc gia khác nhau, có thể cải thiện thứ hạng của công cụ tìm kiếm và có thể xây dựng niềm tin thương hiệu toàn cầu. Mặc dù nghe có vẻ phức tạp nhưng hướng dẫn từng bước này sẽ giúp bạn thực hiện việc đó một cách suôn sẻ và hiệu quả trên Craft CMS .

Tầm quan trọng của việc thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

Trước khi đi sâu vào cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS , trước tiên hãy thảo luận về tầm quan trọng của việc thiết lập trình chuyển đổi ngôn ngữ. Dưới đây là một số trong số họ.

Trải nghiệm người dùng tốt hơn: Trình chuyển đổi ngôn ngữ cho phép khách truy cập dễ dàng truy cập nội dung bằng ngôn ngữ ưa thích của họ, do đó nâng cao sự hiểu biết và mức độ tương tác của họ với trang web.
Giảm tỷ lệ thoát: Khách truy cập không thể tìm thấy ngôn ngữ mong muốn của họ có thể thoát khỏi trang web của bạn ngay lập tức. Trình chuyển đổi ngôn ngữ cung cấp nhiều ngôn ngữ có thể ngăn họ rời khỏi trang web.
Tăng chuyển đổi: Hiểu chi tiết sản phẩm, chính sách và quy trình mua hàng bằng ngôn ngữ của họ có thể khuyến khích khách truy cập mua hàng hoặc thực hiện các hành động khác.
Tối ưu hóa SEO đa ngôn ngữ: Công cụ tìm kiếm xem xét yếu tố trải nghiệm người dùng khi xếp hạng trang web. Trình chuyển đổi ngôn ngữ thân thiện với người dùng có thể cải thiện SEO đa ngôn ngữ bằng cách giúp khách truy cập truy cập nội dung bằng ngôn ngữ của họ dễ dàng hơn. Dịch chính xác nội dung cũng gửi tín hiệu tích cực đến các công cụ tìm kiếm rằng trang web của bạn phù hợp với nhiều truy vấn khác nhau bằng các ngôn ngữ khác nhau.

Phá vỡ rào cản ngôn ngữ

Nói lời tạm biệt với rào cản ngôn ngữ và chào đón sự phát triển không giới hạn! Hãy thử dịch vụ dịch tự động của chúng tôi ngay hôm nay.

Bắt đầu dịch ngay bây giờ

Cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

Sau khi hiểu tầm quan trọng của việc sử dụng trình chuyển đổi ngôn ngữ trên trang web Craft CMS đa ngôn ngữ, hãy thảo luận về cách thực hiện. Thông thường, dịch vụ dịch thuật trang web cung cấp tính năng này và bạn có thể tùy chỉnh tính năng này theo nhu cầu của mình.

Tuy nhiên, không phải tất cả các dịch vụ dịch thuật đều cung cấp trình chuyển đổi ngôn ngữ dễ dàng tùy chỉnh và thân thiện với người dùng. Vì vậy, việc lựa chọn một dịch vụ dịch tự động tương thích với nhiều framework khác nhau và cung cấp tính năng chuyển đổi ngôn ngữ linh hoạt là điều quan trọng.

Một dịch vụ đáp ứng được những tiêu chí này là Linguise . Linguise cung cấp tính năng chuyển đổi ngôn ngữ có thể dễ dàng tùy chỉnh, thân thiện với người dùng và có thể tích hợp tốt với Craft CMS .

Bằng cách sử dụng khả năng tích hợp liền mạch của Linguise với khung Craft CMS , bạn có thể dễ dàng thêm trình chuyển đổi ngôn ngữ vào ứng dụng đa ngôn ngữ của mình. Với các tính năng nâng cao và giao diện thân thiện với người dùng của Linguise , việc thiết lập và duy trì trình chuyển đổi ngôn ngữ trên trang web Craft CMS của bạn sẽ đơn giản hơn nhiều.

Dưới đây là các bước để cài đặt Linguise trên trang web Craft CMS và thiết lập trình chuyển đổi ngôn ngữ.

#1: Đăng ký tài khoản Linguise miễn phí

Đăng ký tài khoản Linguise và hưởng lợi từ bản dùng thử miễn phí một tháng để bắt đầu. Chỉ cần nhập địa chỉ email của bạn để tạo tên người dùng và mật khẩu.

Trong suốt thời gian dùng thử, bạn sẽ có quyền truy cập vào tất cả các tính năng hấp dẫn mà Linguise cung cấp. Bạn sẽ được chuyển đến bảng điều khiển Linguise sau khi kết thúc thời gian dùng thử.

#2: Thêm tên miền website Craft CMS

Sau khi Linguise được tạo, bạn sẽ được chuyển đến bảng điều khiển để nhập Craft CMS . Chọn “Thêm tên miền” và hoàn thành các trường được cung cấp:

Tài khoản
URL
Nền tảng được sử dụng ( Craft CMS )
Ngôn ngữ mặc định
ngôn ngữ dịch thuật
Dịch URL
Dịch nội dung động

Bạn có thể lấy khóa API mà bạn phải dán vào bước tiếp theo.

#4: Tải tập lệnh Linguise lên

Tiếp theo, bạn sẽ cần tải tập lệnh dịch Linguise lên máy chủ nơi cài đặt Craft CMS .

Tải xuống tập lệnh dịch PHP-JS, giải nén và tải nó lên thư mục gốc của bản cài đặt Craft CMS của bạn.

Đảm bảo rằng tập lệnh được đặt trong thư mục gốc của trang web, nơi chứa các tệp Craft CMS của bạn và thư mục đó vẫn giữ tên ban đầu là “ linguise ”.

Sau đó, chèn khóa API Linguise vào tệp Configuration.php mà bạn đã tải lên máy chủ của mình. Mở tệp để chỉnh sửa và dán khóa API của bạn vào trong dấu ngoặc kép, thay thế văn bản REPLACE_BY_YOUR_TOKEN.

#5: Kích hoạt và tùy chỉnh trình chuyển đổi ngôn ngữ

Liên kết tập lệnh Linguise JS cần được tích hợp vào tất cả các trang trong Craft CMS của bạn để hiển thị trình chuyển đổi ngôn ngữ có gắn cờ và bao gồm các URL thay thế trong tiêu đề HTML của bạn nhằm mang lại lợi ích cho SEO.

Để có được liên kết tập lệnh, hãy điều hướng đến cài đặt miền trong bảng điều khiển Linguise và sao chép liên kết tập lệnh được cung cấp từ đó.

Một cách dễ dàng để kết hợp mã này vào Craft CMS là thêm nó vào chỉ mục mẫu của bạn. Truy cập thư mục /template và chỉnh sửa tệp chỉ mục để đưa liên kết tập lệnh vào phần tiêu đề.

Để hiển thị trình chuyển đổi ngôn ngữ, được biểu thị bằng cửa sổ bật lên gắn cờ để chọn ngôn ngữ bạn muốn, bạn có thể tải nó bằng cách sao chép mã được cung cấp ở cuối cấu hình trang web và dán mã đó vào phần đầu trang HTML của bạn. Hành động này sẽ cho phép tải tự động trình chuyển đổi ngôn ngữ cờ.

Trình chuyển đổi ngôn ngữ ban đầu sẽ hiển thị ở định dạng mặc định nhưng bạn có thể cá nhân hóa nó. Tùy chỉnh trình chuyển đổi ngôn ngữ thông qua Linguise bằng cách truy cập Cài đặt > Hiển thị cờ ngôn ngữ . Phần này bao gồm nhiều tùy chọn tùy chỉnh khác nhau, bao gồm màn hình chính, tên ngôn ngữ và các thành phần thiết kế.

#6 Cấu hình màn hình chính

Để bắt đầu cấu hình trình chuyển đổi ngôn ngữ, hãy đi tới “Cài đặt” > “Hiển thị cờ ngôn ngữ” trong Linguise .

Trong phần này, bạn có thể tùy chỉnh một số cài đặt. Đầu tiên, có các cài đặt hiển thị chính, nơi bạn có thể sửa đổi các thành phần khác nhau, chẳng hạn như.

Kiểu biểu tượng cờ: Bạn có thể chọn giữa hiển thị cạnh nhau, menu thả xuống hoặc cửa sổ bật lên.
Vị trí: Cài đặt này quyết định vị trí của trình chuyển đổi ngôn ngữ trên trang web của bạn. Có một số tùy chọn vị trí, vì vậy hãy đảm bảo bạn chọn một vị trí thuận tiện cho khách truy cập.

#7 Đặt thiết kế cờ

Khi bạn đã điều chỉnh cài đặt hiển thị chính, bạn có thể tiến hành điều chỉnh thiết kế của các lá cờ được hiển thị.

Hiển thị tên ngôn ngữ: Bạn có thể hiển thị tên ngôn ngữ dựa trên tên quốc gia hoặc chính ngôn ngữ đó. Ví dụ: bạn có thể hiển thị “tiếng Pháp” hoặc “tiếng Pháp”.
Loại cờ tiếng Anh: Tính năng này mang lại lợi ích cho các ngôn ngữ có nhiều biến thể, như tiếng Anh Mỹ hoặc tiếng Anh Anh. Nó cũng có thể áp dụng cho tiếng Tây Ban Nha, tiếng Đài Loan, tiếng Đức và tiếng Bồ Đào Nha.
Kiểu cờ: Tùy chọn này cho phép bạn chọn hình dạng của biểu tượng lá cờ, hình tròn hoặc hình chữ nhật.

#8 Đặt màu sắc và kích thước

Sau khi hoàn tất cấu hình thiết kế cờ, bạn có thể tiến hành tùy chỉnh màu sắc và kích thước của các lá cờ. Dưới đây là một số cài đặt có sẵn để điều chỉnh.

Bán kính đường viền cờ: Điều chỉnh bán kính đường viền cho kiểu cờ hình chữ nhật, được đo bằng pixel.
Màu tên ngôn ngữ: Chọn màu văn bản mặc định để hiển thị tên.
Màu ngôn ngữ bật lên: Xác định màu cho văn bản tiêu đề ngôn ngữ trong khu vực bật lên hoặc thả xuống.
Kích thước lá cờ: Sửa đổi kích thước của biểu tượng lá cờ.
Màu di chuột của tên ngôn ngữ: Chỉ định màu văn bản xuất hiện khi người dùng di chuột qua tên ngôn ngữ.
Màu di chuột của ngôn ngữ bật lên: Xác định màu văn bản xuất hiện khi người dùng di chuột qua tiêu đề ngôn ngữ trong khu vực bật lên hoặc thả xuống.

#9 Cấu hình bóng hộp

Cuối cùng, bạn có thể điều chỉnh cài đặt bóng hộp cờ. Tùy chọn ban đầu cho phép bạn thêm hiệu ứng đổ bóng vào từng biểu tượng lá cờ hiển thị trên trang web của bạn. Tùy chọn tiếp theo quản lý hiệu ứng bóng khi người dùng di chuột qua cờ ngôn ngữ.

Khi bạn đã thực hiện tất cả các điều chỉnh cần thiết, hãy nhấp vào nút Lưu để thực hiện các thay đổi tùy chỉnh. Sau đó, hãy truy cập trang web Craft CMS của bạn để xác nhận rằng cấu hình đã được áp dụng thành công. Đây đại khái là cách trình chuyển đổi ngôn ngữ sẽ được hiển thị.

Sau khi kết thúc quá trình thiết lập, bạn có thể quan sát chức năng của trình chuyển đổi ngôn ngữ trên trang web đa ngôn ngữ Craft CMS của mình.

Sau đó, chúng tôi sẽ tự động dịch Craft CMS sang các ngôn ngữ khác như tiếng Đức.

5 mẹo tối ưu hóa ngôn ngữ switcher trên Craft CMS

Khi bạn đã thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS , điều quan trọng là phải hiểu các phương pháp hay nhất để thiết kế bộ chọn ngôn ngữ và hiệu suất của nó nhằm mang lại lợi ích cho cả trang web và khách truy cập của bạn.

Sử dụng biểu tượng cờ ngôn ngữ dễ nhận biết

Việc sử dụng các biểu tượng hoặc cờ ngôn ngữ được công nhận rộng rãi là rất quan trọng để khách truy cập có thể nhanh chóng xác định và chọn tùy chọn ngôn ngữ ưa thích của họ. Đảm bảo rằng các biểu tượng hoặc cờ được sử dụng rõ ràng, có độ tương phản màu sắc tốt và được hiểu rộng rãi ở các nền văn hóa khác nhau để tránh nhầm lẫn hoặc mơ hồ.

Các ký hiệu hoặc biểu tượng quen thuộc giúp tạo ra trải nghiệm trực quan và thân thiện với người dùng, cho phép khách truy cập điều hướng đến phiên bản ngôn ngữ mong muốn một cách dễ dàng. Điều cực kỳ quan trọng là chọn các biểu tượng hoặc cờ được mọi người biết đến để tránh hiểu lầm hoặc nhầm lẫn.

Sử dụng tên ngôn ngữ và cờ

Ngoài việc chỉ sử dụng cờ, bạn nên xem xét kết hợp cả cờ và tên ngôn ngữ gốc. Cách tiếp cận này có thể giúp tránh nhầm lẫn vì một số ngôn ngữ được sử dụng ở nhiều quốc gia có quốc kỳ khác nhau.

Việc sử dụng trực tiếp tên ngôn ngữ sẽ loại bỏ sự mơ hồ và đảm bảo khách truy cập có thể xác định rõ ràng và chọn ngôn ngữ mong muốn mà không hiểu nhầm. Hơn nữa, việc sử dụng tên theo ngôn ngữ có thể mang tính bao quát hơn và tôn trọng sự đa dạng văn hóa.

Đặt nút chuyển đổi ngôn ngữ một cách chiến lược

Hãy đặt nút chuyển đổi ngôn ngữ ở khu vực nổi bật và dễ truy cập trên trang web của bạn. Các vị trí tiêu chuẩn bao gồm đầu trang, chân trang hoặc menu điều hướng chính. Những vị trí này trực quan đối với hầu hết người dùng Internet và phù hợp với mong đợi của họ khi tìm kiếm các tùy chọn ngôn ngữ.

Vị trí nhất quán trên tất cả các trang đảm bảo rằng khách truy cập có thể dễ dàng truy cập trình chuyển đổi ngôn ngữ bất kể điểm vào hoặc trang cụ thể mà họ truy cập. Vị trí nhất quán này giúp tạo ra trải nghiệm người dùng mượt mà và có thể dự đoán được.

Triển khai thiết kế trình chuyển đổi ngôn ngữ đáp ứng

Đảm bảo nút chuyển đổi ngôn ngữ phản hồi nhanh và hoạt động tốt trên nhiều thiết bị và kích thước màn hình khác nhau, bao gồm máy tính để bàn, máy tính bảng và điện thoại thông minh. Thử nghiệm nó trên các thiết bị và độ phân giải màn hình khác nhau để đảm bảo trải nghiệm người dùng liền mạch mà không bị cắt bỏ hoặc chồng chéo các thành phần.

Thiết kế đáp ứng đảm bảo rằng khách truy cập có thể dễ dàng truy cập các tùy chọn ngôn ngữ từ bất kỳ thiết bị nào họ sử dụng, nâng cao khả năng truy cập và sự thuận tiện trong việc chuyển đổi ngôn ngữ.

Đảm bảo trình chuyển đổi ngôn ngữ nhất quán trên các trang

Đảm bảo trình chuyển đổi ngôn ngữ duy trì giao diện và hoạt động nhất quán trên trang web của bạn. Người dùng có thể chuyển đổi ngôn ngữ một cách trơn tru, bất kể họ đang truy cập trang nào hay nội dung họ đang xem. Tính nhất quán không chỉ mang lại trải nghiệm người dùng gắn kết mà còn tăng cường khả năng truy cập và tính sẵn có của các tùy chọn ngôn ngữ, tạo dựng niềm tin và sự tin cậy vào trang web đa ngôn ngữ của bạn.

Bất kỳ sự không nhất quán nào trong trình chuyển đổi ngôn ngữ đều có thể khiến người dùng bối rối và thất vọng, có khả năng khiến họ rời khỏi trang web của bạn.

Sẵn sàng để khám phá thị trường mới? Dùng thử miễn phí dịch vụ dịch tự động của chúng tôi với 1 tháng dùng thử không rủi ro. Không cần thẻ tín dụng!

Yêu cầu bản dùng thử miễn phí 1 tháng của bạn

Thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS với Linguise !

Tại thời điểm này, bạn sẽ nhận ra rằng bạn đang định cấu hình trình chuyển đổi ngôn ngữ cho trang web đa ngôn ngữ Craft CMS . Việc thiết lập trình chuyển đổi ngôn ngữ có thể mang lại nhiều lợi ích khác nhau và có thể được tinh chỉnh dựa trên các điểm đã đề cập trước đó.

Tối ưu hóa trình chuyển đổi ngôn ngữ có thể cải thiện đáng kể trải nghiệm người dùng tổng thể. Tiếp theo, hãy đăng ký tài khoản Linguise , tích hợp nó với Craft CMS và tinh chỉnh trình chuyển đổi ngôn ngữ để nâng cao trải nghiệm người dùng hơn nữa.

Cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

Tầm quan trọng của việc thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

Cách thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS

#1: Đăng ký tài khoản Linguise miễn phí

#2: Thêm tên miền website Craft CMS

#4: Tải tập lệnh Linguise lên

#5: Kích hoạt và tùy chỉnh trình chuyển đổi ngôn ngữ

#6 Cấu hình màn hình chính

#7 Đặt thiết kế cờ

#8 Đặt màu sắc và kích thước

#9 Cấu hình bóng hộp

5 mẹo tối ưu hóa ngôn ngữ switcher trên Craft CMS

Sử dụng biểu tượng cờ ngôn ngữ dễ nhận biết

Sử dụng tên ngôn ngữ và cờ

Đặt nút chuyển đổi ngôn ngữ một cách chiến lược

Triển khai thiết kế trình chuyển đổi ngôn ngữ đáp ứng

Đảm bảo trình chuyển đổi ngôn ngữ nhất quán trên các trang

Thiết lập trình chuyển đổi ngôn ngữ trên Craft CMS với Linguise !

Bạn cũng có thể quan tâm đến việc đọc

Tiếng Quảng Đông và tiếng Quan Thoại, sự khác biệt là gì?

Webflow Thương mại điện tử: Hơn 5 mẹo để tiếp cận thị trường quốc tế

Cách chọn plugin dịch WooC Commerce tốt nhất cho cửa hàng đa ngôn ngữ của bạn (+ thiết lập)

Hợp pháp

Ủng hộ

Sản phẩm