blog alpha design joomla

Le blog d' Alpha Design Joomla et autres ...

Comment créer un site multilingue avec Joomla 4 ?

Ce tutoriel vous permettra de créer un site multilingue avec Joomla 4 en utilisant le framework T4 ou le template par défaut de Joomla.

Joomla vous permet de créer très facilement un site multilingue nativement c'est à dire sans avoir à installer d'extensions tierces.

La construction d'un site multilingue commence par l'installation des langues, la création des différents contenus, et se termine par leurs publications. Voici les étapes pour créer un site multilingue : 

1. Installation des langues : Installer les langues que vous souhaitez utiliser pour votre site multilingue.

2. Activer les plugins de langue : Activer les plugins de langue pour permettre l ' association de langue.

3. Ajouter du contenu multilingue : Ajouter des catégories, articles, modules pour chaque langue.

4. Mettre en place des menus multilingues :  Créer des menus pour chaque langue.

5. Définir la page d'accueil pour chaque langue

6. Définir  et gérer les associations multilingues

7. Créer le module de changement de langue pour montrer le nom des langues / drapeaux de changement de langue

1. Installation des langues

Il y a deux possibilités pour installer des langues dans votre site Joomla. 

Installation via le live serveur de Joomla

Connectez vous à l'administration de Joomla > Système > Installation > langues. Installez la langue que vous souhaitez en cliquant sur le bouton Installer. Vous pouvez installer autant de langues que vous souhaitez pour construire votre site multilingue.

installer pack de langue

Installation manuelle

Vous pouvez aussi installer un pack de langue manuellement. rendez-vous sur la page  Joomla community translation packages pour le télécharger

Une fois votre  pack téléchargé au format zip, vous pouvez l'installer via Système > Extensions > Archives à envoyer puis sélectionner le pack à installer.

Activer le langage de contenu

Dans notre tutoriel, à titre d'exemple nous avons ajouté  l'italien. 

Rendez-vous dans Système > Gestion > Langues de contenu > sélectionnez la langue que vous venez d'installer et activez la. Vérifiez que la langue française est bien publiée.

activer le langage de contenu

2. Activer les plugins de langue

Le plugin de Système Filtre de Langue, filtre le contenu affiché en fonction de la langue . Ce plugin doit être activé.

Le plugin Système Code de Langue permet de changer le code de langue dans le document HTML généré pour cibler son référencement. Voici comment activer ces deux plugins :

  • Rendez-vous dans Système > Gestion > Plugins
  • Faites une recherche Langue dans la barre de recherche pour trouver les plugins
  • Activez les deux plugins Système - Code langue et Système - Filtre de langue

plugin filtre de langue 

3. Contenu multilingue

Une fois que les plugins de langues sont activés, vous pouvez créer du  contenu pour chaque langue.  Dans notre tutoriel, à titre d'exemple nous avons ajouté  l'italien.

Les contenus les plus populaire dans un site sont : 

1. Les catégories Joomla : Pour structurer le contenu de votre site
2. Les articles Joomla: Le contenu principal de votre site
3. Les modules Joomla

Ajouter de nouvelles catégories

Pour créer du contenu de différentes langues, il faut ajouter une catégorie pour chaque langue.

1. Rendez-vous dans Contenus > Catégories puis Nouveau
2. Sélectionner la langue de la catégorie depuis le menu déroulant Langue
3. Sauvegardez la catégorie
4. Répétez le processus pour les deux autres langues (Anglais / Italien)

Créer une catégorie d'articles multilingues


Ajouter de nouveau articles

Pour créer du contenu dans chaque langue vous devez ajouter de nouveaux articles à chacune des langues.

1. Rendez-vous dans Contenus > Articles puis Nouveau
2. Sélectionner la langue de l'article depuis le menu déroulant langue
3. Saisissez le contenu de l' article puis sauvegarder votre article
4. Répétez le processus pour les deux autres langues (Anglais / Italien)

article multilingue

Ajouter de nouveau modules

Sur un site multilingue vous pouvez montrer des modules différents selon la langue auquel le module est assigné. Cette étape peut être faites plus tard lorsque le menu/navigation sera paramétré.

