119
by Peter Martin www.db8.nl / @pe7er Joomla multilingual website without 3rd party extensions Joomladay UK 4th-5th October 2014 Sunningdale Park - Ascot

Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Embed Size (px)

DESCRIPTION

Since Joomla 2.5 it's relatively easy set up a multilingual website without using 3rd party extensions ... it only takes 10 steps!

Citation preview

Page 1: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

by Peter Martin www.db8.nl / @pe7er

Joomlamultilingual

website

without 3rd party

extensions

Joomladay UK 4th-5th October 2014

Sunningdale Park - Ascot

Page 2: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Contents

A. New Multilingual Website

B. Convert existing website to Multilingual

C. Tips

D. Questions

Page 3: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Before you start

● Every additional language = – Possible extra (foreign) visitors

– Much more maintenance (x number of languages)

● Manual translation

EN: “Don't trust Google Translate”

EN→ES: “No confíe en Google Translate”

ES→NL: “Geen confíe en Google Translate”

NL→EN: “No confíe and Google Translate”

Page 4: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

A. New Website

Page 5: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 6: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 7: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 8: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 9: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 10: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 11: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 12: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 13: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 14: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 15: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

B. Existing Website

Page 16: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 17: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 18: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 19: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 20: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

1. Language Pack

Page 21: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

1. Install Language packsExtensions > Language Manager

en-GB = default

[Install Language]

Page 22: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

1. Install Language packs

select Spanish > [Install]

Page 23: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 24: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

1. Install Language packsExtensions > Language Manager

Dutch & Spanish installed

Page 25: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

2. Content Language

Page 26: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

2. Configure Content LanguageExtensions > Language Manager > Content

[Content]

Page 27: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

2. Configure Content Language

[New]

Page 28: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 29: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 30: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 31: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

2. Configure Content Language

No default homepage yet...

→ 7. Menu Item & Association

Page 32: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

3. Language Filter plugin

Page 33: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

3. Enable Language Filter Plugin

Extensions > Plugin Manager > “System - Language Filter”

Page 34: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

3. Enable Language Filter Plugin

Status “Enabled”

Remove URL Language Code →“Yes” when site is ready...

Page 35: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Categories

Page 36: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Create Root Category for English categories

Move current categories under “language root” & set “Language” to en-GB

Page 37: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Create Root Category for English categories

Page 38: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Create Root Category for English categories

Use “Batch” to move current categories under English “language root” & set “Language” to en-GB

Page 39: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 40: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 41: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Create Root Category for Spanish categories

Use “Batch”, copy English categories & set “Language” to es-ES

Page 42: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 43: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Rename Spanish Categories

Edit category names (& alias)

Page 44: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 45: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

“Alias” non-Latin?

Arabic, Hebrew, Russian, Thai, etc ?

System > Global Configuration > [Site] tab > “SEO Settings” > “Unicode Aliases”

→Unicode or Transliteration?

More background info:http://docs.joomla.org/International_Enhancements_for_Version_1.6

Page 46: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

“Хачатурян”

Russian composer– Unicode:

http://example.com/xачатурян

– Unicode (in non supporting software):

http%3A%2F%2Fexample.com%2Fx%D0%B0%D1%87%D0%B0%D1%82%D1%83%D1%80%D1%8F%D0%BD%20

Page 47: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

“Khachaturian”

Russian composer– Transliteration

if supported in language file (“localise.php”)

http://example.com/khachaturian

– Transliteration if not supported in language file

http://example.com/2014-10-04-10-25-00

Page 48: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

“Alias” non-Latin

My method● Use “manual” English alias:

– No problems with unsupported Unicode & Transliteration

– Understandable for English reading web masters

Page 49: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Link CategoriesAssociate similar categories of different languages

Page 50: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Association

Association: – does not matter which item to start association with

– “Menu Item” association = more important

Page 51: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

4. Associate CategoriesEdit > [Associations] tab

Select similar Spanish & Dutch Category

Page 52: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 53: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 54: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

Page 55: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

Set language to en-GB, use “Batch”

Page 56: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 57: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

Copy English Articles to Spanish and set language to es-ESuse “Batch”

Page 58: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 59: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

Filter with “Search Tools”: Category, Max Levels, Language

Page 60: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

Translate manually...

Page 61: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 62: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

”Associations” to link article to similar articles in other languages

Page 63: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

5. Articles

”Associated” !

Page 64: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Association

Association: – does not matter which item to start association with

– “Menu Item” association = more important

Page 65: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

6. Menus

Page 66: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

6. Menus

Create Menu for each language

Page 67: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 68: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 69: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

6. Menus

“Add Module for this menu type”

→ 8. Menu ModuleDuplicating existing module = faster...

Page 70: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

7. Menu Item & Association

Page 71: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

7. Menu itemsMove English itemsfrom Main Menu to English Menu

and set Language = en-GB

Page 72: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

→English Menu > Add to this menu

Page 73: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

7. Menu items

Set one menu item as “default homepage” → click on star icon.

Page 74: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

7. Menu itemsCopy English itemsfrom English Menuto Spanish Menu

and set Language = es-ES

Page 75: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

→Spanish Menu > Add to this menu

Page 76: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 77: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 78: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 79: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 80: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 81: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

8. Menu Module

Page 82: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

8. Menu ModuleEach language own Menu Module:

Extensions > Module Manager >[Duplicate]

Page 83: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 84: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 85: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

→ Spanish Menu

Page 86: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 87: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

9. Language Switcher

Page 88: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

9. Install Language Switcher ModuleExtensions > Module Manager

[New]

Page 89: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 90: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 91: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 92: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

10. Redirect

Page 93: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

10. Redirect ManagerComponents > Redirect

Page 94: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

10. Redirect ManagerExtensions > Plugin Manager

Page 95: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 96: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 97: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 98: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 99: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 100: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 101: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Collect old links

● 404 errors from visitors● Xmap old site with old links● XML Sitemap Google Webmaster Tools● Generate 404 errors yourself via Google

Page 102: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

10. Redirect ManagerGenerate 404 via Google

Site:yoursite.comClick all links on results pages

Page 103: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

11. Multilingual status

Page 104: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 105: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 106: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 107: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

11. Multilingual Status Module

Solve error by creating Menu Item in Main Menu, set as default.

Page 108: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014
Page 109: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

C. Some Tips

Page 110: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

http://extensions.joomla.org/extensions/languages/multi-lingual-content/22570

Page 111: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Language domains

● Free extension● Different domain names for languages

example.co.uk for English content

example.es for Spanish content

example.nl for Dutch content

● Language selector triggers domain selection● Entrance via domain triggers language

Page 112: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

http://extensions.joomla.org/extensions/languages/multi-lingual-content/22156

Page 113: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

KMFasTrans PRO

● Paid extension● Manage Translations● One article with tab for each language

Page 114: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

http://extensions.joomla.org/extensions/languages/multi-lingual-content/20136

Page 115: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

Joomladay UK 2014Joomladay UK 2014

Josetta

● Paid extension● Manage Translations● Front-end editing, different roles

● Export Joomfish (Joomla 1.5 multilanguage extension) content to Joomla articles

Page 116: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

The endEl finEinde

Page 117: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

117

Joomladay UK 2014Joomladay UK 2014

Contact

Peter Martin

e-mail: info at db8.nl

website: www.db8.nl

twitter: @pe7er

Presentation: http://www.db8.nl

Review this presentation: https://joind.in/talk/view/11617

Page 118: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

118

Joomladay UK 2014Joomladay UK 2014

Used Photos 1/2● The Tower of Babel (1563) - Pieter Bruegel, foto originally from Google Art Project

http://commons.wikimedia.org/wiki/File:Pieter_Bruegel_the_Elder_-_The_Tower_of_Babel_(Vienna)_-_Google_Art_Project_-_edited.jpg

● LONDON SKYLINE CLIP ARThttp://www.clker.com/clipart-london-skyline-19.html

● Gdańsk Przymorze w 2007 - Tomasz Przechlewski, 2007http://commons.wikimedia.org/wiki/File:Gda%C5%84sk_Przymorze_w_2007.JPG

● Fachada del Nacimiento - Templo de la Sagrada Família, Barcelona 3, Sal34, 2011http://commons.wikimedia.org/wiki/File:Fachada_del_Nacimiento_-_Templo_de_la_Sagrada_Fam%C3%ADlia,_Barcelona_3.jpg

● Roomboter pakje van Melkinrichting A de Wilde, Jordensstraat 43 Haarlem, foto1 - Alf van Beem, 2014http://commons.wikimedia.org/wiki/File:Roomboter_pakje_van_Melkinrichting_A_de_Wilde,_Jordensstraat_43_Haarlem,_foto1.JPG

● Icelandic Text Extract - Max Naylor, 2007http://commons.wikimedia.org/wiki/File:Icelandic_Text_Extract.jpg

● Filter Picture - RichAKay, 2011http://commons.wikimedia.org/wiki/File:Filter_Picture.jpg

● Books books books... - Brandon Blinkenberg http://www.sxc.hu/photo/424027

Page 119: Joomla multilingual website without 3rd party extensions - Joomladay UK 2014

119

Joomladay UK 2014Joomladay UK 2014

Used Photos 2/2● DaytonNewspaperArticleWrightBros - Dayton Metro Library, Dayton, Ohio, U.S., 1905

http://commons.wikimedia.org/wiki/File:DaytonNewspaperArticleWrightBros.gif● Street Scene with Restaurant Menu - Merida - Mexico - Adam Jones, Ph.D., 2012

http://commons.wikimedia.org/wiki/File:Street_Scene_with_Restaurant_Menu_-_Merida_-_Mexico.jpg

● Pea-soup-with-tortilla - Yonkeltron, 2007http://commons.wikimedia.org/wiki/File:Pea-soup-with-tortilla.jpg

● Atari2600jr - Balou, 2006http://commons.wikimedia.org/wiki/File:Atari2600jr.jpg

● Old Light Switches - Paul Cross http://www.sxc.hu/photo/1259922

● Caernarfon bilingual pedestrians - Man vyi, 2007http://commons.wikimedia.org/wiki/File:Caernarfon_bilingual_pedestrians.jpg

● Cockpit Cessna 172 PD 002 - Bin im Garten, 2010http://commons.wikimedia.org/wiki/File:Cockpit_Cessna_172_PD_002.JPG

● Gluehlampe 01 KMJ - KMJ, 2004http://commons.wikimedia.org/wiki/File:Gluehlampe_01_KMJ.jpg