Comment traduire les dates en Français sur Tumblr

Comment traduire les dates en Français sur Tumblr

Traduire les dates en Français sur Tumblr

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 !

6 Comments

  1. dadavidov · 4 juin 2010 Reply

    C’est bien de mettre la date en français mais il faudrait peut-être aussi à penser à poster sur Tumblr 😉

  2. Foo · 4 juin 2010 Reply

    Sortir un Google Translate pour ça, c’est un peu comme sortir un canon pour tuer des mouches, non ?

  3. Tweets that mention Comment traduire les dates en Français sur Tumblr | Freetux -- Topsy.com · 4 juin 2010 Reply

    […] This post was mentioned on Twitter by Vincent Chaigneau, BlogDuGeek. BlogDuGeek said: Comment traduire les dates en Français sur Tumblr http://ow.ly/1U1eG […]

  4. Courtier Immobilier · 10 février 2013 Reply

    Super tuto, merci c’est top!

  5. lebian · 23 mai 2013 Reply

    Bonjour, j’essaie de traduire les dates de mes posts en français. j’ai appliqué ta méthode mais cela ne fonctionne pas 🙁

    ce qui est bizarre c’est qu’en préview (et avant d’effectuer la modification recommandée) la date est bien en francais! :'(

    Pourrais tu m’aider?

Laisser un commentaire