Comment créer un Site multilingue

Bonnes pratiques > Étape 1 - Paramètres > Section Avancés >

Comment créer un Site multilingue

Previous pageReturn to chapter overviewNext page
Montrer/Cacher le texte caché

Internet vous permet de dépasser les frontières nationales et, s'il est prévu que le Site sera consulté par des personnes de nationalités différentes, il est préférable de laisser le choix entre plusieurs Langues.

Gérer un Site en plusieurs Langues ajoute un certain degré de complexité au Projet, mais grâce aux fonctions fournies par WebSite X5 et en s'appuyant sur un service de traduction de qualité, cette tâche peut être menée à bien avec succès.

Tout d'abord, il faut préciser que WebSite X5 génère tous les fichiers HTML pour les pages d'un Site à l'aide du Codage UTF-8 (Unicode Transformation Format 8 bits) des caractères. En utilisant UTF-8, il est possible de réaliser des Sites dans n'importe quelle Langue, y compris celles qui utilisent un alphabet différent du Latin comme, par exemple, le grec, le cyrillique, le copte, l'arménien, l'hébreu et l'arabe, sans oublier le chinois, le japonais et le coréen. En outre, non seulement vous pouvez créer un Site dans n'importe quelle langue, mais il est également possible de fournir des textes en différentes langues sur le même site, sans avoir de problèmes pour afficher les caractères : par exemple, on pourrait penser tranquillement à un texte en russe avec, à côté, une traduction en italien.

Avançant dans la création d'un Site, WebSite X5 vous permet, en premier lieu, d'associer une Langue au Projet (dans la fenêtre Paramètres du Site option Langue du contenu ) : ce passage est indispensable pour une correcte gestion des textes qui sont insérés automatiquement dans le Programme. En plus de certaines Langues déjà installées, vous pouvez accéder à la fenêtre Gestion du contenu linguistique en cliquant sur le bouton pour créer/importer plus de Langues ou modifier les éléments de celles qui sont déjà présentes (voir, Comment gérer les Langues pour les textes insérés automatiquement).

Enfin, WebSite X5 permet de créer un Site multilingue où le Visiteur a la possibilité de choisir la Langue qu'il préfère parmi celles disponibles ou, en travaillant avec l'édition Pro,  ou bien il lui est proposé automatiquement la version du Site qui devrait correspondre au mieux à ses exigences. Dans ce cas, vous avez juste à créer un Projet pour chaque Langue et les relier entre eux comme si ils étaient différentes sections d'un seul Site web. Les méthodes pour relier les Projets entre eux, qui ne diffèrent que par leur Langage, sont principalement deux : la première exploite la Page d'Accès, la deuxième peut insérer des liens directement dans l'En-tête du modèle. Avec l'édition Pro, à ces deux méthodes s'ajoute une troisième qui utilise la possibilité d'identifier la Langue du Navigateur pour configurer automatiquement la redirection automatique.

Cliquez pour etendre/reduireEn pratique : Comment créer un Site multilingue par la Page d'Accès

En supposant que vous vouliez créer un Site disponible en Italien, Anglais et Portugais, vous pouvez utiliser la Page d'Accès pour insérer des boutons qui permettent au Visiteur de choisir la Langue d'affichage du contenu.

