Comment créer un site web multilingue avec Joomla 4

Réchauffer

Aujourd'hui, l'anglais est devenu une langue mondiale et est l'une des langues les plus populaires sur Internet. Un grand nombre de sites Web sont créés qui privilégient ou accordent une attention particulière à la publication de contenu en anglais. Cependant, tout le monde ne peut pas lire et comprendre Anglais. Avoir des sites Web prenant en charge plusieurs langues ouvre de grandes opportunités pour atteindre un public plus large, en particulier dans les régions que vous cherchez à cibler. En fait, les administrateurs de contenu du monde entier le font depuis des années, et la demande de site Web multilingue le s augmente de jour en jour. Heureusement, Joomla est l'une des plates-formes de gestion de contenu qui prend en charge le plus de langues et est disponible dans plus de 75. Par conséquent, la création d'un site Web multilingue est également beaucoup plus facile avec cette plate-forme.

Si vous étiez sceptique quant à la facilité, je peux vous assurer que démarrer un site Web multilingue Joomla est plus facile que vous ne pouvez l'imaginer, plus simple qu'il n'y paraît.

Alors aujourd'hui, dans ce tutoriel, je vais vous montrer comment créer un site Web multilingue dans Joomla 4. De cette façon, vous n'avez pas besoin d'utiliser d'extensions tierces, et bien sûr, c'est entièrement gratuit.

Maintenant allons-y !

Pas à pas pour créer un site Web multilingue dans Joomla 4

Suivez étape par étape pour configurer complètement un site Web multilingue dans Joomla 4.

Installation de nouvelles langues

Dans Joomla 4, vous pouvez utiliser deux méthodes pour installer des langues.

• Installer via la mise à jour de Joomla

Depuis le tableau de bord d'accueil, rendez-vous dans Système , puis sous Installer , cliquez sur Langues pour accéder à la page Extensions : Langues .

Ici, cliquez sur le bouton Installer sur les langues que vous souhaitez installer. Vous pouvez installer autant de langues que vous le souhaitez.

A titre d'illustration, dans cet article, je vais installer deux langues supplémentaires : le français et le chinois (simplifié) .

• Installer manuellement

Avec cette méthode, vous devez d'abord télécharger les packages linguistiques à partir des packages linguistiques officiels de Joomla !.

Ensuite, allez dans Système > Installer > Extensions , téléchargez vos packages ZIP et installez vos langues.

Maintenant, accédez à Système > Gérer > Langues du contenu et activez (publiez) vos langues.

* Remarque : Vous pouvez mettre à jour/modifier les informations de langue en cliquant sur le titre de chaque langue et en modifiant ses options, par exemple Titres , Titre dans la langue maternelle , Balise de langue , Image (drapeau) , Statut , Description , etc. C'est un peu comme un profil de langue qui contient tous les détails dont Joomla a besoin pour pouvoir utiliser l'anglais ou le français comme langues de contenu "commutables".

Activation des plugins "System-Language"

Maintenant, nous avons terminé l'installation de nouvelles langues et les avons publiées pour le contenu. Pour l'étape suivante, nous devons activer le filtre de langue et les plugins de code de langue. Cela aide Joomla à filtrer le contenu et à les afficher en fonction de la langue que vous choisissez.

Accédez à Système > Gérer > Plugins , puis recherchez « Système – Langue ».

Ici, Joomla affichera Système - Code de langue et Système - Filtre de langue dans le résultat de la recherche. Activez-les tous les deux !

Vous pouvez également modifier les paramètres du plugin en cliquant sur son nom, par exemple, Système – Filtre de langue Ce plugin permet au CMS de reconnaître les différentes langues installées et d'afficher uniquement le contenu pertinent pour la langue en cours.

* Avis:

• Ce plugin filtre le contenu affiché en fonction de la langue.
• Ce plugin est à activer uniquement lorsque le module Language Switcher est publié.
• Si ce plugin est activé, il est recommandé de publier également le mode statut multilingue Administrateur.
• Associations d'éléments — Définissez sur Oui . Cette option autorise les associations d'éléments lors du passage d'une langue à une autre.
• Supprimer le code de langue de l'URL — Cette option supprime le code de langue de l'URL défini de la langue du contenu correspondant à la langue du site par défaut lorsque la fonction URL SEF est activée/activée.

Maintenant que vous avez correctement configuré les fichiers de langue et activé le filtre de langue intégré de Joomla, ce plugin essaiera par défaut de détecter les paramètres de langue du navigateur du visiteur et d'afficher le site dans sa langue (si disponible).

Ajout de contenu multilingue

Maintenant que vous avez plusieurs langues prêtes sur votre site Web, vous pouvez les utiliser pour générer du contenu multilingue, mais d'abord, créons de nouvelles catégories et de nouveaux articles.

• Créer une nouvelle catégorie pour chaque langue
• Créez de nouveaux articles dans chaque langue.

Ajouter une nouvelle catégorie

Créons des catégories distinctes pour chaque langue !

• Allez dans Contenu > Catégories > Ajouter un nouveau
• Donnez un titre à votre nouvelle catégorie
• Sélectionnez une langue dans le menu déroulant
• Cliquez sur Enregistrer et fermer pour terminer
• Répétez les mêmes étapes pour les autres langues

Ajouter de nouveaux articles

Ensuite, ajoutons de nouveaux articles pour chaque langue afin de créer un contenu linguistique différent.

• Allez dans Contenu > Articles > Ajouter un nouveau
• Donnez un titre à votre nouvel article
• Choisissez une langue pour l'article dans le menu déroulant
• Composer/mettre à jour votre contenu
• Cliquez sur Enregistrer et fermer lorsque vous avez terminé
• Répétez les mêmes étapes pour vos autres langues

Création de menus multilingues

Maintenant, vous devez attribuer des catégories et des articles sur le menu Joomla. Cela leur permettra de s'afficher sur le front-end. Pour ce faire, créez chaque menu pour chacune de vos langues.

À partir du tableau de bord d'accueil, accédez à Menus > Gérer > Ajouter nouveau Saisissez un titre , choisissez un nom unique , puis appuyez sur Enregistrer et fermer .

Et répétez pour les autres langues :

Ajouter des éléments de menu

Les nouveaux menus que vous venez de créer ci-dessus sont toujours vides. Nous devons continuer et ajouter de nouveaux éléments de menu pour chacun des menus.

• Allez dans Menus > Menu principal (en-GB) et ajoutez de nouveaux éléments
• Sélectionnez un type d'élément de menu
• Choisissez une catégorie qui correspond à une langue spécifique
• Choisissez une langue dans le menu déroulant
• Cliquez sur Enregistrer et fermer

Répétez les étapes ci-dessus pour les autres langues :

À l'heure actuelle, dans chaque élément du menu principal, vous devez définir un menu par défaut (par exemple, le menu principal EN), car lorsque vous cliquez sur l'élément du menu Accueil, il deviendra l'élément d'accueil par défaut pour les pages en anglais.

Ajouter de nouveaux modules

Afin d'afficher un élément de menu sur le front-end du site Web, vous devez ajouter un module pour l'élément de menu et indiquer une position exacte. Accédez à Menus > Gérer , sélectionnez un menu et affectez-le à un module, ou accédez à Contenu > Modules de site pour commencer.

Pour des instructions détaillées sur la façon de créer un menu puis de l'affecter à un module, veuillez vous référer à cet article .

• Accédez à Contenu > Modules de site > Ajouter nouveau .
• Sous Sélectionner un type de module , cliquez sur Menu .
• Attribuez un titre au nouveau module de menu ( obligatoire )
• Sélectionnez un menu de langue à attribuer à ce module, par exemple Menu principal (en-GB).
• Spécifiez une position de module pour le présenter sur votre site.
• Choisissez une langue dans la liste déroulante.
• Cliquez sur Enregistrer et fermer pour postuler.

Répétez les mêmes étapes pour les autres langues :

De retour dans Menus > Gérer , vous pouvez voir tous vos menus qui ont été liés aux modules respectifs.

Maintenant, passons à l'étape suivante !

Associations multilingues

D'une manière générale, cela vous permet d'effectuer la traduction de contenus (articles, menus, etc.) d'une langue à une autre lorsque vous appuyez sur le sélecteur de langue. Assurez-vous que l'option Associations est activée en naviguant vers Système > Gérer > Extensions , recherchez " Système – Filtre de langue » et vérifiez si l' option Associations d'éléments est activée ( Oui ).

