Le contenu multilingue WordPress en 3 solutions

Edition de contenus
Photo by Kyle Glenn on Unsplash

Le fait de pouvoir afficher le contenu multilingue WordPress de votre site aux visiteurs de différents pays dans leur propre langue peut considérablement augmenter votre audience et augmenter les ventes de vos produits et services.

Vous pouvez configurer votre site pour afficher votre contenu multilingue WordPress. Et ce, dans presque toutes les langues disponibles, pour atteindre de nouveaux marchés internationaux.

Configurer WordPress dans d’autres langues

Tout d’abord, consultez la page suivante pour voir si WordPress est disponible dans la langue de votre choix : https://translate.wordpress.org/

Ensuite, pour configurer une autre langue comme version de langue par défaut de WordPress, procédez comme suit :

Allez dans le menu d’administration de WordPress et choisissez Réglages> Général.

Lien vers les paramètres Généraux dans le menu de navigation

Cela affichera l’écran Réglages généraux. Faites défiler jusqu’à la section inférieure et sélectionnez une langue dans le menu déroulant Langue du site.

Menu déroulant pour sélectionner le language d'un site wordpress

Cliquez sur Enregistrer les modifications pour mettre à jour vos paramètres.

Bouton pour sauver les modifications

Votre tableau de bord WordPress et tous les termes WordPress par défaut dans vos fichiers d’installation seront traduits dans la langue que vous avez choisie.

Exemple d'un tableau de bord configuré en portugais

Remarque :
La traduction de vos fichiers d’installation WordPress ne traduit pas automatiquement le contenu de votre site dans cette langue. Vous devrez créer du contenu dans la langue de votre choix ou utiliser un plugin de traduction WordPress.

Comment traduire les textes de vos thèmes et plugins

Les thèmes et plugins affichent du texte potentiellement pour les administrateurs (dans le tableau de bord) et pour les visiteurs de votre site (sur le front-end de votre site).

Chaque plugin est un cas différent, parfois la langue pourra être paramétrée avec une simple sélection dans un menu déroulant, parfois, il faudra installer manuellement un fichier de langue. Pour ce dernier cas, procédez comme suit :

Tout d’abord, procurez-vous le fichier de langue .mo (pour machine object) correspondant à votre langue. La plupart du temps, ces fichiers sont accessibles sur le site du développeur de votre plugin.

Ensuite, installez le plugin Loco Translate. Il vous permettra de sélectionner et éditer vos fichiers de traduction pour vos thèmes et plugins.

Remarque :
Pour créer votre propre fichier de traduction, vous pouvez aussi utiliser poeditor. Il vous permettra de créer une nouvelle traduction à partir d’un fichier .po. Il vous suffira ensuite de le téléverser sur votre serveur, dans votre répertoire /languages.

Comment traduire automatiquement les contenus de votre site

En combinant la puissance de WordPress avec des services comme Google Translate, les visiteurs du monde entier peuvent instantanément traduire dans la langue de leur choix. Et ça, d’un simple clic sur un bouton.

Attention :
Cette méthode n’est plus tellement actuelle, puisque la plupart des navigateurs web proposent un outil de traduction intégré.

Remarque :
L’utilisation de service de traduction automatique implique toujours des imprécisions, voire des erreurs, dans les traductions affichées. Si cette qualité de vous convient pas, nous traiterons plus bas le cas de l’édition manuelle des traductions, bien plus fiable !

Exemple de texte multilingue wordpress en français
Exemple de texte multilingue wordpress en néérlandais
Exemple de texte multilingue wordpress en anglais

Installation et configuration du plugin

Vous pouvez installer le plugin Google Language Translator à partir de votre tableau de bord WordPress. Allez dans Plugins> Ajouter nouveau et entrez Google Translator dans le champ de recherche.
Localisez le plugin Google Language Translator et cliquez sur le bouton Installer maintenant.

Installation du plugin multilingue wordpress Google Language Translator

Une fois le plugin installé, cliquez sur Activer.

Activation du plugin multilingue wordpress Google Language Translator

Une fois le plugin installé et activé, allez dans Paramètres> Google Language Translator pour configurer les paramètres du plugin.

Menu du plugin Google Language Translator dans le tableau de bord

Cela vous amène à l’écran des paramètres de Google Language Translator.

Page principale du plugin Google Language Translator

Dans la section Paramètres principaux, vous pouvez spécifier si vous souhaitez activer ou désactiver le plugin. Vous pouvez aussi choisir la langue d’origine de votre site web et sélectionner les langues dans lesquelles vous souhaitez que votre site soit traduit.

Selection du language dans le plugin Google Language Translator

