Thiết kế website đa ngôn ngữ cho wordpress 4.0 với qTranslate

Thiết kế website đa ngôn ngữ cho wordpress 4.0 với qTranslate

qTranstale Có lẽ là Plugin dùng để thiết kế đa ngôn ngữ free được sử dụng nhiều nhất hiện nay, xét về chất lượng thì khỏi phải bàn vì đã có hàng triệu lượt download để sử dụng lại dễ sử dụng và cốt yếu là nó free cho chúng ta :)

Thiết lập cài đặt qTranslate

Khi tìm hiểu tới việc thiết kế đa ngôn ngữ cho website mình nghĩ các bạn cũng ít nhiều có được những kiến thức cơ bản về wordpress, nên mình sẽ không dài dòng nữa. Trước hết để sử dụng Plugin này để làm đa ngôn ngữ cho website thì bạn phải tải được Plugin này về và activate nó.

Nếu các bạn đã update wordpress 4.0 thì ínstall cái qTranslate Plus. Sau khi activate thành công các bạn sẽ thấy có thêm 3 ngôn ngữ mặc định xuất hiện như sau.

Thực ra 3 ngôn ngữ mặc định của nó là tiếng Anh - Đức - Trung (:D tiếng việt là mình có sửa xíu ) và thêm phần langguages trong setting - Bạn có thể chọn ngôn ngữ mặc định hoặc thay đổi,thêm,bớt chỉnh sửa các loại ngôn ngữ tại đây

Nhưng theo mình thì bạn ko cần phải delete ngôn ngữ nào cả biết đâu sau này bạn có hứng làm thêm vài loại ngôn ngữ ả rập hay iraq chẳng hạn :) vì những ngôn ngữ nó tích hợp sẵn đều khá phổ biến, tuy nhiên nếu bạn vẫn không thể tìm thấy thứ ngôn ngữ bạn cần để làm website (ví dụ như tiếng thổ nhĩ kỳ hay campuchia) thì bạn vẫn có thể add thêm bằng cách nhập các thông số vào form nó tạo sẵn cho mình như sau :

• Language Code: mã ngôn ngữ gồm 2 chữ cái tương ứng với từng ngôn ngữ và bạn phải viết thường. Bạn có thể xem danh sách Language Code tại đường link xanh xanh nó đặt ở phía dưới  ISO Language Code. 

• Flag: chọn cờ cho ngôn ngữ này, có sẵn option cho bạn

• Name: Tên của ngôn ngữ.

• Locale: Mã nhận diện quốc gia của từng ngôn ngữ, Bạn có thể tham khảo tại đường link này.

• Date Format: Định dạng ngày tháng của từng ngôn ngữ. Tùy từng ngôn ngữ mà bạn cài đặt định dạng ngày tháng khác nhau, tham khảo tại chữ date xanh xanh phía dưới hoặc tại php date format. còn bỏ trống thì các ngôn ngữ sẽ lấy định dạng ngày tháng mà bạn thiết lập trong Setting->general.

• Time Format: cũng như date format , đây là định dạng hiển thị giờ không phải ngày. tham khảo tại địa chỉ trên

• Not Avaiable Message: dòng thông báo khi một nội dung chưa được thêm vào ngôn ngữ mà bạn đang tạo.

Sau khi điền đầy đủ thì chọn add new ở phía dưới là xong. Để đặt ngôn ngữ mặc định bạn tích vào ngôn ngữ muốn chọn ở phần default languages order và lưu thay đổi.

Hiện thị menu chọn ngôn ngữ ra website

Để đưa được menu chọn ngôn ngữ ra website sau khi thiết lập được các ngôn ngữ cần thiết các bạn vào Apperance -> Widgets tìm tới “qTranslate Languages Chooser” rồi kéo vào sidebar nơi vị trí bạn muốn hiển thị và Add Widget

Như vậy là menu chọn ngôn ngữ đã hiển thị ra ngoài website của bạn

Nếu không thích đặt ở những vị trí cố định trong các widget bạn cũng có thể đặt ở bắt kỳ đâu trong website của bạn với đoạn code sau :

<div style="float: right; margin: 7px 15px 0 0;">
    <?=qtrans_generateLanguageSelectCode('dropdown');?>
</div>

Vơi những bạn cài đặt qTranslate Plus thì sử dụng đoạn code sau

<div style="float: right; margin: 7px 15px 0 0;">
    <?=ppqtrans_generateLanguageSelectCode('dropdown');?>
</div>

dropdown: danh sách chọn, hiển thị nguyên tên ngôn ngữ.
image: hiển thị icon ngôn ngữ.
both: hiện thị cả tên và icon

Ngoài ra nếu bạn muốn menu dạng ngang thì có thể thêm đoạn code sau vào file css

.qtrans_language_chooser li {
float: left;
}

Tạo Page Categories,Post cho các ngôn ngữ

• Post

Ở phần post bài các bạn sẽ thấy xuất hiện thêm phần title, và nội dung cho mỗi loại ngôn ngữ mà bạn đã chọn (như hình trên, click để xem hình ảnh lớn), Bạn có thể nhập nội dung cho nhiều ngôn ngữ cùng lúc, Nếu bạn bỏ trống nội dung ngôn ngữ nào nó sẽ ko hiện thị ngoài website khi chọn menu ngôn ngữ đó. Ngoài phần title và content ra những thứ khác giữ nguyên như khi bạn tạo post cho một ngôn ngư đơn thuần

• Categories

Cũng giống như post phần categories cũng xuất hiện thêm name của những loại ngôn ngư bạn đã chọn, và nó chỉ hiển thị tương ứng với mỗi menu ngôn ngữ khi bạn click vào

• Page

Để tạo page mới cho các ngôn ngữ bạn cũng làm tương tự như khi thêm post mới, Nhập name page và content cho từng ngôn ngữ. như vậy bạn đã có thể tạo ra một website đa ngôn ngữ cho mình

Về cơ bản cách sử dụng qTranslate để thiết kế website đa ngôn ngữ cũng khá đơn giản. Các bạn có thể tham khảo bài viết Toàn tập về thiết kế website đa ngôn ngữ để biết thêm về những plugin làm đa ngôn ngữ khác cho wordpress

Chúc các bạn thành công và thiết kế được những website hấp dẫn, like nếu bạn thấy bài viết có ích với bạn