Create a Multi-Language Site

From Wiki openElement
Jump to: navigation, search


Contents

Configuring a Website for Multiple Languages: Adding a Language

To add a language to the website:

  • Go to project 'Preferences'
  • Then click on the 'Translations' tab
  • Finally add the languages in which to translate the website.

Translating Pages of a Website

How It Works

To translate a page into 3 languages, for example English (default), Spanish, and French:

  • The page must first be created in the default language.
  • Then, from the 'Current Language' drop-down in the top menu, select the target language into which the page is to be translated.

Operation Translation 4.png

  • For each text field, replace all the English (default language) with text in the target language.

The same applies to any element with a text zone (images, menus, etc.)

Attention

  • An element cannot be deleted in one language, and not in the others. However, you can choose under which languages an element is visible by using 'Filter by Language' in the 'Properties' tab of the Elements and Styles Menu.
  • Text content from the default language will be copied to all other languages if there is no corresponding translation. The opposite is not true.

Text Translation Examples

  • English

Operation Translation 5.png

  • Spanish

Operation Translation 6.png

  • French

Operation Translation 7.png

Specifications for Advanced Users

From a single page being translated, 3 .htm files will be created. In this case:

  • index.htm (English),
  • index.es.htm (Spanish),
  • index.fr.htm (French)


In JavaScript, the language code can be called using the variable: WEInfoPage.Culture

Manage Links Between Languages

The Flag Element

The 'Language Flags' element creates a link between the different languages of a page.
Operation Translation 8.png

The Link Manager

The Link Manager is where all the website's links are created. openElement automatically keeps pages up to date so there aren't any dead links.
Operation Translation 9.png

  • If 'language of destination page' is set to 'Automatic' (box is checked), the language of the current page dictates the language of the destination page.

For example: if a visitor is on the Spanish home page, all the links will lead to pages that are in Spanish.

  • Unchecking the 'Automatic' box allows users to link from a page in one language to a page in a different language.

For example: if a visitor is on the French home page, a link can lead to the contact page (or any other page) in English.

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox