Hng dn s dng JoomFish xy dng website a ngn ng

Bi ny nhm a ra cc hng dn cn thit gip cc bn s dng component JoomFish kt hp vi Joomla xy dng mt website a ngn ng, c th l chng ta s s dng JoomFish xy dng mt website c th th hin 3 ngn ng Vit-Anh-Php. Cc version v file s dng trong v d ny: - Joomla 1.0.11 - JoomFish 1.7 - Cc gi ngn ng cn thit: ting Vit, ting Php,...(ti v t mc Extensions ca Joomla). *Lu : - Cc bc hng dn trong bi c test trn localhost. - JoomFish ch to iu kin cho bn xy dng site a ngn ng, JoomFish khng phi l cng c dch t ng, bn phi t dch cc phn cn thit. Bc 1: Ci t JoomFish Vo back-end, mc Installers/Components, Browse ti file component JoomFish v nhn Upload File & Install

Khi ci t thnh cng chng ta s thy mn hnh cho mng ca JoomFish

Bc 2: Ci t v tinh chnh cc file ngn ng Vo mc Installers/Languages ci thm 2 ngn ng ting Vit v ting Php (ting Anh c sn khi ci t Joomla)

Sau khi ci xong, chng ta vo mc Site/Language Manager/Site Languages kim tra

Chng ta thy tn ngn ng ting Php b li (ng l l Franais ch khng phi Fran?ais), chng ta s sa li iu ny v tn ngn ng s th hin sau ny trn website khch ving thm la chn.

Vo Components/Joom!Fish/Languages
2

Chng ta thy rng hin gi JoomFish nhn din c c 3 gi ngn ng trong website ca chng ta.

M chng trnh Word, chn lnh Insert/Symbol

Tm ti ch chn vo file Word

Bi en ch v copy vo clipboard (Ctrl+C)

Quay li Joomla, dn ch vo v tr du ? trong tn file Fran?ais (dng Ctrl-V), v sa lun ch Vietnam thnh Ting Vit (s dng Unicode)

Cho active cc ngn ng v in thm cc thng s cho ngn ng ting Vit v ting Php nh hnh bn di.

Chn th t cho cc ngn ng s hin ra trn Front-end Ting Vit 0, ting Anh 1, ting Php2

Sau nhn Save

4

Sau khi ci t v iu chnh cc gi ngn ng nh trn, site hot ng tt t xy ra li ( ch dm ni l t ch khng dm ni l khng ) chng ta cn iu chnh cc file ngn ng sang charset UTF-8. Dng Dreamweaver m cc file sau (trong th mc language ca site) v iu chnh cc charset t ISO-8859-1 sang UTF-8 - english.php - english.xml - french.php - french.xml i vi file *.php

Sa dng DEFINE('_ISO','charset=iso-8859-1'); li thnh DEFINE('_ISO','charset=utf-8');

Vn trong Dreaweaver, chn menu Modify/Page Properties

Trong phn Page Properties, mc Title/Encoding, mc Encoding, chn Unicode (UTF8). Nhn OK, ri lu li (Save) nhng thay i ca file *.php trong Dreaweaver.

i vi file *.xml Trong Dreaweaver, thay dng encoding t iso-8859-1 thnh utf-8 ri lu li ging pha trn.

Bc 3: Test th site Quay li Joomla, vo mc Modules/Site Modules

Tm ti mc JoomFish language selection Chn v tr xut hin ca module la chn ngn ng. Trong bi ny ti chn Position: top, chn Published: Yes

Bm Save M mt ca s trnh duyt mi v test th site ngoi Front-end, nu c xut hin module la chn v khi la chn tng ngn ng th cc dng ch trong Joomla thay i theo l thnh cng.

*********************************************** Khi chn Ting Vit, ta thy c cc dng ch nh

Ngi vit

Form dng login *********************************************** Khi chn ting Anh (English), ta thy cc dng ch

Written by

Form dng login ***********************************************

Khi chn ting Php (Franais), ta thy cc dng ch

crit par

Form dng login Lc ny c th an tm bt u s dng JoomFish dch cc bi vit, tn module,v.v *********************************************** Bc 4: Dch cc bi vit v cc thnh phn trong site ra cc ngn ng khc nhau Quay vo Back-end, chn Components/Joom!Fish/Translation

Lu cc menu bn gc phi Mc Content elements l cc thnh phn trong Joomla m bn c th dch ra cc ngn ng khc nhau. Mc Languages dng la chn ngn ng ch. *Lu : Theo mc nh trong Joomfish, khi c mt mc bn khng dch (No translation) th mc ny s c vi ngn ng mc nh ca site (Ngn ng mc nh ca site c set trong Site/Global configuration)

Bn c th thay i s mc nh ny bng cch vo Components/Joom!Fish/Configuration

10

4.1 Dch menu: Trong mc Translation ca JoomFish, phn Content elements chn Menus

Gi s ti mun dch Menu t ting Anh sang ting Vit, mc Languages chn Ting Vit

(Nu gi s ti c menu ting Vit v mun dch menu sang ting Anh, chn English). Ta s thy mt danh sch cc mc ca tt c cc menu, bn gc phi trong mc Menu Filters, chn mainmenu bt u dch cc mc trong Main menu t ting Anh sang ting Vit.

Mt danh sch cc mc trong mainmenu xut hin bn dch chng sang ting Vit

11

Chn tng mc v dch ra, chn Published xong Save li.

Lm ln lt cho tt c cc mc trong menu (bn ch cn dch cc mc c Published trong mainmenu)

By gi ta bt u dch cc menu t ting Anh sang ting Php. Mc Languages chn Franais, lm tng t menu ting Vit, nh Published.

12

Sau khi dch xong ta c cc mc tng t nh hnh bn di

Kim tra th ngoi Front-end

Ting Vit

Ting Anh

Ting Php ** Bn c lu ch MAIN MENU vn khng i khng? Xin mi qua bc k tip

13

4.2 Dch module: Trong mc Translation ca JoomFish, phn Content elements chn Modules

Gi s ti mun dch tn ca module t ting Anh sang ting Vit, mc Languages chn Ting Vit

Xut hin mt danh sch tn cc module, chn tng ci, tin hnh Vit ha, xong Published, lu li.

Tin hnh tng t cho ting Php.

14

Kim tra ngoi Front-end

Ting Vit

Ting Anh

Ting Php

15

4.3 Dch bi vit: Trong mc Translation ca JoomFish, phn Content elements chn Contents

Gi s ti mun dch bi vit t ting Anh sang ting Vit, mc Languages chn Ting Vit. (Nu c sn bi vit ting Vit v mun dch ra ting Anh, mc Languages chn English) Trong mc Category Filters, chn Category m bn mun dch cc bi vit

Sau tin hnh dch tng t cc bc 4.1 v 4.2. Nh Published v Save li sau khi dch.

16

Tin hnh tng t cho ting Php. ******************************** Kim tra ngoi Front-end Ting Vit

Ting Anh

17

Ting Php

Nh vy l kt thc qu trnh dch ra cc ngn ng khc nhau. 5. Tinh chnh JoomFish Trong phn Moduleds/Site Modules/ JoomFish language selection, mc Appereance of language selector ta c th chnh module la chn ngn ng xut hin di cc dng khc nhau

Drop down of names: danh sch cc ngn ng dng x xung Ul-list of names: danh sch cc ngn ng xp hng ngang Ul-list of images: hnh nh i din cho ngn ng (c,v.v..) ( s dng chc nng ny cho ting Vit, bn vo folder components\com_joomfish\images\flags, dng mt chng trnh v hnh copy mt l c mt nc no , sau sa li thnh c Vit Nam, t tn vn.gif)

18

********************************* Kim tra ngoi Front-end

Drop down of names:

Ul-list of names:

Ul-list of images:

Bn trn l nhng bc cn thit thit lp mt website th hin c 3 ngn ng VitAnh-Php. Chc cc bn thnh cng!!!

Bi hng dn ny c thc hin bi : ttinhha (email : ttinhha@yahoo.com ) Trung tm h tr gio vin www.giaovien.net

19