Comment traduire les dates en Français sur Tumblr

Pour réussir cette manipulation il va falloir mettre un peu les mains dans le camboui (rien de bien salissant je vous rassure tout de suite).

Editez votre thème

Tout d’abord dirigez vous vers la partie « Customize » de Tumblr. Cliquez sur « Theme » puis « custom HTML editor ». Vous devriez avoir devant un langage incompréhensible pour certain mais c’est exactement ce que vous vouliez (si si on dirait pas comme ça mais je vous assure).

Recherchez le marqueur de date

Quelque part dans cet imbroglio de caractère vous devriez pouvoir retrouver la suite de lettre suivante {block:NewDayDate} qui est en fait le marqueur qui débute l’affichage de la date dans votre thème. Pour moi cela se présente de la forme suivante:

{block:NewDayDate}
<p class= »entry-date »>
<span class= »day »>{DayOfMonth}</span><span class= »month »>{Month}</span><span class= »year »>{Year}</span>
</p>
{/block:NewDayDate}

Dans mon cas je n’ai besoin de traduire que le mois car je n’affiche pas le jour de la semaine en toute lettre. Je vais donc avoir faire traduire la partie qui a pour class .month (mais je pourrais très bien décidé de traduire l’ensemble du champ date qui à pour class .entry-date).

Initialisez Google Translate

Pour réaliser cette traduction automatiquement nous alons faire appel à jQuery et Google Translate ilf aut donc que vous colliez le texte ci-dessous avant la balise </head>

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>
google.load(“language”, “1”);
google.load(“jquery”, “1.3”);
</script>

Utilisez le script jQuery adéquat

Maintenant pour que la traduction se fasse au bon endroit je vous invite à coller le texte ci dessous avant la balise </body>

<script type=”text/javascript”>
var myClass=”.month”; // entrez ici le nom de la class repérez plus haut
var myLanguage=”fr”; // “de” pour l’allemand, “es” pour l’espagnol etc…
$(document).ready(function(){
$(myClass).each(function(){
var m=$(this);google.language.translate(m.text(), “en”, myLanguage, function(result) {if (!result.error) {m.html(result.translation);}});});});
</script>

Vous l’aurez remarqué il est possible d’utiliser cette astuce pour traduire la date en d’autres langues que le Français et il faut faire attention à bien repérer la class qui est attribuée à votre champ date (si vous avez plus champs à traduire il suffit de séparer les class par une virgule ce qui donnerait var myClass=”.month, .day, .blabla”;)

Voilà les dates de votre Tumblr sont maintenant en Français 😉 N’hésitez pas, si vous avez des questions, à utiliser les commentaires !