>>> 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