traduire son site

Tutoriel : traduire son site WordPress avec le plugin Loco Translate de Tim Whitlock (partie 1)

Enfin une série d’article qui compile les solutions les plus fonctionnelles et les plus abordables (entends gratuites) pour traduire et proposer une option multilingue sur son site WordPress. Des plugins performants existent : tu vas découvrir comment les installer facilement à ton tour sur ton site.

 
Dans cette série de Tutoriels, tu vas découvrir 2 extensions WordPress Loco Translate de Tim Whitlock et Polylang de Frédéric Demarle qui permettent de traduire son site facilement et de proposer un site multilingue sans passer par le fichier “languages” dans son FTP et/ou de changer tes fichiers .po. On oublie ça car on a décidé de faire que du facile et fonctionnel.

En 2 deux mots qu’est-ce qu’un site Multilingue ? C’est un site qui propose plusieurs langues sur son site. Si ton site capte des visiteurs français, anglais et japonais par exemple, tu peux proposer les mêmes contenus de ton site dans une version traduite de la langue originale. Les visiteurs pourront passer d’une langue à l’autre soit en cliquant sur un lien, soit ils seront automatiquement redirigé en fonction de la région du monde ou ils se trouvent. Si ils sont à Tokyo et qu’ils tapent ton URL dans un moteur de recherche, ils tombent sur la page d’accueil de ton site web traduite en japonais.

Commençons tout de suite par le premier plugin et fera office de Partie 1.

1) Loco Translate de Tim Whitlock

loco translate plugin wordpress

Cette extension te permet de traduire des chaînes de caractères (= strings) très facilement au lieu de les traduire directement dans l’éditeur du thème lui-même. Il est en téléchargement libre dans la librairie d’extensions WordPress et est gratuit.

Prix : 0 €

Quand tu conçois et développe un site, le langage universel est l’anglais. De ce fait, la majorité des templates et plugins gratuits ou payants sont dans la langue de Shakespeare.

Donc, quand tu télécharges un nouveau template WordPress pour ton site et que tu l’installes, la situation suivante est récurrente (regarde ces screenshots) :

search here wordpress blog

wordpress blog info date

submit comments blog wordpress

Tu peux constater que sur les 3 captures d’écrans ci-dessus, les chaînes de caractères “Search here”, “Posted at”, “Write your comment here…” et “Submit” sont en anglais.
Alors que tu souhaiterais que tout ton site soit traduit dans ta langue d’origine (en français) dans les moindres détails. Mais ce n’est pas le cas.

C’est à ce moment précis que Loco Translate intervient pour te simplifier la vie.

Attention : si tu traduis les chaînes de caractères directement dans ton éditeur, je te garantis que tu devras répéter cette tâche indéfiniment ou du moins à chaque fois qu’une nouvelle mise à jour WordPress est à faire.

Télécharge le plugin Loco Translate de Tim Whitlock et installe-le.

Une fois l’extension installée, recherche le lien dans la barre latérale de gauche de ton tableau de bord (regarde tout en bas). Et clique sur Home.

loco translate



Une fois sur la Home de ton plugin qui est la page index. Nous voyons :

  • 1) Le thème-enfant “Bridge Child” qui est activé actuellement pour le site Bosser en pyjama
  • 2) Les plugins installés et activés.

wrdpress plugin translation

Pour l’exemple on va traduire les chaîne de caractères du Bridge Child, le thème enfant de Bridge

Clique donc sur le lien bleu du child-theme pour configurer la langue que tu souhaites administrer.

active theme loco translate

Tu arrives sur l’onglet “Overview” des languages (par défaut 2 langues sont déjà installées), sélectionne “New language”

Commences par créer un template en cliquant sur le lien de droite “Create template”.

create template loco translate

Pas de soucis si tu as cliqué spontanément sur le premier lien “New langage”.

overview loco translate plugin



Un message t’annoncera que le template est manquant pour accueillir ton nouveau langage. Clique sur le lien Create template puis Active-le.

loco translate plugin template

Une fois que tu as reçu la notification “Ok: template file create”, tu peux sélectionner New language pour choisir ta langue et commencer à traduire les chaînes de caractères.

template file create loco

  • 1) Sélectionne à présent : la langue que tu souhaites
  • 2) Valide ton choix en pressant le bouton bleu “Start translating”.

start translating plugin wordpress

Tu es maintenant prêt à traduire tes chaînes de caractères. Automatiquement tu es redirigé dans la zone de traduction de ton thème avec la langue choisie. Tu peux distinguer 3 parties.

  • 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 en français

zone de traduction

On va partir sur l’exemple de la barre de recherche plus haut, nous allons traduire “Search Here”.

Pour ne pas perdre de temps utilise le Filtre de traduction mis à notre disposition.

filtrer les traductions



Tape le(s) les mot(s) ou la chaîne de caractères exacte. Tu atterris directement sur les propositions de chaînes ou sur la phrase à traduire. Traduis-la dans la langue choisie dans la zone 3.

traduction string loco translate

Ensuite pense à sauvegarder en cliquant sur le bouton bleu “Save”.

translation saved loco translate

Y a plus qu’à vérifier.

searchbar traduite

Et voici les autres exemples traduis avec Loco Translate.

article blog wordpress

commentaire blog wordpress

Your turn (= À ton tour)

Accède directement à la partie 2 pour voir le tutoriel comment traduire son site WordPress avec le plugin Polylandg de Frederic Demarle.



D'autres tutos & posts sont à ta dispo :

J'aime partager les apps et les tools que j'utilise au quotidien. J'écris des tutos & des posts qui t'aideront, je l'espère, à faire des trucs tranquillement que tu sois en pyjama dans un Starbucks ou en costume dans ta chambre.

Aucun Commentaire

Poster un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.