La section Paramètres du sélecteur de langue vous permet de spécifier la largeur, couleur du texte, couleur d’arrière-plan, masquer / afficher et options de mise en page… Vous pouvez également choisir d’afficher ou de masquer les indicateurs, d’afficher ou de masquer la barre d’outils Google et la marque Google, ainsi que l’alignement du traducteur.

Paramètres du plugin Google Language Translator

Choisissez d’afficher les indicateurs si vous souhaitez attirer l’attention sur la fonction de traduction.

Affichage des drapeaux pour les menus multilingue wordpress

Vous pouvez réorganiser l’ordre des drapeaux en utilisant le glisser-déposer (n’oubliez pas de sauvegarder pour mettre à jour vos paramètres).

Réorganisation des drapeaux pour les menus multilingue wordpress

La section Paramètres avancés vous permet de changer le drapeau et sélectionnez le drapeau à afficher pour certaines langues (par exemple, sélectionnez le drapeau portugais ou brésilien pour la traduction en portugais).

Paramètres d'affichage des drapeaux pour les menus multilingues

Configurez les paramètres du widget de traduction flottant si vous souhaitez utiliser cette fonctionnalité.

Paramètres du widget flottant

L’écran des paramètres fournit également des options pour les paramètres de comportement et l’utilisation du plugin.
Configurez les autres options sur cet écran et cliquez sur le bouton Enregistrer les modifications pour mettre à jour vos paramètres.

Réglages et bouton pour sauvegarder les paramètres du plugin

Le plugin ajoute également un widget Google Language Translator que vous pouvez utiliser pour afficher le traducteur sur votre barre latérale aux visiteurs.

Glisser déposer le widget dans la barre latérale

Vous pouvez changer le titre du widget, ou le supprimer.

Titre du widget Google Language Translator

Utilisation du plugin

Après avoir configuré le plugin, visitez votre site et expérimentez avec le traducteur pour découvrir la fonctionnalité comme vos visiteurs le feront.
Vous pouvez changer de langue à l’aide du widget de la barre latérale

Exemple d'affichage en widget multilingue wordpress

Utilisez la barre d’outils de Google Translator pour rendre votre contenu multilingue WordPress.

Exemple de la barre d'outils multilingue wordpress de Google Translator

Affichez les options de la barre d’outils.

Affichage de la barre d'outils multilingue wordpress de Google Translator

Testez le widget de traduction flottant.

image3 3

Vous pouvez également afficher le traducteur Google en ajoutant le shortcode à vos pages, articles et widgets.

Shortcode de Google translator

Le shortcode est utile si vous ne voulez traduire que des articles ou des pages spécifiques et non votre site entier (c’est-à-dire ne pas activer la barre d’outils, le widget flottant ou le widget de la barre latérale).

Affichage du shortcode de Google translator

Ajustez les paramètres du plugin jusqu’à ce que vous soyez satisfait de la façon dont les fonctionnalités de traduction s’affichent sur votre site.

Editer du contenu multilingue wordpress

[membership show_noaccess= »true »]

Le plugin Polylang

Polylang est un plugin qui permet d’ajouter un nombre illimité de langues et de traduire les contenus de votre site (articles, pages, catégories, étiquettes, widgets, menus, CPT, taxonomies, URLs…)

L’installation de Polylang

La version gratuite de Polylang est disponible depuis le menu Extensions > Ajouter. Si vous avez la version Pro, alors vous devrez l’ajouter en la téléversant.

Une fois le plugin activé, un message vous invitera à lancer l’Assistant de configuration.

wizard notice

Commençons par l’étape la plus importante, l’ajout des différentes langues !

La première langue que vous ajoutez devient la langue par défaut de votre site Web multilingue. Vous pouvez bien sûr ajouter plusieurs langues dans la liste en utilisant le bouton Ajouter une nouvelle langue.

wizard predefined languages

NB: Les langues sont réellement créées lorsque vous cliquez sur le bouton Continuer.

wizard several languages

La seconde étape concerne les Médias. Si vous souhaitez traduire les champs multimédias (titre, texte alternatif, description…) vous devez laisser cette option cochée.

wizard media step

La troisième étape concerne les contenus existants de votre site. Pour le moment, aucune langue n’a encore été attribuée à tous les contenus existants. Il est important que chaque contenu ait une langue sinon votre contenu n’est pas affiché sur le front-end.

wizard content step

La quatrième étape concerne la page d’accueil et sa langue. Si vous utilisez Polylang , ces pages nouvellement créées seront vides. Avec Polylang Pro, votre page d’accueil existante sera dupliquée dans vos autres langues (avec exactement le même contenu, titre et extrait, non traduit).