ajouter des modules a un site multilingue

4. Mettre en place le système de menu pour un site multilingue

Pour un site multilingue vous devez créer différents menus pour chacune des langues afin de mieux contrôler et faciliter le paramétrage de la navigation de votre site internet.

Pour ce faire rendez-vous dans Menus > Gestion des menus cliquez sur Nouveau, nommez le Main Menu FR , complétez aussi le champ Nom Système du menu puis enregistrez.
Répétez ces étapes pour les deux autres langues.  

Ajouter des éléments de menu pour chaque langage

Une fois le menu créé pour chaque langue, ajoutez des éléments de menu dans chaque Main Menu.

  • Ouvrez le Main Menu FR cliquez sur Nouveau
  • Sélectionnez la langue à partir de la liste déroulante Langue & sauvegardez
  • Faîtes de même pour les deux autres langues

ajouter lien de menu pour un site multilingue joomla

Pour chaque Main Menu définissez une page d'accueil par défaut par exemple pour le Main Menu FR depuis la colonne Accueil sélectionner l'élément de menu  qui sera la page d'accueil par défaut pour la langue française.

definir la page d accueil dun site joomla multilingue

5. Associations Multilingues

Les associations multilingues sont utilisées pour rediriger un article ou un élément de menu vers  sa version dans une autre langue en cliquant sur le drapeau de changement de langue. 

1. Association via les éléments de menu

Quand vous créez une élément de menu,  assignez lui une langue, la sélection de cette option vous permet depuis l'onglet Association d'associer votre élément de menu vers celui d'une autre langue. La même option est disponible pour d'autres contenus Joomla tels que les articles et les modules.

joomla site multilingue association via les éléments de menu

2. Composant d' Associations Multilingues

Le composant d'Associations Multilingues permet d'éditer les éléments associés côte à côte sans avoir besoin d'aller et venir entre les éléments de Joomla, par exemple vous pouvez créer un élément dans différentes langues puis ensuite les associer. La vue côte à côte est accessible lorsque que vous cliquez sur le titre de l'un des éléments, cet élément devient alors la Référence, il vous reste alors a sélectionner la langue de la cible.

Pour accéder au composant multilingue rendez-vous dans Composants > Associations Multilingues

article association site Joomla multilingue

Les options de sont :

  • Articles : vous pouvez sélectionner ce filtre pour obtenir une liste des articles ou catégories d'une langue pour faire les associations
  • Contacts : Cette option liste les éléments de contact pour faire l'association de langue
  • Eléments de menu :  En utilisant cette option vous pouvez faire l'association de langue pour tous les éléments de menu de votre site
  • Fils d'actualités : vous permet de faire la traduction des fils d'actualités si vous utilisez  le composant Fils d'actualités de Joomla

6. Définir la page par défaut de chaque langue

La page par défaut est la page d'accueil pour chaque langue. Ouvrez le Main Menu EN, dans la colonne Accueil sélectionnez "Définir comme page d'accueil" pour assigner cet élément de menu comme page d'accueil de la langue anglaise.

page par defaut langue lien de menu accueil Joomla 4 

Répétez ces étapes pour les autres langues.

Page par défaut lien de menu accueil langue Joomla 4

7. Module changement de langue

Le module changement de langue montre une liste des langues de contenu disponibles pour passer d'une langue à une autre quand vous utilisez un site multilingue.

Rendez-vous dans Contenu > Modules site (frontal),  cliquez sur nouveau et sélectionnez  le module Changement de langue.

module changement de langue

Si vous utilisez le template Cassiopiea vous pouvez assigner le module à la position menu.

Publiez le module pour le voir en front-end.

module changement de langue visualisation

Cet article est une traduction libre du tutoriel How To Create A Multilingual Website In Joomla 4 - Step By Step Tutorial de Joomlart.

Ils nous ont fait confiance

Universités & organismes de recherche

L' INSERM - unité U999, Université Paris Sud - Centre Chirurgical Marie Lannelongue

The Center for Groundwater Studies - Australie

L 'ENSAE : École Nationale de la statistique et de l'administration

