Avoir un site multilingue

Ce chapitre aborde la réalisation d'un site multilingue permettant aux visiteurs de passer facilement d'une langue à une autre. Cela prendra l'apparence d'une liste comprenant toutes les langues proposées par le site.

Activer les modules nécessaires

Les modules permettant un site multilingue ont déjà été importés lors de l'installation de Drupal 8. Il suffit simplement de les activer.

Se rendre dans la partie Multilingue du menu Extension.
Activer les modules Configuration, Translation et Content Translation.
Cliquer sur installer en bas de page.

Ajouter et configurer les langues

Aller dans le menu Configuration et dans la section Régionalisation et langue. Cliquer sur Langues.

Dans Langues sont listées toutes les langues installées.

Pour ajouter une nouvelle langue :

Cliquer sur le bouton Ajouter une langue.
Une liste de langues à installer s'affiche. Sélectionner une langue puis cliquer sur le boutonAjouter une langue. L'installation de la langue commence. Un message de succès annonce que la langue sélectionnée peut désormais être utilisée.

Modifier les paramètres de la langue en cliquant sur Modifier en face de la langue.

Paramétrer les éléments de la langue ajoutée.

              Code de la langue : Cette valeur ne peut être modifiée. Elle apparaîtra dans l'url du site lorsque ce dernier sera dans la langue sélectionnée.
              Nom de la langue : ce nom apparaîtra sur le site.
              Direction: sens de lecture.
              Enregistrer la langue.

Le Drupal installé étant Drupal 8 version française, la langue par défaut de l'interface et du site est donc le français. Il est possible de modifier la langue par défaut, pour cela cocher la case PAR DÉFAUT à côté de la langue souhaitée.
L'ordre des langues à son importance puisque c'est dans cet ordre qu'apparaîtront les langues sur le site. Changer l'ordre des langues avec la petite croix à gauche des langues.

Traduire du contenu existant

Il faut maintenant traduire du contenu dans les autres langues.
Soit :

Se rendre dans le menu Contenu, cliquer sur la flêche à côté de Modifier et sur Traduire.
Aller directement sur la page de l'article à traduire. Un onglet Translate est présent sous le titre de l'article.

S'affiche les langues installées précédemment. Pour la langue Français, l'article a un statut Publié tandis que pour les langues Spanish et English le statut est Non traduit.

Cliquer sur le bouton Ajouter pour traduire l'article.

L'éditeur de l'article en anglais s'affiche, traduire les textes français en anglais. Traduire également le lien du menu pour cet article.

Enregistrer les modifications.

L'article a maintenant une traduction anglaise et est directement publié sur le site.

Afficher le sélecteur de langue sur le site

Maintenant que les articles ont leurs traductions, le sélecteur de langues doit être ajouté au site. Se rendre dans le menu StructurepuisMise en page des blocs.

Cliquer sur Placer le bloc de la région qui contiendra le sélecteur de langue.
Faire une recherche rapide avec le mot "langue" pour trouver le bloc Sélecteur de langue.

Cliquer sur Positionner le bloc et le configurer, puis enregistrer.

Sur le site figure maintenant, dans la barre latérale gauche, le bloc Sélecteur de langue avec les langues précédemment installées.
Une fois la langue English sélectionnée, le site s'affiche en anglais. De même pour l'espagnol.

Certains blocs ne sont peut-être pas traduits. Par exemple, le titre du bloc Sélecteur de langue sur une des page en anglais n'est pas traduit, il apparaît toujours en français. Une traduction de ces blocs est alors nécessaire. Sur la page du site, cliquer sur le crayon du bloc pour le configurer.

Aller sur l'onglet Traduire bloc.

Pour les langues qui ont pour actions Ajouter cela indique que la traduction n'a pas encore été effectuée pour cette langue. Cliquer sur Ajouter pour traduire le titre du bloc dans la bonne langue.

Dans le champ Description, écrire la traduction du titre du bloc et enregistrer la traduction.

Maintenant, le titre du bloc Sélecteur de langue sur une page en anglais s'affiche suivant la traduction du titre de ce bloc.

Ajouter un drapeau devant la langue

Il est possible d'ajouter le drapeau approprié à la langue, pour cela installer et activer le module Language Icons : https://www.drupal.org/project/languageicons

Cliquer sur la description du module pour accéder à sa configuration.

Cette configuration comprend :

Ajouter les icônes de langue. Les types de liens où ajouter les icônes de langue.

Placement de l'icône. Cocher la case où l'icône du drapeau doit s'afficher. Soit avant le lien, après le lien ou remplacer le lien par seulement l'icône.
Chemin des icônes. Chemin où sont localisé tous les drapeaux disponibles du module.
Taille de l'image. Largeur x hauteur.

Enregistrer la configuration.
Les drapeaux apparaissent bien au niveau du bloc Sélecteur de langue.