le MEMO du WEB développeur
••• Wordpress •••  Liste des Mémos, astuces et bonnes pratiques

Traduction Wordpress de texte affiché par un fichier javascript

Traduire un thème ou un plugin Wordpress, est laborieux mais somme toute assez facile.

En utilisant le logiciel poedit, et en remplacant tous vos textes sous la forme :

 <?php  __( 'texte', 'domain-theme' ); ?> 

vous afficherez votre texte traduit selon la langue choisie dans votre installation Wordpress.

Vous trouverez plus d'information sur le site de Wordpress

Traduire un fichier javascript Wordpress

Par contre cette fonction de traduction __() n'est utilisable que sous PHP or il est parfois nécessaire d'avoir accès aux traduction de texte depuis un fichier javascript.

Dans ce cas, la solution est d'ajouter le code suivant dans le fichier functions.php de votre thème au moment de la déclaration de votre fichier javascript fichier.js que vous souhaitez traduire :

wp_enqueue_script( 'mon-javascript', 'fichier.js );
wp_localize_script( 'mon-javascript', 'objectL10n', array(
  'texte1'  =>  __( 'Submit', 'domain-theme' ),
  'texte2'  => __( 'Hello', 'domain-theme' ),
) ); 

Votre fichier.js pourra alors récupérer ces variables traduites de la façon suivant :

texte1 contiendra la valeur traduite (doit être traduit préalablement dans votre fichier .pot comme n'importe quel autre texte) de la chaine 'Submit'

<script>
  $('#submit').html(objectL10n.texte1);
  $('#titre').html (objectL10n.texte2);
</script>

Plus de détails sur le site de Wordpress

publié le 06/01/2014 par Memo Web
Commenter le Mémo :

Récupérer l'URL de l'image à la une (featured image) d'un article ou d'une page WordPress
Appeler un shortCode Wordpress depuis un fichier PHP
Migration d'un site Wordpress : Perte des menus et des widgets
Récupére l'ID d'un post/page en dehors de la boucle WordPress
Retrouver la valeur des variables d'URL après un rewriteRule sous Wordpress
Parcourir les catégories des articles de WordPress
Installer Bedrock avec Wamp Serveur
Wordpress Warning: Cannot modify header information - headers already sent by ...
Une liste d'articles au hasard dans Wordpress
Bug Barre d'administration Wordpress et position absolue d'un élement
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos