Typo3/Frontend Localization: Unterschied zwischen den Versionen

Aus Foxwiki
K (Dirkwagner verschob die Seite Typo3:Frontend Localization nach Typo3/Frontend Localization, ohne dabei eine Weiterleitung anzulegen: Textersetzung - „:“ durch „/“)
 
(23 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
*TYPO3 CMS comes with the built-in ability to handle web sites in multiple languages.
TYPO3 CMS comes with the built-in ability to handle web sites in multiple languages.
 
=Adding a new language=
=Adding a new language=
*To develop a multi language website, the first thing that must be done is to add a new language:
==Make a new language available==
Add a new language available for the website development
[[Datei:Schermata 2021-02-24 alle 16.31.57.png|mini|ohne|Add the new language]]
*Choose and configure the language that you want to add
[[Datei:Schermata 2021-02-24 alle 16.34.57.png|mini|ohne|Choose the language you want to make available]]
 
Save>Close
 
==Activate the new language==
*Enter in the site management>Sites - This module is limited to admin users only
*Enter in the site management>Sites - This module is limited to admin users only
[[Datei:Schermata 2021-02-24 alle 15.38.43.png|mini|ohne|Module Site management]]
[[Datei:Schermata 2021-02-24 alle 15.38.43.png|mini|ohne|Module Site management]]
*Click on edit Site configuration
*Click on edit Site configuration
[[Datei:Schermata 2021-02-24 alle 15.46.24.png|mini|Edit button]]
[[Datei:Schermata 2021-02-24 alle 15.46.24.png|mini|none|Edit button]]
*In the big square are shown the available languages for the website
*In the big square are shown the available languages for the website
*Just click on the one that needs to be added to the website and it will be instantly be available.
*Just click on the one that needs to be added to the website and it will be instantly be available.
[[Datei:3-.png|mini|Available languages]]
[[Datei:3-.png|mini|none|Available languages]]
*Be sure that all the fields are properly configured
*Be sure that all the fields are properly configured
[[Datei:Schermata 2021-02-24 alle 16.10.54.png|mini|Language fields to set]]
[[Datei:Schermata 2021-02-24 alle 16.10.54.png|mini|none|Language fields to set]]
*Now you can work with the new language and make the website multi language
 
=Translate the website pages=
*To translate the pages of your website enter in the Page module and select the page you want to translate in the tree section
[[Datei:Schermata 2021-02-24 alle 16.40.38.png|mini|ohne|Select the language in which you want to translate the page]]
[[Datei:Schermata 2021-02-24 alle 16.45.47.png|mini|ohne|Here you can see all the available languages]]
*The next step is to edit the new language name of the page
*Don't forget to update the page URL
[[Datei:Schermata 2021-02-24 alle 16.48.19.png|mini|ohne|Language edit of the page]]
*Save>Close
*Now you will be able to see the 2 versions of the page, in both the languages you need
*Be sure to select the Languages view
[[Datei:Schermata 2021-02-24 alle 16.52.09.png|mini|ohne|In the 2 columns you can see the contents for the page in English and German]]
*Now you have to translate the contents. To do so click on the button "Translate"
[[Datei:Schermata 2021-02-24 alle 16.54.45.png|mini|ohne|Translate button]]
*It is possible to choose between the options:
#Translate: will create a direct connection between the original language and the language you translate to.
#Copy: You are freer to design your website. More recommended
*With the option Copy the software will generate a copy of the content that you will have to edit and translate in the new language
*The new content is in Light grey color because it is not enabled. Remember to enable the content if you want to see it in the frontend
[[Datei:Schermata 2021-02-24 alle 17.10.59.png|mini|ohne|Click on edit to translate the page in a new language]]
*In the edit section of the new page you can translate the contents and set everything as you wish
[[Datei:Schermata 2021-02-24 alle 17.15.14.png|mini|ohne|Contents translation]]
*Save>Close
 
=View the translated pages in the frontend=
*To see if your changes work as you wish on the frontend, click on the view mode
[[Datei:Schermata 2021-02-24 alle 17.19.26.png|mini|ohne|View mode]]
*Change the language of the website into the one you are working with
[[Datei:Schermata 2021-02-24 alle 17.21.08.png|mini|ohne|Choose the language]]
[[Kategorie:Typo3]]

Aktuelle Version vom 29. März 2023, 13:24 Uhr

TYPO3 CMS comes with the built-in ability to handle web sites in multiple languages.

Adding a new language[Bearbeiten | Quelltext bearbeiten]

Make a new language available[Bearbeiten | Quelltext bearbeiten]

Add a new language available for the website development

Add the new language
  • Choose and configure the language that you want to add
Choose the language you want to make available

Save>Close

Activate the new language[Bearbeiten | Quelltext bearbeiten]

  • Enter in the site management>Sites - This module is limited to admin users only
Module Site management
  • Click on edit Site configuration
Edit button
  • In the big square are shown the available languages for the website
  • Just click on the one that needs to be added to the website and it will be instantly be available.
Available languages
  • Be sure that all the fields are properly configured
Language fields to set
  • Now you can work with the new language and make the website multi language

Translate the website pages[Bearbeiten | Quelltext bearbeiten]

  • To translate the pages of your website enter in the Page module and select the page you want to translate in the tree section
Select the language in which you want to translate the page
Here you can see all the available languages
  • The next step is to edit the new language name of the page
  • Don't forget to update the page URL
Language edit of the page
  • Save>Close
  • Now you will be able to see the 2 versions of the page, in both the languages you need
  • Be sure to select the Languages view
In the 2 columns you can see the contents for the page in English and German
  • Now you have to translate the contents. To do so click on the button "Translate"
Translate button
  • It is possible to choose between the options:
  1. Translate: will create a direct connection between the original language and the language you translate to.
  2. Copy: You are freer to design your website. More recommended
  • With the option Copy the software will generate a copy of the content that you will have to edit and translate in the new language
  • The new content is in Light grey color because it is not enabled. Remember to enable the content if you want to see it in the frontend
Click on edit to translate the page in a new language
  • In the edit section of the new page you can translate the contents and set everything as you wish
Contents translation
  • Save>Close

View the translated pages in the frontend[Bearbeiten | Quelltext bearbeiten]

  • To see if your changes work as you wish on the frontend, click on the view mode
View mode
  • Change the language of the website into the one you are working with
Choose the language