How to create a multilingual website with Joomla 2.5 in 10 steps?

>>> Sheets will be made available <<< Matthew Philogene & Peter Martin

Joomladays Cape Town 2012
Friday 17 August 2012 Saturday 18 August 2012

Overview Presentation
 Introduction  Create

a Multilingual website in 10 steps  Questions?

 Warning:

The articles in Dutch & Afrikaans have been translated with Google Translate. Don't try this at home... :-)

2

Our fictional website
Subject: Dutch & South African Food  Website currently in English  Multilingual website?

3

Goals for our Multilingual Website
  

Three languages: English + Dutch + Afrikaans English will be default language Keep old hyperlinks to website (prevent 404 errors)

4

Joomla! 2.5
How to create a Multilingual website With Joomla 2.5 in 10 steps?

5

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
6

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
7

1. Install Language pack
 In
– –

Extensions > Extension Manager > install language pack
Default = en-GB Install: nl-NL + af-ZA

 Alternative

installation:

Upload language folder to right locations & use Extensions > Discover > install

8

1. Screen: Install Language pack

9

1. Screen: Installed Languages

10

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
11

2. Content Languages
 Create
– –

“Content Language”

In Extensions > Language Manager > Content For every language create a "content language"
 Title:

Afrikaans (AF)  Title Native: Afrikaans (AF)  URL Language Code: af  Image Prefix: af  Language Tag: af-ZA

12

2. Screen: Content Language

13

2. Screen: Content Languages

14

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
15

3. Enable “System - Language Filter” plugin
 In

Extensions > Plug-in Manager
"System - Language Filter"
 Status:

Enabled  Menu associations: Yes  Remove URL Language Code: Yes (For SEO)

16

3. Screen:“System - Language Filter” plugin

17

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
18

4. Create Language Categories
 In

Content > Category Manager create a Root Category for every language
Dutch
Title: Dutch  Language: Dutch (NL) [select content language]

English
Title: English  Language: English (UK) [select content language]

Afrikaans
Title: Afrikaans  Language: Afrikaans (AF) [select content language]

19

4. Screen: Create Language Categories

20

4b. Create Language Categories

21

Create subcategories under the language categories – English  Food – Dutch Food – South African Food – Afrikaans  Eet – Nederlandse Eet – Suid-Afrikaans Eet – Nederlands  Eten – Nederlands Eten – Zuid-Afrikaans Eten

4. Screen: Create Language Categories

22

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
23

5. Create Articles
 In
– –

Content > Article Manager create "Articles" and:
Select “Language” category Select “Language” [select content language]

24

5. Screen: Create Articles

25

5b. Create Articles
 Useful

tool: Batch process the selected articles – Batch copy + set language of articles
 Set

Language  Select Category for Move/Copy  Copy  Click [Process] button

26

5b. Screen: Create Articles

27

5c. Create Articles

Don't forget: – Check “Category” & “Language” – Create title in Language – Create a new Alias For non-latin alphabet languages (Thai):
Year-Month-Day-Hours-Minutes-Seconds

Alternative: use English Alias – Or Global Configuration > Site > SEO Settings > Unicode Aliases: Yes

28

5c. Screen: Create Articles

29

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
30

6. Create Menu
 In
– – –

Menus > Menu Manager create a Menu for every language
Title: Dutch Menu, Menu Type: dutchmenu Title: English Menu, Menu Type: englishmenu Title: Afrikaans Menu, Menu Type: afrikaansmenu

 Do

not change “Main Menu”!

31

6. Screen: Create Menu

32

6. Screen: Create Menu

33

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
34

7. Create Menu Item

