building multilingual websites using joomla

50
Building Multilingual Websites Using Joomla! JoomlaChicago-Palatine Users Group Meeting Sept. 10, 2014

Upload: pomond

Post on 26-Jun-2015

790 views

Category:

Internet


6 download

DESCRIPTION

Joomla veteran and Prototaph Interactive lead Justin Kerr presents on Building Multilingual Websites using Joomla at the September 10, 2014, meeting of the JoomlaChicago-Palatine users group.

TRANSCRIPT

Page 1: Building Multilingual Websites Using Joomla

Building Multilingual Websites Using Joomla!

JoomlaChicago-Palatine Users Group Meeting Sept. 10, 2014

Page 2: Building Multilingual Websites Using Joomla

About Your Presenter:Justin Kerr● Prototaph Interactive

[email protected]

● TeleGuia [email protected]

● Twitter: @Pomond

Page 3: Building Multilingual Websites Using Joomla

About Your Presenter:Justin Kerr● Prototaph Interactive

[email protected]

● TeleGuia [email protected]

● Twitter: @Pomond

● Joomla since 2005

● Internet pro since 1994

● Websites … and more

● JoomlaChicago-Loopjoomlachicagoloop.com… meeting on Sept. 23!

● Deutsch und … ?

Page 4: Building Multilingual Websites Using Joomla

Why Build a Multilingual Website?

?

Page 5: Building Multilingual Websites Using Joomla

Why Build a Multilingual Website?● Multilingual

constituencies

● Penetration into new markets

● Serve hungry audiences

● First-to-market opportunities due to culture lag

● International customer base

● Local market opportunities

● Competitive differentiator

● Cross-cultural communication

● SEO advantages

Page 6: Building Multilingual Websites Using Joomla

Why Use Joomla?

?

Page 7: Building Multilingual Websites Using Joomla

Why Use Joomla?● Multilingual in core

● Multilingual since Joomla 1.0

● 57+ official language packsAfrikaans, Albanian, Arabic Unitag, Belarusian, Bosnian, Bulgarian, Catalan, Central Kurdish, Chinese Simplified, Chinese Traditional, Croatian, Czech, Danish, Dutch, English (Australia), English (Canada), English (USA), Estonian, Finnish, Flemish, French, French (Canada), Galician, German, Greek, Hebrew, Hungarian, Indonesian, Italian, Japanese, Korean, Latvian, Macedonian, Malay, Montenegrin, Norwegian (Bokm l), Persian, Polish, Portuguese (Brazil), åPortuguese (Portugal), Romanian, Russian, Serbian (Cyrillic), Serbian (Latin), Sinhala, Slovak, Spanish, Swahili, Swedish, Syriac (East), Tamil (India), Thai, Turkish, Ukrainian, Uyghur, Vietnamese, Welsh

Page 8: Building Multilingual Websites Using Joomla

Why Use Joomla?● Multilingual in core

● Multilingual since Joomla 1.0

● 57+ official language packs

● Multilingual front- and back-end

Page 9: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Language options begin at Joomla installation:

“Select Language”

Page 10: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Multilingual config continues after installation

● Today's examples use Joomla 3 and focus on core

● Before starting:

– Decide what languages you'd like to support(for both front- and back-end)

– Finalize your website taxonomy/architecture(and its translations)

– Establish your plan for generating and managing translated content

Page 11: Building Multilingual Websites Using Joomla

Joomla Multilingual Site ProcessStep 1: Go to Extensions > Language Manager

Page 12: Building Multilingual Websites Using Joomla

Joomla Multilingual Site ProcessStep 1: Go to Extensions > Language Manager

… review installed languages for Site and Administrator

Page 13: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 2: Add an official translation pack

Page 14: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 2: Add an official translation pack

Page 15: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 2: Add an official translation pack

Page 16: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 3: Create a new Content Language

Page 17: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 3: Create a new Content Language

Page 18: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 3: Create a new Content Language

Page 19: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 4: Enable the Language Filter Plugin

Page 20: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 4: Enable the Language Filter Plugin

Page 21: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 5: Create Multilingual Content Structures

(e.g. Joomla Article Categories)

Page 22: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 5: Create Multilingual Content Structures

(e.g. Joomla Article Categories)

Page 23: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 5: Create Multilingual Content Structures

(e.g. Joomla Article Categories)

Page 24: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 6: Create Multilingual Content Items

(e.g. Joomla Articles)

Page 25: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 6: Create Multilingual Content Items

(e.g. Joomla Articles)

Page 26: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Tip: Use Joomla's Batch processing tools

Page 27: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 7: Build out parallel multilingual menus

Page 28: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 7: Build out parallel multilingual menus

Page 29: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 7: Build out parallel multilingual menus

Page 30: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 7: Build out parallel multilingual menus

Page 31: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 7: Build out parallel multilingual menus

Page 32: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 8: Set default home pages for languages

… retain default Home page link in Main Menu

Page 33: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 8: Set default home pages for languages

Page 34: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 8: Set default home pages for languages

Page 35: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 9: Implement item Associations

– Associations tab in Category, Article, Menu Item, etc.

Page 36: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 9: Implement item Associations

– Associations tab in Category, Article, Menu Item, etc.

Page 37: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 9: Implement item Associations

– Associations tab in Category, Article, Menu Item, etc.

Page 38: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 9: Implement item Associations

Page 39: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 10: Implement multilingual Modules

– Create parallel Modules ala Articles, Menu Items, etc.

Page 40: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 10: Implement multilingual Modules

– Create parallel Modules ala Articles, Menu Items, etc.

Page 41: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 10: Implement multilingual Modules

– Create parallel Modules ala Articles, Menu Items, etc.

– Menu choice + language filter; no “associations”

Page 42: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 10: Implement multilingual Modules

– Create parallel Modules ala Articles, Menu Items, etc.

– Menu choice + language filter; no “associations”

– Modules assigned to a language only appear when that language is active.

– Setup main menus; keep original main menu (w. default “Home” link) unpublished or in unused position

Page 43: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 11: Implement language switcher Module

Page 44: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 11: Implement language switcher Module(s)

Page 45: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Step 11: Implement language switcher Module(s)

Page 46: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Also … multilingual SEO:

– Menu Item, Categories, Articles, etc. allow for language-specific meta tags

– Plugin Manager > System – Language FilterSEF URLs and meta tag controls

Page 47: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Also … multilingual SEO:

– Menu Item, Categories, Articles, etc. allow for language-specific meta tags

– Plugin Manager > System – Language FilterSEF URLs and meta tag controls

– Language Manager > Content > [language item] > Site Name

Page 48: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Also … multilingual SEO:

– Menu Item, Categories, Articles, etc. allow for language-specific meta tags

– Plugin Manager > System – Language FilterSEF URLs and meta tag controls

– Language Manager > Content > [language item] > Site Name

– Plugin Manager > System – Language Code

– Parallel content items allow for additional control:alt tags, text inside head tags, etc.

Page 49: Building Multilingual Websites Using Joomla

Joomla Multilingual Site Process● Also … third-party extensions for multilingual

http://extensions.joomla.org/extensions/languages

Page 50: Building Multilingual Websites Using Joomla

In Conclusion ...● Joomla rocks for multilingual websites!

● Any questions or follow-up?

Justin Kerr● Prototaph Interactive

[email protected]

● TeleGuia [email protected]