Regional University Computing Center Kaiserslautern-Landau

Translate pages

In TYPO3 websites can be designed multilingual.

The language can then be changed by the visitor via the corresponding button.

Video

The following video provides additional support for translating web pages.

(more videos by J. Weiland at  jweiland.net)

Please note: Once you watch the video, data will be transmitted to Youtube/ Google. For more information, see Google Privacy.
Multilingual websites - Translate content

Example

Example element from the frontend: An image of a page with English text is shown. A box frames the language settings in the upper right corner.
Example element from the frontend: English translation

Instruction

First, make sure you are in the page view.

  1. At the very top of the editing area, select "Languages" from the drop-down menu above the navigation icons.
  2. Now select the appropriate target language from the "Create new translation of this page" drop-down menu.
Example element from Typo3 backend: In the figure the edit bar is shown. On the top left, a box is placed around the drop-down menu of languages. Below that is another one around "create new translation of this page".
Example element from Typo3 backend: create translation

5. Now click on "Translate" in the content area. 6.
6. Select "Copy". 7.
7. Click "Next

 

Example element from Typo3 backend: In the figure the upper part of the editing area is shown. On the left side is the part in German. On the right the English one. An arrow points to the "translate" button.
Example element from the Typo3 backend: Translate content

9. Display the page in the frontend and select "EN" in the language menu at the top right.

 

3. First translate the page properties.

4. Save and close

Example element from the Typo3 backend: The illustration shows the editing area or page properties. In the lower part, a box marks the area where the page title to be translated is to be entered.
Example element from the Typo3 backend: Translate page title

Translate:

  • Start/stop times cannot be changed
  • Content elements are moved with

→ tight binding to original element


Copy:

  • Freer editing possible
  • Copies the content element

→ No binding to the original element

8. Replace each field marked [Translate to ... :] with the appropriate translation. To translate content, it is best to use DeepL.

 

 

You are in the self-study and want to go to the training start page, then click on TYPO3 in the self-study for beginners part 2.

 

You are currently in self-training, then click  Exercise - Translate pages to continue.

 

Exercise - Translate pages
Read more