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

Joomladay UK 2014Joomladay UK 2014

Contents

A. New Multilingual Website

B. Convert existing website to Multilingual

C. Tips

D. Questions

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”

A. New Website

B. Existing Website

1. Language Pack

1. Install Language packsExtensions > Language Manager

en-GB = default

[Install Language]

1. Install Language packs

select Spanish > [Install]

1. Install Language packsExtensions > Language Manager

Dutch & Spanish installed

2. Content Language

2. Configure Content LanguageExtensions > Language Manager > Content

[Content]

2. Configure Content Language

[New]

2. Configure Content Language

No default homepage yet...

→ 7. Menu Item & Association

3. Language Filter plugin

3. Enable Language Filter Plugin

Extensions > Plugin Manager > “System - Language Filter”

3. Enable Language Filter Plugin

Status “Enabled”

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

4. Categories

4. Create Root Category for English categories

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

4. Create Root Category for English categories

4. Create Root Category for English categories

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

4. Create Root Category for Spanish categories

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

4. Rename Spanish Categories

Edit category names (& alias)

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

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

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

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

4. Link CategoriesAssociate similar categories of different languages

Joomladay UK 2014Joomladay UK 2014

Association

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

– “Menu Item” association = more important

4. Associate CategoriesEdit > [Associations] tab

Select similar Spanish & Dutch Category

5. Articles

5. Articles

Set language to en-GB, use “Batch”

5. Articles

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

5. Articles

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

5. Articles

Translate manually...

5. Articles

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

5. Articles

”Associated” !

Joomladay UK 2014Joomladay UK 2014

Association

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

– “Menu Item” association = more important

6. Menus

6. Menus

Create Menu for each language

6. Menus

“Add Module for this menu type”

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

7. Menu Item & Association

7. Menu itemsMove English itemsfrom Main Menu to English Menu

and set Language = en-GB

→English Menu > Add to this menu

7. Menu items

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

7. Menu itemsCopy English itemsfrom English Menuto Spanish Menu

and set Language = es-ES

→Spanish Menu > Add to this menu

8. Menu Module

8. Menu ModuleEach language own Menu Module:

Extensions > Module Manager >[Duplicate]

→ Spanish Menu

9. Language Switcher

9. Install Language Switcher ModuleExtensions > Module Manager

[New]

10. Redirect

10. Redirect ManagerComponents > Redirect

10. Redirect ManagerExtensions > Plugin Manager

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

10. Redirect ManagerGenerate 404 via Google

Site:yoursite.comClick all links on results pages

11. Multilingual status

11. Multilingual Status Module

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

C. Some Tips

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

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

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

Joomladay UK 2014Joomladay UK 2014

KMFasTrans PRO

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

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

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

The endEl finEinde

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

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

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