Configurer un site multilangue

Exemple de données

Joomla est fourni avec deux jeux de données d'exemple : Blog et Multilingue. Il existe un troisième jeu de test mais uniquement pour les utilisateurs travaillant avec la version de développement de Joomla. Si vous disposez déjà d'un site avec des articles, des menus et des modules, il sera similaire en principe à un site avec les données d'exemple Blog installées.

Dans le Panneau d'administration, les données d'exemple Multilingue indiquent Avant de lancer, assurez-vous d'avoir installé au moins 2 langues avec leurs langues de contenu et qu'aucune donnée d'exemple n'a été installée. Cela vous amènera probablement à créer un site multilingue en exécutant manuellement les étapes requises une par une. C'est une procédure sujette aux erreurs dans laquelle vous risquez de vous tromper, surtout si vous utilisez plusieurs langues. Les erreurs peuvent être corrigées mais l'ensemble du processus est un peu fastidieux et peut prêter à confusion.

Vous pouvez ignorer ce conseil et utiliser les données d'exemple Multilingue pour configurer un site multilingue si vous comprenez comment apporter plus tard certaines corrections aux menus et modules d'origine.

Site initial

Un site Joomla fraîchement installé possède un Menu principal dans la colonne de droite. Il contient un seul lien de menu nommé Accueil de type Articles en vedette. Il y a également un Formulaire de connexion dans la colonne de droite.

Au départ, il n'y a aucun article en vedette donc la partie principale de la page est vide.

Données d'exemple Blog

Si vous avez déjà créé le contenu de votre propre site, vous ne devriez pas installer les données d'exemple Blog. Cependant, veuillez lire cette section pour voir comment elle se compare. Sinon :

