Transcript Vinno

VINNO | Software Solution
Đa ngôn ngữ trong drupal
VẤN ĐỀ ĐA NGÔN NGỮ
TRONG DRUPAL
Tác giả: Chunglk
VINNO – Software Solution
www.vinno.vn
2
Đa ngôn ngữ trong drupal
Nội dung slide bao gồm:
 1. Bật những module trong i18n
 2. Cài đặt ngôn ngữ
 3. Bật tính năng đa ngôn ngữ cho Content-type
 4. Đa ngôn ngữ với node
 5. Thêm Language Switcher block
 6. Đa ngôn ngữ với taxonomy
 7. Đa ngôn ngữ với block
 8. Đa ngôn ngữ với menu
 9. Đa ngôn ngữ với view
 10. Đa ngôn ngữ với variables
 11. Đa ngôn ngữ với Core
VINNO – Software Solution
www.vinno.vn
3
Bật những module trong i18n
1. Bật những module trong i18n
- Trên menu quản trị đến Administer > Site Building > Modules
- Bật tất cả module trong “Multilanguage” (trừ những module
không cần dùng như Poll) và save the configuration.
VINNO – Software Solution
www.vinno.vn
4
Bật những module trong i18n
VINNO – Software Solution
www.vinno.vn
5
Cài đặt ngôn ngữ
2. Cài đặt ngôn ngữ
- Ngôn ngữ mặc định là tiếng Anh.
- Đến /admin/settings/language và chọn "Add language".
Thêm ngôn ngữ mong muốn.
VINNO – Software Solution
www.vinno.vn
6
Cài đặt ngôn ngữ
- Sau khi thêm ngôn ngữ, vào phần Configure chọn "Path Prefix
Only“.
VINNO – Software Solution
www.vinno.vn
7
Bật tính năng đa ngôn ngữ cho Content-type
3. Bật tính năng đa ngôn ngữ cho Content-type
- Đến /admin/content/types chọn kiểu content. Trong phần
"Workflow settings" chọn Multilingual support - Enabled, with
translation.
VINNO – Software Solution
www.vinno.vn
8
Bật tính năng đa ngôn ngữ cho Content-type
- Trong phần “Multilanguage options” chọn Require language (Do
not allow Language Neutral).
VINNO – Software Solution
www.vinno.vn
9
Đa ngôn ngữ với node
4. Đa ngôn ngữ với node
- Khi thêm mới nội dung cần chọn ngôn ngữ cho node.
VINNO – Software Solution
www.vinno.vn
10
Đa ngôn ngữ với node
Dịch ngôn ngữ node.
- Sử dụng Translate tab.
- Có 2 trường hợp:
+ Thêm mới translation bằng cách click add translation.
+ Thêm translation đã có khi nhập tiêu đề vào ô tìm kiếm.
VINNO – Software Solution
www.vinno.vn
11
Đa ngôn ngữ với node
- Trường hợp add translation.
VINNO – Software Solution
www.vinno.vn
12
Thêm Language Switcher block
6. Thêm Language Switcher block.
- Đến /admin/build/block bật language switcher.
- Có thể dùng thêm module language icons
(http://drupal.org/project/languageicons )
VINNO – Software Solution
www.vinno.vn
13
Đa ngôn ngữ với Taxonomy
6. Đa ngôn ngữ với Taxonomy
- Trong edit vocabulary phần Multilingual options chọn “Per
language terms “.
VINNO – Software Solution
www.vinno.vn
14
Đa ngôn ngữ với Taxonomy
- Thêm term cho từng ngôn ngữ
VINNO – Software Solution
www.vinno.vn
15
Đa ngôn ngữ với Taxonomy
- Vào translation tab chọn term cho mỗi ngôn ngữ.
VINNO – Software Solution
www.vinno.vn
16
Đa ngôn ngữ với block
7. Đa ngôn ngữ với block
- Với block có hai cách để thực hiện đa ngôn ngữ:
+ Tạo từng block cho mỗi ngôn ngữ tương ứng.
+ Dùng string localization.
- Cách thứ nhất:
+ Trong phần Multilingual settings chọn ngôn ngữ.
+ Trong title nhập theo ngôn ngữ.
VINNO – Software Solution
www.vinno.vn
17
Đa ngôn ngữ với block
- Cách thứ hai:
+ Trong phần Multilingual settings chọn All languages.
+ Trong title nhập theo theo ngôn ngữ mặc định(tiếng Anh).
VINNO – Software Solution
www.vinno.vn
18
Đa ngôn ngữ với block
+ Đến /admin/build/translate/search tìm title đã nhập ở trên để
translation rồi click vào nút edit.
VINNO – Software Solution
www.vinno.vn
19
Đa ngôn ngữ với block
+ Nhập chuỗi tiếng Việt rồi save.
VINNO – Software Solution
www.vinno.vn
20
Đa ngôn ngữ với menu
8. Đa ngôn ngữ với menu.
- Có hai cách thực hiện đa ngôn ngũ với menu:
+ Tạo nhiều menu tương ứng với từng ngôn ngữ
+ Tạo một menu và translation.
- Cách thứ nhất:
+ Thêm menu (admin/build/menu/add)
+ Trong Menu nhập tên menu
+ Save
+ Thêm item (admin/build/menu-customize/menu-en-menu/add)
+ Thêm path cho trang tiếng Anh (node/1)
+ Thêm tên tiếng Anh cho link
+ Trong Language combo box không chọn ngôn ngữ
+ Save
+ Thêm menu cho ngôn ngữ thứ hai (admin/build/menu/add)
+ Trong Menu nhập tên menu
+ Thêm item (admin/build/menu-customize/menu-el-menu/add)
+ Thêm path (node/2), tên cho path và save
+ Làm tương tự cho các ngôn ngữ tiếp theo
VINNO – Software Solution
www.vinno.vn
21
Đa ngôn ngữ với menu
Để hiển thị menu thực hiện các bước tiếp theo:
+ Đến blocks (admin/build/block)
+ Chọn vùng hiển thị cho block
+ Save blocks
+ Với menu tiếng Anh chọn configure trong Operations
+ Trong Multilingual settings chọn English cho language và
save
+ Làm tương tự cho các menu tương ứng với các ngôn ngư
khác
VINNO – Software Solution
www.vinno.vn
22
Đa ngôn ngữ với menu
- Cách thứ hai:
+ Thêm menu (admin/build/menu/add)
+ Trong Menu nhập tên menu
+ Save
+ Thêm item (admin/build/menu-customize/menu-en-menu/add)
+ Thêm path cho trang tiếng Anh (node/1)
+ Thêm tên tiếng Anh cho link
+ Trong Language combo box chọn ngôn ngữ English
+ Save
+ Thêm item khác (admin/build/menu-customize/menu-el-menu/add)
+ Thêm path (node/2), tên cho path
+ Trong Language combo box chọn ngôn ngữ khác ví dụ: tiếng Việt
+ Save
+ Làm tương tự với các ngôn ngữ khác
VINNO – Software Solution
www.vinno.vn
23
Đa ngôn ngữ với menu
Để hiển thị menu thực hiện các bước tiếp theo:
+ Đến blocks (admin/build/block)
+ Chọn vùng hiển thị cho block
+ Save blocks
VINNO – Software Solution
www.vinno.vn
24
Đa ngôn ngữ với view
9. Đa ngôn ngữ với view.
Có hai tùy chọn đa ngôn ngữ cho view:
+ Tạo 1 view
+ Tạo nhiều view cho từng ngôn ngữ
a. Trường hợp tạo nhiều view cho từng ngôn ngữ
- Trường hợp view block.
+ Thêm view
+ Thêm field cho view
+ Thêm filter cho ngôn ngữ mặc định(English)
+ Save
+ Thêm view cho ngôn ngữ thứ hai(Vietnamese)
+ Thêm field cho view
+ Thêm filter cho ngôn ngữ thứ hai(Vietnamese)
+ Save
+ Làm tương tự cho các ngôn ngữ khác
VINNO – Software Solution
www.vinno.vn
25
Đa ngôn ngữ với view
Để hiển thị view block
+ Đến admin/build/block chọn vùng hiển thị cho block
+ Save
+ Với block tiếng Anh chọn configure trong Operations
+ Trong Multilingual settings chọn English cho language và
save
+ Làm tương tự cho các menu tương ứng với các ngôn ngư
khác
VINNO – Software Solution
www.vinno.vn
26
Đa ngôn ngữ với view
View block
VINNO – Software Solution
www.vinno.vn
27
Đa ngôn ngữ với view
- Trường hợp view page:
+ Thêm view
+ Thêm field cho view
+ Thêm filter cho ngôn ngữ mặc định(English)
+ Thêm path cho view tương ứng với ngôn ngữ hiện tại của filter
+ Save
+ Thêm view cho ngôn ngữ thứ hai(Vietnamese)
+ Thêm field cho view
+ Thêm filter cho ngôn ngữ thứ hai(Vietnamese)
+ Thêm path cho view tương ứng với ngôn ngữ hiện tại của filter
+ Save
+ Làm tương tự cho các ngôn ngữ khác
VINNO – Software Solution
www.vinno.vn
28
Đa ngôn ngữ với view
Để hiển thị view page(chưa
chính xác)
+ Đến menu (admin/build/menu)
+ Chọn menu để edit
+ Thêm path cho trang tiếng Anh. Vd: news-events
+ Thêm tên tiếng Anh cho link
+ Trong Language combo box chọn ngôn ngữ English
+ Save
+ Thêm path (tin-tuc-su-kien), tên path cho ngôn ngữ tiếng
Việt
+ Trong Language combo box chọn ngôn ngữ tiếng Việt
+ Save
+ Làm tương tự với các ngôn ngữ khác
VINNO – Software Solution
www.vinno.vn
29
Đa ngôn ngữ với view
View page
VINNO – Software Solution
www.vinno.vn
30
Đa ngôn ngữ với view
View page
VINNO – Software Solution
www.vinno.vn
31
Đa ngôn ngữ với view
Để hiển thị view đến menu thêm path và tiêu đề cho link
VINNO – Software Solution
www.vinno.vn
32
Đa ngôn ngữ với view
b. Trường hợp tạo một view
+ Tạo view
+ Thêm filter, rồi thêm một hoặc nhiều "Node translation:
Language" filter.
+ Trong "Operator" gán "Is one of" và "Language" là
"Current user's language“.
VINNO – Software Solution
www.vinno.vn
33
Đa ngôn ngữ với variables
10. Đa ngôn ngữ với variables.
- Để làm đa ngôn ngữ với variables cần vào settings.php thêm
vào đoạn code sau:
VINNO – Software Solution
www.vinno.vn
34
Đa ngôn ngữ với variables
/**
* Multilingual settings
*
* This is a collection of variables that can be set up for each language when i18n is enabled.
* These are the basic ones for Drupal core, but you can add your own here.
*/
$conf['i18n_variables'] = array(
// Site name, slogan, mission, etc..
'site_name',
'site_slogan',
'site_mission',
'site_footer',
'anonymous',
// Different front page for each language
'site_frontpage',
// Primary and secondary links
'menu_primary_links_source',
'menu_secondary_links_source',
// Contact form information
'contact_form_information',
// For theme variables, read more below
'theme_settings',
'theme_garland_settings',
);
VINNO – Software Solution
www.vinno.vn
35
Đa ngôn ngữ với variables
- Sau đó vào admin/settings/site-information thêm thông tin
cho site với ngôn ngữ mặc định(English).
VINNO – Software Solution
www.vinno.vn
36
Đa ngôn ngữ với variables
- Tiếp theo chuyển sang ngôn ngữ thứ hai(Vietnamese) và thêm
thông tin cho site tiếng Việt.
VINNO – Software Solution
www.vinno.vn
37
Đa ngôn ngữ với Core
11. Đa ngôn ngữ với Core.
- Yêu cầu dùng module Localization client(i10n_client)
- http://drupal.org/project/l10n_client
VINNO – Software Solution
www.vinno.vn
38
Lưu ý
•
Lưu ý:
+ Trong một số trường hợp mà không thực hiên được
translation thì các bạn cần gán quyền cho user trong
admin/user/permissions
+ Khi chuyển ngôn ngữ có thể gặp một số trường hợp ảnh
không hiện ra thì cần vào admin/settings/imce trong
Common settings chọn Absolute URLs và Save.
VINNO – Software Solution
www.vinno.vn
39
Kết thúc
Xin chân thành cảm ơn !
VINNO – Software Solution
www.vinno.vn
40