Site Multilingue

J'habite en Europe, L'Union Européenne à 23 langues officielles. Si vous avez l'intention de créer un site web pour cette région, vous devez pensez multilinguisme. Deux choses sont particulièrement difficiles quand il s'agit de la création de sites multi-langues : la traduction des chaînes de caractères statiques de Joomla! ainsi que la traduction des éléments de contenu. Alors que le premier défi peut normalement être facilement surmonté, le second présente un véritable challenge

Joomla 2.5 est disponible en plus de 40 langues, et de nouvelles langues sont attendues prochainement.

Commençons à construire un site web multilingue en utilisant un Joomla 2.5 de base.

Packs de langues Joomla!

Vous pouvez télécharger les traductions des packs sur Joomla Code ou sur le Joomla! extension directory et les installer en utilisant le Gestionnaire d'extensions. J'ai fait cela avec les packs allemands et français. Après l'installation, vous trouverez les trois langues installées (Figure 1) en visitant Extensions - Gestionnaire de langues dans le backend.

Figure 1: Langues installées

Configuration des langues

A partir de maintenant, il est encore nécessaire de jeter un œil à la configuration des langues afin de s'assurer que les langues sont publiées (Extensions → Gestionnaire de langues → Installées) et que les contenus de langues soient correctement attribués (Figure 2). Regardez dans (Extensions → Gestionnaire de langues → Contenu). Ici, vous pouvez également différencier le nom du site pour les différentes langues. S'il n'y a pas de d'éléments de contenu pour les langues installées, créez en un en cliquant sur l'icône Nouveau. Voici mon écran après avoir installé le pack de langue français.

Figure 2: Edition du contenu de langue

Plug-in Filtre de langue

Pour que Joomla! puisse distinguer les différentes langues, le Plug-in Système → Filtre de Langue (Extensions → Plug-Ins) doit être activé. Vous devez configurer la langue qui sera affichée au visiteur, soit la langue de votre site web ou soit la langue réglée dans le navigateur du client, en utilisant simplement les Options et Paramètres. Un autre paramètre de configuration est le Changement de langue automatique. Si ce paramètre est activé, le contenu changera automatiquement en changeant les paramètres de langue du frontend.

Figure 3: Plug-In - Filtre de Langues

Chaque utilisateur peut configurer sa langue de frontend une fois qu'il est connecté sur le site. La plupart du temps, il y a un menu utilisateur qui, selon vos permissions, vous donne accès à différents éléments de menu. Dans ce menu utilisateur, vous trouverez également le lienVotre profil. En cliquant sur le lien, vous pourrez voir et éditer vos données de profil. Dans le formulaire d'édition du profil, dans les paramètres de base, les utilisateurs pourront choisir parmis plusieurs configurations et régler leur langues frontend (Figure 4). Vous pouvez utiliser la langue par défaut du site web ou une des langues de contenu disponibles. Selon ces réglages, le plug-in de langue vous permet de voir le site dans la langue correspondante.

Figure 4: Profil utilisateur – Paramètres de base

Module Changement de langue

En activant le module Changement de langue, vous avez la possibilité de changer de langue sur le frontend, que vous soyez un visiteur ou un utilisateur connecté. Dans les paramètres de base, vous pouvez ajouter un texte et choisir si vous souhaitez afficher les différentes langues sous forme d'icône drapeaux ou de noms. Je suis sûr que certains templates tierces proposeront des positions spéciales pour ce module prochainement. Sur le template par défaut Beez2, la position-7 permet d'afficher correctement ces drapeaux.

Figure 5: Changement de langues

Il est important de lire ce texte qui suit avec attention (et deux fois)

Quand le changement de langue est activé et si l'élément de menu affichant la page d'accueil n'est pas associé à un autre élément de menu, le module redirige à la page d'accueil définie pour la langue choisie.
D'autre part, si le paramètre est réglé pour le plug-in Filtre de langue, il devra rediriger sur l'élément de menu associé à la langue choisie. Par la suite, la navigation sera celle définie pour une langue.
Si le plugin 'System - Filtre est désactivé, cela aura des résultats non souhaités. Méthode :

1. Ouvrez l'onglet contenu du gestionnaire de langues et assurez-vous que les langues que vous souhaitez utiliser dans les contenus soient publiées et aient un code langue pour les URL ainsi qu'un préfixe pour l'image utilisée dans l'affichage du module.
2. Créez une page d'accueil en assignant une langue à un élément de menu et définissez-la comme page d'accueil par défaut pour chaque langue de contenu publiée.
3. Par la suite, vous pouvez attribuer une langue à n'importe quel article, catégorie, module, Fil d'actualité, liens Internet dans Joomla!.
4. Assurez-vous que le module soit publié et le plug-in activé.
5. Quand vous utilisez un élément de menu associé, assurez-vous que le module soit affiché sur la page concernée.
6. L'ordre d'affichage des drapeaux ou des noms est défini par l'ordre dans Gestionnaire de langue – Contenu.