Sélectionner Installer dans la section Données d'exemple Multilingue du Panneau d'administration. Les étapes de l'installation apparaîtront brièvement puis disparaîtront.
Vous devriez remarquer que plusieurs nouveaux menus sont installés (recharger la page d'administration et déplier le menu Menus) :
- Menu principal Blog.
- Menu du bas, contenant les liens de menu Connexion/Déconnexion.
- Menu spécial, visible après connexion.
Sélectionner l'icône Ouvrir le site dans la barre de statut en haut ou recharger le Site s'il est déjà ouvert dans un autre onglet.

Vous devriez voir une mise en page remplie d'informations d'Articles en vedette :

En haut se trouve le nouveau menu Menu principal Blog pour diverses mises en page de blog et articles.
Dans la colonne de droite se trouvent des modules pour un Formulaire de connexion, un Menu principal et un fil d'actualité RSS My Blog.
Après connexion, la colonne de droite affiche un Menu spécial pour les actions réservées à l'Administration.
Le lien Accueil du Menu principal mène à la mise en page Articles en vedette.
Le lien de menu Blog en haut mène à une mise en page Blog de catégorie quelque peu différente de la mise en page Articles en vedette.

Prenez quelques minutes pour explorer les liens de menu et les types d'informations auxquels ils mènent.

Installer et publier les langues de contenu

Installez d'abord toutes les langues que vous comptez utiliser. Si vous avez besoin d'installer une langue supplémentaire plus tard, vous devrez effectuer manuellement et une par une les étapes de configuration pour cette langue. Cela sera traité ailleurs. Pour ce tutoriel, le français, l'allemand et le gallois ont été ajoutés à la langue anglaise par défaut du site lors de l'installation de Joomla. Pour ajouter des langues après l'installation :

Sélectionner Système → Installer des langues depuis le menu Administration.
Sélectionner le bouton Installer pour chaque langue que vous proposez d'utiliser.

Les langues installées doivent être Publiées pour être disponibles. Depuis le menu Administration :

Sélectionner Système / Panneau de gestion / Langues de contenu
Dans la colonne Statut, Publier chacune des langues que vous souhaitez utiliser.

Données d'exemple Multilingue

L'installation des données d'exemple multilingues a des effets que vous devrez gérer plus tard :

Les menus de la colonne latérale droite seront désactivés. Cela signifie que le module Menu principal sera désactivé et qu'il n'y aura plus de lien vers la mise en page Articles en vedette. Si vous aviez d'autres liens dans le Menu principal, ils seront également indisponibles.
Le Menu spécial sera désactivé. Il fournissait un lien pour créer un nouvel article.

Les données d'exemple multilingues fournissent les fonctionnalités supplémentaires suivantes :

Une catégorie d'articles pour chaque langue.
Un article configuré pour chaque langue, bien qu'en pseudo-texte Lorem ipsum.
Un menu séparé pour chaque langue. Vous le verrez dans la liste Administration → Menus.
Un module de menu Menu principal xx-YY dans la colonne latérale droite du site, où xx-YY est un code de langue tel que fr-FR.
Le lien de menu Principal mène maintenant vers une mise en page Blog de catégorie pour les articles dans la langue sélectionnée. Il ne contient qu'un seul article.
Il y a un module Sélecteur de langue dans la colonne latérale droite. Il n'a pas de titre afin d'éviter d'avoir besoin d'un module séparé pour chaque langue avec des titres traduits. La sélection se fait par drapeau de langue. Essayez-le.

Une chose à noter : les mots fournis par Joomla seront traduits, par exemple dans le Fil de navigation et le Formulaire de connexion. Les mots saisis par les utilisateurs doivent être traduits manuellement, par exemple Formulaire de connexion et Menu principal. Plus de détails à ce sujet plus tard.

Résolution des problèmes initiaux

Ordre des langues

Vous remarquerez peut-être que le sélecteur de langue affiche les langues dans l'ordre alphabétique inverse. Pour modifier l'ordre :

Sélectionner Système → Langues de contenu dans le menu d'administration.
Utiliser les icônes à ellipse verticale pour glisser les langues dans l'ordre souhaité.
Recharger le site et constater que le Sélecteur de langue affiche maintenant les langues dans l'ordre que vous préférez.

Ordre des modules de la colonne latérale droite

L'ordre des modules dans la colonne latérale droite est une question de préférence personnelle. Pour modifier l'ordre :

Sélectionner Contenus > Modules 'Site' (frontal dans le menu d'administration.
Filtrer par Position → sidebar-right.
Sélectionner l'icône de la colonne de tri pour révéler les poignées de glissement du tri (icônes à ellipse verticale). L'icône d'en-tête de colonne doit être un chevron pointant vers le haut.
Glisser les éléments dans l'ordre suivant :
- Sélecteur de langue
- Menu principal (toutes les variantes - l'ordre n'a pas d'importance).
- Menu spécial
- Formulaire de connexion
- Articles archivés
- Syndication

Articles en vedette

Le Menu principal d'origine est désactivé, mais le lien de menu Accueil qu'il contient peut être reproduit ailleurs. L'endroit le plus pratique est le menu du haut.

Sélectionner Menus → Menu principal Blog dans le menu d'administration.
Sélectionner le bouton Nouveau dans la barre d'outils.
Saisir un Titre dans le formulaire Menus : Ajouter un lien de menu, par exemple Épinglé.
Utiliser le bouton Sélectionner dans le champ Type de lien de menu.
Sélectionner Articles → Articles en vedette dans la liste Type de lien de menu.
Sélectionner Enregistrer dans la barre d'outils.
Dans le champ Tri, sélectionner - Premier -.
Dans l'onglet Affichage du Blog, régler Articles d'intro sur 3.
Sélectionner Enregistrer & Fermer dans la barre d'outils.

Assignation des modules du site

La mise en page Articles en vedette de la page d'accueil d'origine a été produite en assignant des modules sélectionnés pour qu'ils n'apparaissent que sur cette seule page. La nouvelle page Vedette doit être ajoutée pour chacun de ces modules.

Sélectionner Contenu → Modules du site depuis le menu Administration.
Trouver et sélectionner l'élément Image.
Dans l'onglet Assignation de menu, trouver et cocher l'élément Épinglé dans la section Menu principal Blog.
Sélectionner Enregistrer & Fermer depuis la barre d'outils.
Trouver et sélectionner l'élément Derniers articles.
Dans l'onglet Assignation de menu, trouver et cocher l'élément Épinglé dans la section Menu principal Blog.
Sélectionner Enregistrer & Fermer depuis la barre d'outils.

Recharger le site

Lorsque vous rechargez le site, le premier élément du menu supérieur sera le lien Vedette menant à la mise en page des Articles en vedette. L'élément Blog adjacent est une mise en page de Blog de catégorie plus compacte. Essayez le sélecteur de langue. Le texte fourni par Joomla, dans le fil de navigation et le Formulaire de connexion, change en conséquence. De plus, les articles en vedette incluent désormais un article des Données d'exemple multilingues, dans la langue sélectionnée. Il peut se trouver sur la dernière page.

Site hybride ou purement multilingue

À ce stade, vous disposez d'un site hybride : certains contenus sont disponibles dans toutes les langues et d'autres dans une langue spécifique. Si vous souhaitez un site purement multilingue, vous devrez dépublier le module Menu principal Blog supérieur et peut-être d'autres. Dans certains cas, vous pouvez souhaiter créer des modules spécifiques à une langue, par exemple le Formulaire de connexion pourrait avoir des versions avec les titres Formulaire de connexion, Login Formular et Ffurflen Mewngofnodi.

Ce que vous faites ensuite ne dépend que de vous !

Menu principal d'origine

Votre module Menu principal d'origine, qui est maintenant dépublié, peut avoir contenu des liens de menu supplémentaires. Vous pouvez le publier. Le problème est que l'élément Accueil renvoie au même emplacement que chacune des pages d'accueil des menus spécifiques à chaque langue, mais uniquement en anglais. Vous pouvez contourner cela comme suit :

Sélectionner Menus → Menu principal depuis le menu Administration.
Sélectionner le lien de menu Accueil.
Sélectionner l'onglet Type de lien.
Définir Afficher dans le menu sur Non.
Sélectionner Enregistrer & Fermer depuis la barre d'outils.
Sélectionner Contenu → Modules du site depuis le menu Administration.
Trouver le Menu principal et le publier, en transformant la croix grise en coche verte.

Les éléments visibles du Menu principal d'origine devraient maintenant fonctionner normalement. Si le Menu principal n'a aucun élément visible, il ne sera pas affiché.

Ajout d'une langue supplémentaire

Après la configuration initiale d'un site multilingue, si vous souhaitez ajouter une autre langue, vous devrez suivre les étapes manuellement une par une :

Étape 1 : Installer la langue

Sélectionner Système → Installer → Langues depuis le menu Administration.
Trouver la langue souhaitée dans la liste Extensions : Langues.
Sélectionner le bouton Installer.
Un message s'affichera : L'installation du pack de langue a réussi.

Dans cet exemple, la langue supplémentaire est l'espagnol.

Étape 2 : Publier et ordonner

Sélectionner Système → Gérer → Langues de contenu depuis le menu Administration.
Activer la langue nouvellement installée : sélectionner le bouton Statut pour transformer la croix grise en coche verte.
Utiliser les icônes de points de suspension verticaux pour glisser les langues dans l'ordre souhaité.

Étape 3 : Créer un menu

Sélectionner Menus → Gestion dans le menu Administration.
Sélectionner le bouton Nouveau dans la barre d'outils.
Saisir un titre de menu approprié et un nom unique, exemples : Main Menu (es-ES) et mainmenu-es-es.
Saisir une description, exemple : Le menu principal du site en langue espagnole (es-ES).

Étape 4 : Ajouter un module de menu

Sélectionner Menus → Gestion dans le menu Administration.
Sélectionner le bouton Ajouter un module pour ce menu pour le menu nouvellement créé.
Saisir un titre approprié, exemple : Main Menu es-ES
Sélectionner une position : Sidebar-right
Sélectionner une langue : Spanish (es-ES)
Sélectionner Enregistrer.
Ordonner le module : dans la liste de tri, sélectionner l'élément après lequel ce nouvel élément doit apparaître.
Sélectionner Enregistrer & Fermer.

Étape 5 : Ajouter une catégorie

Sélectionner Contenu → Catégories dans le menu Administration.
Sélectionner le bouton Nouveau dans la barre d'outils.
Saisir un titre approprié, exemple : Categoría (es-es)
Sélectionner la langue correcte : Spanish (es-ES)
Sélectionner l'onglet Associations.
Pour chaque langue, sélectionner une catégorie. Il n'y a qu'un seul choix possible dans chaque cas.
Sélectionner Enregistrer & Fermer.

Étape 6 : Ajouter un lien de menu

Sélectionner Menus → Main Menu (es-ES), le menu nouvellement créé.
Sélectionner le bouton Nouveau dans la barre d'outils.
Saisir un titre approprié, exemple : Página de inicio
Utiliser le bouton Sélectionner à la fin du champ Type de lien de menu pour choisir un type de lien.
Dans la liste contextuelle, sélectionner Articles → Blog de catégorie.
Dans le champ Choisir une catégorie, utiliser le bouton Sélectionner.
Dans la liste contextuelle des catégories, sélectionner la catégorie Categoría (es-es).
Définir le champ Page par défaut sur Oui.
Dans la liste déroulante Langue, sélectionner Spanish (es-ES).
Enregistrer & Fermer

Étape 7 : Ajouter un article

Le moyen le plus simple d'ajouter un article pour la nouvelle langue est de copier un article existant.

Sélectionner Contenu → Articles dans le menu Administration.
Sélectionner l'article à copier, dans cet exemple Article (en-GB).
Dans le formulaire Articles : Modifier, changer le titre en Article (es-ES).
Changer la Catégorie en Categoria (es-es) (es-ES).
Changer la Langue en Spanish (es-ES).
Sélectionner Enregistrer une copie dans la liste déroulante Enregistrer & Fermer de la barre d'outils. Attention !
Sélectionner l'onglet Associations.
Pour chaque langue, sélectionner un article à associer - l'article équivalent dans chaque langue.
Sélectionner Enregistrer & Fermer dans la barre d'outils.

Ajout d'un article multilingue

Supposons que vous souhaitiez créer un article dans chacune des langues sélectionnées.

Sélectionner Contenu → Articles → + depuis le menu d'Administration ou le bouton Nouveau dans la barre d'outils de la liste des articles.
Saisir un titre pour l'article, exemple William Shakespeare.
Régler le champ Catégorie sur Category (en-gb) (en-GB).
Régler le champ Langue sur English (en-GB).
Saisir le Texte de l'article, exemple issu de Wikipédia :

« William Shakespeare (baptisé le 26 avril 1564 – mort le 23 avril 1616) était un dramaturge, poète et acteur anglais. Il est largement considéré comme le plus grand écrivain de la langue anglaise et le plus grand dramaturge du monde. On l'appelle souvent le poète national de l'Angleterre et le « Barde de l'Avon » (ou simplement « le Barde »). Ses œuvres conservées, y compris les collaborations, comprennent environ 39 pièces, 154 sonnets, trois longs poèmes narratifs et quelques autres vers, dont certains d'auteur incertain. Ses pièces ont été traduites dans toutes les principales langues vivantes et sont jouées plus souvent que celles de tout autre dramaturge. Il reste sans doute l'écrivain le plus influent de la langue anglaise, et ses œuvres continuent d'être étudiées et réinterprétées. »

Sélectionner Enregistrer dans la barre d'outils.
Sélectionner l'onglet Associations.
Pour chaque langue :
- Sélectionner le bouton Créer.
- Dans la fenêtre modale Nouvel article, saisir un titre traduit, William Shakespeare.
- Régler la Catégorie sur celle correspondant à la langue sélectionnée.
- Saisir le texte traduit dans le champ Texte de l'article (vous pouvez essayer https://translate.google.com/).
- Sélectionner Enregistrer & Fermer.
Une fois qu'un nouvel article a été créé pour chaque langue, sélectionner Enregistrer & Fermer.

Menu principal

Si vous avez un lien vers un article pour Toutes les langues dans le Menu principal et que vous utilisez ensuite cet article comme base pour des articles associés dans d'autres langues, vous devrez modifier le lien du Menu principal. Sinon, le changement de langue avec cet article sélectionné entraînera une erreur Page introuvable dans la langue sélectionnée.

Sélectionner Menus → Menu principal depuis le menu d'Administration.
Sélectionner le lien de menu à modifier, par exemple William Shakespeare.
Modifier le champ Langue en English (en-GB).
Sélectionner Enregistrer & Fermer dans la barre d'outils.

S'il n'y a que cet unique élément dans le Menu principal, ce module disparaîtra lors du passage à d'autres langues.