Associations de menus

Lors de l'ajout d'un nouvel élément de menu et de l'attribution d'une langue, vous pouvez trouver les options pour "Associations" dans l'onglet "En tant qu'associations" qu'il affichera. Vous pouvez également sélectionner différents éléments de menu pour différentes langues. Il en va de même pour les modules, articles et autres éléments de contenu.

Cliquez sur Enregistrer et fermer lorsque vous avez terminé. Répétez l'opération pour les autres éléments du menu.

Faites de même pour les articles, les catégories et les autres contenus linguistiques.

Associations multilingues

Accédez à Composants > Associations multilingues :

Voici quelques options principales des composants :

• Articles — Vous pouvez sélectionner ce filtre pour fournir tous les articles/catégories d'une langue avec des associations.
• Contacts — répertorie les contacts des associations linguistiques.
• Menus — Avec cette option, vous pouvez associer des langues pour tous vos éléments de menu.
• Flux d'actualités - Aide à traduire les flux si vous utilisez le composant de flux d'actualités Joomla

Définition de la page par défaut pour chaque langue

Nous allons maintenant définir la page d'accueil pour chaque langue, c'est l'une des étapes les plus importantes à faire.

• Accédez à Menus > Menu principal (fr-FR)
• Cliquez sur l'icône en forme d'étoile (Définir comme domicile) pour la définir par défaut
• Il sera alors remplacé par le drapeau anglais (en-GB) pour indiquer qu'il s'agit de la page par défaut du menu du menu principal (en-GB)
• Répéter pour les autres langues

Quant au français, au chinois ou à n'importe quelle langue :

Modèle de duplication

Avec les différentes langues que vous avez installées sur votre site web, il doit exister un template spécifique pour chacune d'elles, dupliquez simplement votre template par défaut et nommez-les en conséquence pour chaque langue.

Créer un style de modèle pour chaque langue

• Accédez à Système > Styles de modèle de site (sous Modèles )
• Sélectionnez votre style de modèle par défaut actuel, puis cliquez sur le bouton Dupliquer en haut
• Renommez le modèle dupliqué pour la langue EN (pour les pages en anglais uniquement)

Faites de même pour les langues fr-FR et zh-CN :

Création du module de changement de langue

Vient maintenant la dernière étape !

Un sélecteur de langue est un mécanisme qui permet aux visiteurs du site de basculer entre les langues à tout moment. En créant un module de sélecteur de langue, vous allez offrir aux visiteurs un moyen utile de visualiser facilement le contenu dans la langue de leur choix.

• Accédez à Contenu > Modules de site .
• Cliquez sur le bouton Nouveau en haut à gauche.
• Sélectionnez Language Switcher comme type de module.
• Donnez un titre à votre nouveau module, par exemple Language Switcher
• Attribuez une position de module correspondant à votre modèle (choisissez dans le menu déroulant)
• Activez l' option Utiliser la liste déroulante si vous souhaitez que votre sélecteur de langue soit un menu déroulant.
• Assurez-vous de sélectionner Tout dans le champ Langue à droite.
• Enfin, cliquez sur Enregistrer et fermer pour enregistrer le mélangeur et le rendre prêt à l'emploi.

Bon, maintenant il est temps de vérifier les résultats sur le front-end.

Si vous souhaitez modifier l'ordre dans lequel les langues sont affichées dans le sélecteur de langue, vous pouvez le faire à l'aide du gestionnaire de langues de contenu.

• Accédez à Système > Langues du contenu (sous Gérer )
• Faites glisser et déposez chaque langue à la position souhaitée, une par une.
• Passez en revue les changements sur le front-end.

Ouf ! Vous avez réussi à créer un site Web multilingue entièrement fonctionnel dans Joomla 4. Félicitations !

Conclure

Donc, je viens de vous montrer une approche simple pour créer un site Web multilingue dans Joomla 4. J'espère que vous avez apprécié l'article. Nos commentaires si vous avez des questions. En outre, consultez nos superbes modèles Joomla 4 pour obtenir votre propre réactif, haute performance , et des sites Web optimisés pour le référencement. Merci d'avoir lu et restez à l'écoute pour de futurs tutoriels !