Đang tải... (xem toàn văn)
Bài này nhằm đưa ra các hướng dẫn cần thiết giúp các bạn sử dụng component JoomFish kết hợp với Joomla để xây dựng một website đa ngôn ngữ, cụ thể là chúng ta sẽ sử dụng JoomFish để xây dựng một website có thể thể hiện ở 3 ngôn ngữ Việt-Anh-Pháp. Các version và file sử dụng trong ví dụ này: - Joomla 1.0.11 - JoomFish 1.7 - Các gói ngôn ngữ cần thiết: tiếng Việt, tiếng Pháp,...(tải về từ mục Extensions của Joomla). *Lưu ý: - Các bước hướng dẫn trong bài đã được test trên localhost. - JoomFish chỉ tạo điều kiện cho bạn xây dựng site đa ngôn ngữ, JoomFish không phải là công cụ dịch tự động, bạn phải tự dịch các phần cần thiết.
Hướng dẫn sử dụng JoomFish xây dựng website đa ngôn ngữ Bài nhằm đưa hướng dẫn cần thiết giúp bạn sử dụng component JoomFish kết hợp với Joomla để xây dựng website đa ngôn ngữ, cụ thể sử dụng JoomFish để xây dựng website thể ngôn ngữ Việt-Anh-Pháp Các version file sử dụng ví dụ này: - Joomla 1.0.11 - JoomFish 1.7 - Các gói ngơn ngữ cần thiết: tiếng Việt, tiếng Pháp, (tải từ mục Extensions Joomla) *Lưu ý: - Các bước hướng dẫn test localhost - JoomFish tạo điều kiện cho bạn xây dựng site đa ngôn ngữ, JoomFish công cụ dịch tự động, bạn phải tự dịch phần cần thiết Bước 1: Cài đặt JoomFish Vào back-end, mục Installers/Components, Browse tới file component JoomFish nhấn Upload File & Install Khi cài đặt thành công thấy hình chào mừng JoomFish Bước 2: Cài đặt tinh chỉnh file ngôn ngữ Vào mục Installers/Languages để cài thêm ngôn ngữ tiếng Việt tiếng Pháp (tiếng Anh có sẵn cài đặt Joomla) Sau cài xong, vào mục Site/Language Manager/Site Languages để kiểm tra Chúng ta thấy tên ngôn ng ting Phỏp b li (ỏng l l Franỗais ch Fran?ais), sửa lại điều tên ngơn ngữ thể sau website để khách viếng thăm lựa chọn Vào Components/Joom!Fish/Languages Chúng ta thấy JoomFish nhận diện có gói ngơn ngữ website Mở chương trình Word, chọn lệnh Insert/Symbol Tìm tới ch ỗ chốn vo file Word Bụi en ch ç copy vào clipboard (Ctrl+C) Quay lại Joomla, dán ch ỗ vo v trớ du ? tờn file Fran?ais (dùng Ctrl-V), sửa chữ Vietnam thành Tiếng Việt (sử dụng Unicode) Cho active ngôn ngữ điền thêm thông số cho ngôn ngữ tiếng Việt tiếng Pháp hình bên Chọn thứ tự cho ngôn ngữ Front-end Tiếng Việt 0, tiếng Anhà 1, tiếng Phápà2 Sau nhấn Save Sau cài đặt điều chỉnh gói ngơn ngữ trên, để site hoạt động tốt xảy lỗi ( dám nói khơng dám nói khơng ) cần điều chỉnh file ngôn ngữ sang charset UTF-8 Dùng Dreamweaver mở file sau (trong thư mục language site) điều chỉnh charset từ ISO-8859-1 sang UTF-8 - english.php - english.xml - french.php - french.xml Đối với file *.php Sửa dòng DEFINE('_ISO','charset=iso-8859-1'); lại thành DEFINE('_ISO','charset=utf-8'); Vẫn Dreaweaver, chọn menu Modify/Page Properties Trong phần Page Properties, mục Title/Encoding, mục Encoding, chọn Unicode (UTF8) Nhấn OK, lưu lại (Save) thay đổi file *.php Dreaweaver Đối với file *.xml Trong Dreaweaver, thay dòng encoding từ iso-8859-1 thành utf-8 lưu lại giống phía Bước 3: Test thử site Quay lại Joomla, vào mục Modules/Site Modules Tìm tới mục JoomFish language selection Chọn vị trí xuất module lựa chọn ngôn ngữ Trong chọn Position: top, chọn Published: Yes Bấm Save Mở cửa sổ trình duyệt test thử site ngồi Front-end, có xuất module lựa chọn lựa chọn ngôn ngữ dịng chữ Joomla thay đổi theo thành công *********************************************** Khi chọn Tiếng Việt, ta thấy có dịng chữ Người viết Form dùng để login *********************************************** Khi chọn tiếng Anh (English), ta thấy dòng chữ Written by Form dùng để login *********************************************** Khi chn ting Phỏp (Franỗais), ta thy cỏc dũng chữ Écrit par Form dùng để login Lúc an tâm để bắt đầu sử dụng JoomFish để dịch viết, tên module,v.v… *********************************************** Bước 4: Dịch viết thành phần site ngôn ngữ khác Quay vào Back-end, chọn Components/Joom!Fish/Translation Lưu ý menu bên góc phải Mục Content elements thành phần Joomla mà bạn dịch ngôn ngữ khác Mục Languages dùng để lựa chọn ngơn ngữ đích *Lưu ý: Theo mặc định Joomfish, có mục bạn khơng dịch (No translation) mục để với ngôn ngữ mặc định site (Ngôn ngữ mặc định site set Site/Global configuration) Bạn thay đổi mặc định cách vào Components/Joom!Fish/Configuration 10 4.1 Dịch menu: Trong mục Translation JoomFish, phần Content elements chọn Menus Giả sử muốn dịch Menu từ tiếng Anh sang tiếng Việt, mục Languages chọn Tiếng Việt (Nếu giả sử tơi có menu tiếng Việt muốn dịch menu sang tiếng Anh, chọn English) Ta thấy danh sách mục tất menu, bên góc phải mục Menu Filters, chọn mainmenu để bắt đầu dịch mục Main menu từ tiếng Anh sang tiếng Việt Một danh sách mục mainmenu xuất để bạn dịch chúng sang tiếng Việt 11 Chọn mục dịch ra, chọn Published xong Save lại Làm cho tất mục menu (bạn cần dịch mục Published mainmenu) Bây ta bắt đầu dịch menu từ tiếng Anh sang tiếng Pháp Mục Languages chn Franỗais, lm tng t menu ting Vit, nh Published 12 Sau dịch xong ta có mục tương tự hình bên Kiểm tra thử ngồi Front-end Tiếng Việt Tiếng Anh Tiếng Pháp ** Bạn có lưu ý chữ MAIN MENU không đổi không? Xin mời qua bước 13 4.2 Dịch module: Trong mục Translation JoomFish, phần Content elements chọn Modules Giả sử muốn dịch tên module từ tiếng Anh sang tiếng Việt, mục Languages chọn Tiếng Việt Xuất danh sách tên module, chọn cái, tiến hành Việt hóa, xong Published, lưu lại Tiến hành tương tự cho tiếng Pháp 14 Kiểm tra Front-end Tiếng Việt Tiếng Anh Tiếng Pháp 15 4.3 Dịch viết: Trong mục Translation JoomFish, phần Content elements chọn Contents Giả sử muốn dịch viết từ tiếng Anh sang tiếng Việt, mục Languages chọn Tiếng Việt (Nếu có sẵn viết tiếng Việt muốn dịch tiếng Anh, mục Languages chọn English) Trong mục Category Filters, chọn Category mà bạn muốn dịch viết Sau tiến hành dịch tương tự bước 4.1 4.2 Nhớ Published Save lại sau dịch 16 Tiến hành tương tự cho tiếng Pháp ******************************** Kiểm tra Front-end Tiếng Việt Tiếng Anh 17 Tiếng Pháp Như kết thúc q trình dịch ngơn ngữ khác Tinh chỉnh JoomFish Trong phần Moduleds/Site Modules/ JoomFish language selection, mục Appereance of language selector ta chỉnh để module lựa chọn ngơn ngữ xuất dạng khác - Drop down of names: danh sách ngôn ngữ dạng xổ xuống Ul-list of names: danh sách ngôn ngữ xếp hàng ngang Ul-list of images: hình ảnh đại diện cho ngơn ngữ (cờ,v.v ) (để sử dụng chức cho tiếng Việt, bạn vào folder components\com_joomfish\images\flags, dùng chương trình vẽ hình để copy cờ nước , sau sửa lại thành cờ Việt Nam, đặt tên vn.gif) 18 ********************************* Kiểm tra Front-end Drop down of names: Ul-list of names: Ul-list of images: Bên bước cần thiết để thiết lập website thể ngôn ngữ ViệtAnh-Pháp Chúc bạn thành công!!! Bài hướng dẫn thực : ttinhha (email : ttinhha@yahoo.com ) Trung tâm hỗ trợ giáo viên – www.giaovien.net 19 ... Fran?ais (dùng Ctrl-V), sửa chữ Vietnam thành Tiếng Việt (sử dụng Unicode) Cho active ngôn ngữ điền thêm thông số cho ngôn ngữ tiếng Việt tiếng Pháp hình bên Chọn thứ tự cho ngôn ngữ Front-end Tiếng... down of names: danh sách ngôn ngữ dạng xổ xuống Ul-list of names: danh sách ngôn ngữ xếp hàng ngang Ul-list of images: hình ảnh đại diện cho ngôn ngữ (cờ,v.v ) (để sử dụng chức cho tiếng Việt,... bạn dịch ngơn ngữ khác Mục Languages dùng để lựa chọn ngơn ngữ đích *Lưu ý: Theo mặc định Joomfish, có mục bạn khơng dịch (No translation) mục để với ngôn ngữ mặc định site (Ngôn ngữ mặc định