In Menus > [language] menu > create some Menu Items: – Menu Item Type: [choose Type] – Menu Title (“menu button”) + Alias (“title in URL”) – Menu Location: [select “language menu"] – Language: [ select “content language”] – Under parameters: [select some [language] Article or [language] Category]

35

7. Screen: Create Menu Item

36

7b. Menu items
 Set

default “Homepage” in every language menu
Click in Menus > Menu Manager [language] on “default” star to set language flag

37

7b. Screen: Menu items

38

7c. Menu items
 Use

“Menu Item Associations” to associate menu item with other language menu items

39

7c. Screen: Menu items

40

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
41

8. Create “Menu” Module

In Extensions > Module Manager: create new Module of type "Menu"

42

Title: Dutch Menu Language: Dutch (NL) Select Menu: Dutch Menu Title: English Menu Language: English (UK) Select Menu: English Menu Title: Afrikaans Menu Language: Afrikaans (AF) Select Menu: Afrikaans Menu

8. Screen: Create “Menu” Module

43

8. Screen: Create “Menu” Module

44

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
45

9. Create “Language Switcher” Module

In Extensions > Module Manager: create new Module of type "Language Switcher"
– – – –

Title: Language Switcher Position: position-7 Language: All Use Dropdown (on right): No

46

9. Screen: “Language Switcher” Module

47

Multi language in 10 steps
1. Install Language Pack: Joomla system “labels”: “Read more...” 2. Define Content Languages 3. Enable & Configure “System - Language Filter” plugin 4. Create Root Category for every Language 5. Create Articles 6. Create Menus (every Language own Menu) 7. Create Menu Items & Menu Item Association 8. Create Menu Modules (every Language own Menu Module) 9. Create Language Switcher Module 10.Redirect old incoming links
48

10. Redirect old incoming links
 Incoming
– –

links for old content?

Old link: /stroopwafels/stroopwafels.html New link: /nl/stroopwafels

 Redirect

a couple of old URLs:

A couple of URLs: Components > Redirect

49

10. Redirect old incoming links

50

10. Redirect old incoming links

51

10b. Redirect old incoming links

Redirect a lot of old URLs: – use .htaccess – Redirect 301 /old/relative/URL http://new/absolute/URL  Redirect 301 /stroopwafels/stroopwafels.html http://www.example.com/nl/stroopwafels Method to create 301 Redirects: – Xmap Sitemap on old site to collect old URLs – Browser → View HTML Source – Copy HTML Source to Excel / Open Office Calc – Construct “Redirect” statements

52

10b. Screen: Redirect old links

53

10b. Screen: Redirect old links

54

10b. Screen: Redirect old links

Column A: old relative URL Column B: new absolute URL Column C: formula: ="Redirect 301 "&A1&" "&B1

55

10b. Screen: Redirect old links

56

Bonus steps :-)

57

Bonus steps :-)
 11.

Tool for Language status check  12. Using 3rd Party Extensions  13. Language Overrides

58

11. Tool for Language status check
 Extensions

> Module Manager > [Site/Administrator -> select Administrator]
Multilanguage status Admin Module
 This

module shows status of multilanguage parameters.

59

11. Tool for Language status check
 

Extensions > Language Manager > Content: Dutch (NL) unpublished Menus > Afrikaans Menu: No default “Home”

60

12. Example 3rd Party Extension, XMap

Sitemap: Xmap
– –

Install XMap, enable "Xmap - Content Plugin" Components > XMap > Create for all 3 menus a sitemap:

Title + Enable + choose Menu

61

13. Language Overrides

62

13. Language Overrides
Since Joomla 2.5 – Before 2.5: “Core hack” language files  Extensions > Language Manager > Overrides

63

13. Language Overrides
 “New”,

e.g. “Read more”

64

13. Language Overrides
 “Read

more” → “Read much more”

65

13. Language Overrides
 “Save

& Close”:

66

13. Language Overrides
 Result:

67

Conclusion

68

Points to consider

 

Maintenance time = regular maintenance time x number of languages Installed Languages = System Labels Content Languages = Language of:
– – – –

Categories Articles Menu items Modules Menu associations No Article association

Switch Language A → Language B:
– –

69

Tools for multilingual sites

Josetta – Matthew Piloghene

70

Questions?

71

Questions?
 Sheets

will be available at www.db8.nl

Peter Martin e-mail: info at db8.nl website: www.db8.nl
72

Used Photos
   

EXTRA Warmth - Nicolas Raymond http://www.sxc.hu/photo/971125 Bengali Keyborad - Mohammad Jobaed Adnan http://www.sxc.hu/photo/676844 signs signs - Jason Antony, http://www.sxc.hu/photo/751034 Face - Questions - Bob Smith, http://www.sxc.hu/photo/418215

73

Sign up to vote on this title
UsefulNot useful