En premier lieu, vous devez créer le Site en Italien en définissant la structure et les contenus et dans Paramètres du Site définir "IT - Italian" comme Langue du contenu .
À l'étape 1 - Paramètres du Site | Avancés cliquez sur le bouton Page d'Accès et, dans la fenêtre relative, activez l'option Afficher la page d'Accès, sélectionnez Montrer la Page d'Accès et demander le choix de la langue, et spécifiez quelle image/animation afficher comme Arrière-plan de la page et fixez tous les paramètres nécessaires pour donner l'aspect voulu.
À travers les commandes disponibles, composez la Liste de langues. À partir de la liste proposée, sélectionnez les éléments "Deutsch", "Español" et "Français", relatives à des Langues non prévues, et cliquez sur le bouton Supprimer. Cliquez ensuite sur le bouton Ajouter... pour appeler la fenêtre Sélection des langues et ajouter la Langue Portugaise: comme Nom de la langue à afficher entrez "Português" et importez un fichier pour l'image associée.
De la même manière, sélectionnez les éléments "Italiano" et "English" et cliquez sur le bouton Modifier... pour appeler la fenêtre Sélection des langues et ajouter les images manquantes des drapeaux.
Du moment que le Projet actuel est celui en Italien (le seul auquel sera associé la Page d'Accès), sélectionnez l'élément "Italiano" depuis la Liste de langues et cliquez sur le bouton Présélection.
Une fois insérées les images des drapeaux des langues, vous devez mettre en place les liens. En supposant que vous allez créer un Site pour chaque langue et que vous allez le publier en ligne, vous pouvez fournir un lien vers une URL :
Dans la Liste de langues sélectionnez l'élément "English" et cliquez sur le bouton Modifier... pour appeler la fenêtre Sélection des langues.
Cliquez sur le bouton disponible pour l'option Lien pour cette langue (ex afficher le site dans cette langue) et, dans la fenêtre Lien appelée, sélectionnez l'action Fichier ou URL et spécifiez l'adresse du Site en Anglais : par exemple, http//www.monsite.fr/en/index.html, si vous prévoyez de publier le Site en Anglais dans le sous répertoire "en" dans le répertoire principal du Serveur.
Répétez les mêmes opérations pour le Site en Portugais le connectant à l'URL relative : par exemple, http//www.monsite.fr/pt/index.html , si vous prévoyez de publier le Site en Portugais dans le sous répertoire "pt" dans le répertoire principale du Serveur.

À ce point, le Site est prêt pour permettre le choix de la Langue mais il manque encore les contenus liés à la langue anglaise et la langue portugaise.

Pour procéder plus rapidement à la création du Site en langue anglaise, créez une copie du Site en italien: dans la fenêtre initiale Choix du projet sélectionnez le Projet du Site en italien et cliquez sur le bouton Dupliquer. Cliquez ensuite sur le bouton Renommer pour modifier le nom du nouveau Projet.
Ouvrez la copie du Projet et dans Paramètres du Site définissez "EN - English" comme Langue du contenu : procédez en insérant les traductions pour tous les textes et les éléments qui éventuellement dépendent de la Langue.
À l'étape 1 - Paramètres du Site | Avancés, accédez à la fenêtre Page d'Accès et désactivez l'option Afficher la page d'Accès.
Une fois le Site en Anglais terminé, répétez la même procédure pour prédisposer le Projet du Site en Portugais.

Pour la publication sur Serveur des Sites réalisés, procédez comme suit :

Publication du Site en Italien: le Site en Italien est celui qui est associé à la Page d'Accès et a été défini comme "par défaut". En procédant à la publication le fichier index.html est créé, correspondant à la Page d'Accès, et enregistré dans le répertoire de publication. Pour se conformer aux URL configurées pour les Sites en Anglais et en Portugais, il est nécessaire de créer sur le Serveur les sous répertoires : "en" et "pt". Cette étape terminée, le Site italien sera en ligne et dans la Page d'Accès seront actives les connexions sur les boutons de la Langue, qui ne mènent encore à rien.
Publication du Site en Anglais: afin que le lien présent dans la Page d'Accès au Site en Anglais fonctionne, publiez le Projet dans le sous répertoire "en" créé.
Publication du Site en Portugais : de la même manière, afin que le lien présent dans la Page d'Accès au Site en Portugais fonctionne, publiez le Projet dans le sous répertoire "pt" créé.

Une fois publiés tous les trois Sites dans les bons sous répertoires, les boutons présents dans la Page d'Accès fonctionneront correctement et permettront aux Visiteurs de consulter les contenus du Site dans leur Langue.

À travers l'option Lien pour cette langue (ex afficher le site dans cette langue) présente dans la fenêtre Sélection des langues il est possible de définir n'importe quelle action sur les images associées aux Langues (dans la plupart des cas, les drapeaux). Cela signifie que, au lieu de connecter un Site entier comme le montre l'exemple, vous pouvez connecter une simple Page entière ou un message d'information expliquant que le Site dans une Langue qui n'est pas encore disponible mais le sera bientôt, ou un document PDF avec toutes les informations que vous souhaitez offrir pour une Langue, ou mettre en œuvre d'autres solutions encore selon le cas.

Cliquez pour etendre/reduireEn pratique : Comment créer un Site multilingue par des boutons dans l'En-tête du Modèle

Toujours en supposant de vouloir créer un Site disponible en Italien, Anglais et Portugais, un mode alternatif ou complémentaire à la Page d'Accès pour présenter les Boutons pour le choix de la Langue est de les mettre dans l'En-tête du Modèle du Site. Cette méthode offre l'avantage de donner au Visiteur la possibilité de changer la Langue de consultation à tout moment et à partir de n'importe quelle Page du Site.

Tout d'abord, vous devez créer le site en Italien et définir la structure et son contenu, et dans Paramètres du Site définissez "EN - Anglais" comme Langue du contenu .
Accédez à la fenêtre Contenu du Modèle pour agir sur l'En-tête et créez les boutons qui permettront au Visiteur de choisir la Langue de consultation.
À travers l'Objet Image, importez le fichier graphique relatif à l'image d'un drapeau italien: si vous voulez créer un bouton avec un effet de mouseover, utilisez l'option Effets au survol de la souris pour importer une deuxième image, légèrement différente de la première.
Répétez cette procédure pour créer les Boutons avec les drapeaux Anglais et Portugais.
Sélectionnez le Bouton avec le drapeau Anglais et cliquez sur la commande Lien : dans la fenêtre Lien appelée choisissez l'action Fichier ou URL et activez l'option Fichier Internet en tapant l'adresse à laquelle sera joignable la Page d'Accueil du Site Anglais une fois qu'il est en ligne (par exemple: http//www.monsite.fr/en/index.html).
Répétez la même procédure pour les Boutons de la Langue Portugaise et créez le lien à la URL relative (par exemple : http//www.monsite.fr/pt/index.html).

Évidemment, puisque vous travaillez sur le Projet du Site Italien vous n'avez besoin d'insérer aucun lien sur le Bouton avec le drapeau italien.

Pour procéder plus rapidement à la création du Site en langue anglaise, créez une copie du Site en italien : dans la fenêtre Choix du projet sélectionnez le Projet du Site en Italien et cliquez sur le bouton Dupliquer. Puis cliquez sur le bouton Renommer pour modifier le nom du nouveau projet.
Ouvrez la copie du Projet et dans Paramètres du Site définissez "EN - English" comme Langue du contenu : procédez en insérant les traductions pour tous les textes et les éléments dépendant de la Langue.
Accédez à la fenêtre Contenu du Modèle et placez les liens sur les Boutons avec des drapeaux : associez celui de l'Italien au lien avec la URL relative (par exemple: http://http//www.monsite.fr/index.html) et supprimez le lien du Bouton avec le drapeau anglais.
Une fois que le Projet du Site en Anglais est terminé, répétez la même procédure pour définir le Projet du Site en Portugais. Dans ce cas, vous devez mettre en place des liens sur les Boutons associés aux Langues Italien et Anglais et supprimer celui relatif à la Langue Portugaise.

Pour que les boutons créés pour le choix de la Langue fonctionnent correctement, il est nécessaire que les Sites dans les trois Langues soient publiés sur le Serveur en respectant les chemins attendus.

Créez dans le répertoire de publication sur le Serveur deux sous répertoires et appelez-les : "en" et "pt".
Publiez le Projet en Italien (considéré comme le Projet principal) dans le répertoire principal sur le Serveur et les Projets des Sites en Anglais et Portugais dans les sous répertoires "en" et "pt".
Cliquez pour etendre/reduireEn pratique : Comment créer un site multilingue en utilisant la redirection selon la langue du Navigateur

Supposons encore une fois que vous souhaitez créer un Site consultable en italien, anglais et portugais, en travaillant avec l'édition Pro de WebSite X5  vous pouvez faire en sorte que le Visiteur n'ait pas à effectuer le choix de la Langue préférée, mais qu'il lui soit proposé immédiatement la version du Site probablement la plus appropriée. Vous pouvez obtenir ce résultat en ayant recours à la possibilité de relever la langue configurée pour le Navigateur et de rediriger ainsi le Visiteur à des versions différentes du même Site. Bien entendu, il sera impossible de couvrir toutes les langues, il faudra donc choisir, parmi celles qui seront activées, la langue à utiliser par défaut.

Dans notre exemple, l'anglais sera utilisé comme Langue par défaut dans tous les cas où la langue qui sera relevée dans le Navigateur sera différente de l'anglais, de l'italien et du portugais. Le Site en anglais sera donc le Site principal, tandis que ceux en italien et en portugais seront des versions publiées dans des sous-dossiers du dossier principal sur serveur.

En premier lieu, vous devez créer le Site en Italien en définissant la structure et les contenus et dans Paramètres du Site définir "EN - English" comme Langue du contenu .
À l'étape 1 - Paramètres du Site | Avancés cliquez sur le bouton Page d'Accès et, dans la fenêtre relative, activez l'option Afficher la page d'Accès et sélectionnez Relever automatiquement la langue.
À travers les commandes disponibles, composez la Liste de langues. À partir de la liste proposée, sélectionnez les éléments "Deutsch", "Español" et "Français", relatives à des Langues non prévues, et cliquez sur le bouton Supprimer. Cliquez ensuite sur le bouton Ajouter... pour appeler la fenêtre Sélection des langues et ajouter la Langue Portugaise: comme Code de référence de la Langue entrez "PT".
De la même manière, sélectionnez les éléments "Italiano" et "English" et cliquez sur le bouton Modifier... pour appeler la fenêtre Sélection des langues et vérifier le code de référence associé.
Du moment que le Projet actuel est celui en Anglais, sélectionnez l'élément "English" depuis la Liste de langues et cliquez sur le bouton Présélection.

En supposant que vous allez créer un Site pour chaque langue et que vous allez le publier en ligne, vous pouvez fournir un lien vers une URL :

Dans la Liste de langues sélectionnez l'élément "Italiano" et cliquez sur le bouton Modifier... pour appeler la fenêtre Sélection des langues.
Dans le champ URL pour cette Langue  spécifiez l'adresse du Site en Italien: par exemple, http//www.monsite.fr/it/, si vous prévoyez de publier le Site en Italien dans le sous répertoire "it" dans le répertoire principal du Serveur.
Répétez les mêmes opérations pour le Site en Portugais le connectant à l'URL relative : par exemple, http//www.monsite.fr/pt/, si vous prévoyez de publier le Site en Portugais dans le sous répertoire "pt" dans le répertoire principale du Serveur.

À ce point, le Site est prêt pour permettre la redirection selon la Langue mais il manque encore les contenus liés à la langue anglaise et la langue portugaise.

Pour procéder plus rapidement à la création du Site en langue italien, créez une copie du Site en anglaise: dans la fenêtre initiale Choix du projet sélectionnez le Projet du Site en anglaise et cliquez sur le bouton Dupliquer. Cliquez ensuite sur le bouton Renommer pour modifier le nom du nouveau Projet.
Ouvrez la copie du Projet et dans Paramètres du Site définissez "IT - Italiano" comme Langue du contenu : procédez en insérant les traductions pour tous les textes et les éléments qui éventuellement dépendent de la Langue.
À l'étape 1 - Paramètres du Site | Avancés, accédez à la fenêtre Page d'Accès et désactivez l'option Afficher la page d'Accès.
Une fois le Site en Italien terminé, répétez la même procédure pour prédisposer le Projet du Site en Portugais.

Pour la publication sur Serveur des Sites réalisés, procédez comme suit :

Publication du Site en Anglais: le Site en Anglais est celui qui est associé à la Page d'Accès et a été défini comme "par défaut". En procédant à la publication le fichier index.html est créé, correspondant à la Page d'Accès, et enregistré dans le répertoire de publication. Pour se conformer aux URL configurées pour les Sites en Italien et en Portugais, il est nécessaire de créer sur le Serveur les sous répertoires : "it" et "pt". Cette étape terminée, le Site Anglais sera en ligne et dans la Page d'Accès le code qui relève la langue du Navigateur et configure la redirection aux Sites dans les autres langues sera actif.
Publication du Site en Italien : afin que le code de redirection présent dans la Page d'Accès au Site en Italien fonctionne, publiez le Projet dans le sous répertoire "it" créé.
Publication du Site en Portugais : de la même manière, afin que le code de redirection présent dans la Page d'Accès au Site en Portugais fonctionne, publiez le Projet dans le sous répertoire "pt" créé.

 


Approfondissements :

-

Comment gérer les Langues pour les textes insérés en automatique