La Maison des Sciences de l'Homme Paris Nord , UMS de l'université Paris 8, de l'université Paris 13 et du CNRS

L' Institut Supérieur de Développement - ISD Flaubert

Monpellier RIO imaging (MRI), plate - Forme Technologique (PFT), labellisée IBiSA.

CNRS - INEE  Le Laboratoire d'Excellence Dispositif de Recherche Interdisciplinaire sur les Interactions Hommes-Milieux (LabEx DRIIHM)

Organismes publics

Ministère de la défense : État Major de la 3ème Brigade Mécanisée

La mairie de la ville de Marly le Roi

La mairie de la ville de Breuillet

La mairie de la ville de Thuir

L' Agence Locale de l'Energie de la métropole marseillaise

L' Institut de Formation en Masso-kinésithérapie de Montpellier - Centre Hospitalier Universitaire de Bellevue

Le Centre de Gestion de la fonction Publique Territoriale des Alpes de Haute Provence

La Capitelle - couveuse d'entreprises du Gard

Le Centre Social Intercommunal de Saint Quentin de la Poterie

Le collège & lycée Saint Charles

Le lycée Philippe Lamour

Le centre François Baclesse: Centre de Lutte Contre le Cancer (CLCC)

L' Etablissement Régional de Formations des Professions Paramédicale du Groupement d'Intérêt Public des Etablissement de Santé d'Avignon et du pays de Vaucluse

Entreprises

Astrium une filiale EADS No 1 européen et No 3 mondial de l'industrie spatiale

Messer France

Photonlines

Shânti Gestion

App-Line

Vincent et Mireille

Axiom Information

Galerie Art City

Le Château de Boisson

LM Control

Vagabonde International

Photonlines Energy

la Pisciculture la Croisière

FHSolution

NaturEditions

Etudions à l'étranger

E.P.A.

Microeconomix

Alatak

Jade Black Design

Une bague une destinée

Schmulb

Espace revêtements

Partenaire de réussite

Stylitek

Fun-Kart

The Crew Coach

Sanitval

Ateliers d'écriture de Virginie Lou

cam4you

SDB+

Armelle Bongrain - architecte d'intérieur

ECIM

Riveria Expat Consultants

Florence Thorez - Diététicienne Nutritionniste

Le Séchoir

Le Moulin de Bouydou

L' Espace de Formation Clinique et Psychanalytique

Cours de musique à Montpellier

Leads Planet

Agerix

Etudions à l'étranger

Biopreserv

Aloes RED

InfoTour

EverNew

Synalabs

Bureau d'Etudes Arlaud

Stage de musique été

Fermetures Neuvillaises

Linguapolis

Weblligence

ASD Protect

Véronique Crépaux

Françoise Léon

Inovtolerie

BlueSafe

Viasocial

Repco Marine

King Jouet

Dr Abbas

ER3M

Cryo'net

Vectoring Talents

Desir d'écrire

Dr Girardin

Installation yperreault

Viaortho

Viadentiste

Alice Sweet Home

Cannes property services

La méthode Silva

Les outils du mieux être

Pinceaux et Camaïeux

Viacoach

ASH Conciergerie

MC Coaching Pro

Argos communication 

Cpsforma

Hervé Graille - Architecte 

Adrien Baguet - Architecte

Ingelic

ONG / Associations

UNESCO: International Music Council

L' Association de Recherche en Soins Infirmiers

L' Union Internationale Contre la Tuberculose et les maladies respiratoires

Le Centre National des Risques Industriels

L' Institut International des Hautes Études en Psychanalyse

SurdiFrance : Association nationale de malentendants

La fondation Internationale de l'Hôpital Albert ScMhweitzer à Lambaréné

La Maison des Professions Libérales Ile de France

Le Conseil National de l' Enseignement Agricole Privé

La ligue Dauphiné Savoie de tennis

Le Conseil Permanent Régional des Associations d’Environnement

Le Syndicat des Podologues d'Île de France

La compagnie aux grands pieds

L'Espace de l'Ouest Lyonnais

Les Courants d'Airs

Nîmes Volley Ball

Le Club photo de Saint-Laurent-du-Var 

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour notamment réaliser des statistiques de visites