Si ce module est publié, il est conseillé de publier le module statut multilingue administrateur.

Elément de contenu Multi-langues

Comme je l'ai déjà précisé, chaque élément de contenu, comme un article, peut être assigné à une langue. La difficulté réside maintenant dans la création de tous ces éléments de contenu dans toutes les langues sources et cibles (Figure 5). Vous pouvez créer des éléments de contenu dans toutes les langues mais, malheureusement, Joomla 2.5 n'offre pas encore un workflow de traduction, ce qui signifie que vous devez faire attention afin d'éviter les erreurs.

Figure 6: Paramètres langues

Un site web multi-langues

Mon site web exemple consiste en :

• une page d'accueil avec articles,
• un blog,
• une page « A propos de nous »
• un formulaire de contact.

Tous les éléments de contenu doivent êtres disponibles dans les différentes langues (Figure 7).

Figure 7: Site d'exemple

Front page

Pour vous faciliter les choses au début, j'ai créé une vidéo (qui sera publiée bientôt pour Joomla 2.5)

Voici la version 1.7 (qui fonctionne toujours)

J'ai créé quelques articles pour chaque langue avec les paramètres attribués (voir chapitre Un article type).

Je crée un menu appelé default avec un élément de menu appelé default, lié aux Articles en Vedette. Je configure cet élément de menu comme Accueil en cliquant sur le bouton Accueil. Le menu default n'a pas besoin de module correspondant, il doit simplement exister (ce comportement est dans la version actuelle de Joomla 2.5 et sera heureusement modifié dans les prochaines mises à jour).
Ensuite, je crée un menu par langue ainsi que les modules menu correspondants. Je crée un élément de menu pour chaque langue: Home, Startseite, Accueil. Ces liens de menu doivent être configurés comme Accueil en cliquant sur le bouton Accueil. Si vous voyez le drapeau à coté de l'élément de menu, tout fonctionne correctement, sinon... regardez la vidéo :)

Figure 8: Une page d'accueil pour chaque langue

Un blog

Dans mon cas, j'ai déjà un blog sur cocoate.com, donc j'utilise le composant Fil d'actualité pour afficher les entrées externes du blog. Je crée un élément pour chaque langue ainsi que l'élément de menu correspondant (voir Fils d'actualité).

Une page 'A propos de nous'

Je crée une page 'A propos de nous' décrite dans le chapitre Comment créer une page "A propos de nous" pour chaque langue.

Un formulaire de contact

J'utilise un formulaire de contact unique pour les demandes de renseignement général. Je n'ai besoin que d'un élément de contact, donc il n'est pas nécessaire d'assigner une langue. Seulement si les données de contact diffèrent dans les différentes langues, par exemple, adresse ou e-mail différents, il sera nécessaire de créer un élément de contact pour chaque langue.

Formulaire de connexion

Sur chaque page, un formulaire de connexion sera visible. J'ai copié le module de connexion anglais deux fois, configuré l'assignement de menu, changé le titre et assigné la langue correspondante. Il est maintenant possible de s'enregistrer et de se connecter sur mon site.

Menu utilisateur

J'utilise le menu utilisateur existant, qui vous donne un lien vers votre profil ainsi qu'un lien pour la création d'un article ou d'un lien web. (Figure 9).

Figure 9: Edition en Front-end

Comme vous pouvez le voir, créer un site multi-langues avec le noyau de Joomla 2.5 est très simple !

Surcharges de Langues

Si vous remarquez des chaînes de caractères de langues qui ne sont pas appropriées pour votre site, vous pouvez les modifier dans Extensions -> Gestionnaire de Langues -> Substitutions.

Une chaine de caractères de langues est composée de deux parties: une constante de la langue spécifique et sa valeur.
Par exemple, dans la chaine de caractères :

     COM_CONTENT_READ_MORE="Lire la suite: "

'COM_CONTENT_READ_MORE' est la constante 'Lire la suite: ' est la valeur.
Vous devez utiliser la constante de la langue spécifique pour de créer une substitution de la valeur.
Cependant, vous chercher la constante ou la valeur que vous souhaitez changer avec le champ de recherche situé à droite.
En cliquant sur le résultat souhaité, la constante sera automatiquement insérée dans le formulaire.

Vous pouvez rechercher dans ces chaines de caractères de langues en remplissant le formulaire, puis modifier les textes (Figure 10).

Figure 10: Substitution de Langue