wizard homepage step

Et voilà la dernière étape de la configuration du plugin Polylang ! Vous êtes maintenant prêt à gérer et traduire vos contenus dans chaque langue que vous avez définie.

wizard ready step

NB : Cependant, pour préparer votre site Web, vous devez encore effectuer deux étapes manuellement : ajouter des menus dans chaque langue et ajouter un sélecteur de langue pour permettre à vos visiteurs de sélectionner leur langue préférée.

Créer des menus

creating menus

❶ Vous devez créer un seul menu par langue et les sauver.
❷ Sous Paramètres du menu, attribuez vos menus à l’emplacement du thème approprié, par exemple « Mon menu anglais » à « Menu principal anglais » et « Mon menu français » à « Menu principal français ».

❸ ❹❺ Vous avez la possibilité d’ajouter un sélecteur de langue partout dans un menu. 
Si vous ne voyez pas la métabox du sélecteur de langue, vérifiez qu’elle n’est pas désactivée dans les options de l’écran.
Notez que le sélecteur de langue n’affichera une langue que si au moins un article ou une page a été publié dans cette langue.
❻ ❼  Avant d’ajouter vos éléments de menu (pages, catégories…) à votre menu, nous vous recommandons d’activer le filtre de langue d’administration, disponible dans la barre d’administration en haut de l’écran, avec la même langue que votre menu. 
De cette façon, vous serez sûr d’ajouter votre contenu dans la bonne langue. 
Notez que vous devez sélectionner le bon élément dans la bonne langue pour obtenir le bon lien.

Traduire les pages, les articles, les catégories…

Il est très important de définir la langue de tous les articles, pages, catégories et balises existants, sinon ils ne seront pas affichés sur le frontend.

Généralement, vous définirez la langue lors de l’édition de votre page. Cela se fait en accédant à un plugin dans l’éditeur de blocs. Voir la première capture d’écran montrant le bouton pour y accéder. Dans l’éditeur classique, la métabox des langues est directement accessible sur le côté de l’écran. Voir la deuxième capture d’écran.

polylang pro sidebar
translating pages 1 2

Créons une page en 4 langues :

Allez dans Pages > Ajouter un nouveau

❶ Choisissez la langue dans la liste déroulante.
❷ Vous pouvez choisir, grâce au champ de saisie de saisie semi-automatique, une page déjà existante comme traduction. Le + se transformera alors en crayon .
❸ Vous pouvez créer une nouvelle traduction en cliquant sur l’ icône + .
❹ Cliquer sur l’ icône crayon vous permet d’éditer la traduction.

L’opération pour les publications, les types de publication personnalisés, les catégories et les balises est exactement la même.
Voici comment vos pages sont affichées dans le tableau de la liste des pages :

pages list table and filter language

❺ Le moyen icône de drapeau que cette page est dans cette langue. En cliquant dessus, la page sera modifiée.

❻ Cliquer sur une icône + vous permet d’ajouter une nouvelle traduction.

❼ L’icône du crayon signifie qu’une traduction existe. Cliquer dessus vous permet de modifier la traduction.

Il n’est pas obligatoire de traduire tout le contenu.

❽ Vous pouvez filtrer le contenu par langue (articles, pages, médias, catégories, balises, commentaires, traductions de chaînes). Ce choix est persistant (conservé même lorsque vous vous déconnectez) et impacte également la langue par défaut lors de la création d’un nouveau contenu.

Traduire les textes des thèmes et des extensions

Un autre plugin est nécessaire ici : Loco Translate, qui permet de traduire des chaînes de caractères (= strings).

Une fois ce plugin installé et activé, allez sur le menu Loco Translate > Home.

loco translate theme

Vous y verrez les thèmes et extensions actifs.

home loco translate plugin

Après avoir cliqué sur un des liens, vous verrez la liste des langues existantes et son pourcentage de traduction.

Si votre langue n’existe pas encore, vous pouvez créer un fichier de traduction en cliquant sur New language.

overview new languages

Une fois que vous avez cliqué sur une des langues à configurer, vous verrez 3 parties distinctes :

1) La zone de sélection de la chaîne de caractères à traduire
2) La visualisation de la chaîne de caractères
3) La zone de traduction de cette dernière dans votre langue

zone de traduction

Lorsque vous recherchez des expressions particulières à traduire, vous pouvez utiliser le filtre de traduction ! Après avoir tapé le ou les mots, les textes à traduire sont automatiquement affichés. Il ne reste plus qu’à ajouter votre traduction dans le champs tout en bas.

traduction anglais francais 1

Et n’oubliez pas d’enregistrer 😉

sauvegarder la traduction
[/membership]
Chargement