Aujourd'hui, nous voyons de plus près l'un des plus automatismes que j'ai rendu ma vie plus facile sur le web. Beaucoup d'entre nous connaissent l' “Outils linguistiques” offert par Google, mais tout le monde sait qu'il est possible intégrer les boutons “drapeau” son propre site effectuer une traduction automatique, instantané de tout le contenu sans changer l'adresse dans la barre d'URL. Je parle GTranslate, un livre qui traite de la traduction instantanée de tout le contenu qui se trouve sur une page; et un exemple que vous pouvez voir en cliquant sur les drapeaux dans la colonne de droite, au sommet de ce site. Dans ce cas, la bibliothèque est intégré dans un un plugin WordPress (le moteur qui “tourner” ce blog), mais vous pouvez l'utiliser avec n'importe quel site Web, même avec des pages HTML statiques.

Tout d'abord, nous allons prendre un peu’ auteur du crédit: Edvard Ananyan. Pour permettre une traduction automatique existe un assistant confortable qui va nous guider dans choix de la langue, à langues à inclure et en diverses options supplémentaire. Voici une capture d'écran des options que je recommande.

Tout dépend du travail que nous faisons. La capture d'écran ci-dessus n'a pas besoin de beaucoup d'explication. Peut-être le seul point sur lequel vous concentrer besoin est chargement de la bibliothèque jQuery. Si vous utilisez déjà jQuery pour notre site (par exemple un galerie, ou pour quelque autre effet) il n'est pas nécessaire de mettre le drapeau et recharger, si vous ne savez même pas ce que c'est, c'est mieux laisser le drapeau. Par défaut, vous verrez le menu déroulant avec la choix de la langue; n'est pas toujours visuellement attrayant (Bien que très utile du point de vue pratique). Comme toujours, tout dépend de nos besoins, En effet, le besoins de ceux qui se penchera sur le site.

Pas vous suffit de cliquer sur le drapeau, le changement est reflété automatiquement dans votre HTML vous voyez en bas de page (dans la capture d'écran), sans la nécessité de confirmer, charge ou autre. Et’ assez coller le code dans la page HTML sur laquelle nous voulons intégrer la traduction (au point où nous voulons intégrer) et “comme par magie” apparaître drapeaux.

Il est évident que ce poste ne serait pas logique d'exister sans adéquat personnalisation pour le résultat final. Le code généré dans ce cas est la suivante:

<!-- GTranslate: http://edo.webmaster.am / gTranslate ->
<a href ="javascript:doGTranslate('Into|dans ')" title ="Anglais" class ="gflag" style ="background-position:-0px -0px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Anglais" /></une><a href ="javascript:doGTranslate('Into|fr ')" title ="Français" class ="gflag" style ="background-position:-200px-100px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Français" /></une><a href ="javascript:doGTranslate('Into|de ')" title ="Allemand" class ="gflag" style ="background-position:-300px-100px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Allemand" /></une><a href ="javascript:doGTranslate('Into|il ')" title ="Italien" class ="gflag" style ="background-position:-600px-100px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Italien" /></une><a href ="javascript:doGTranslate('Into|pt ')" title ="Portugais" class ="gflag" style ="background-position:-300px-200px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Portugais" /></une><a href ="javascript:doGTranslate('Into|est ')" title ="Espagnol" class ="gflag" style ="background-position:-600px-200px;"><img src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/blank.png" height ="24" width ="24" alt ="Espagnol" /></une>

<Type de style ="text / css">
<!--
a.gflag {font-size:24px;rembourrage:1px 0;background-repeat:no-repeat;background-image:url(« https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/24.png ');}
img a.gflag {frontière:0;}
a.gflag:planer {background-image:url(« https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/24a.png ');}
-->
</Style>

<Type de script ="text / javascript" src ="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></Script>
<Type de script ="text / javascript" src ="https://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/jquery-translate.js"></Script>
<Type de script ="text / javascript">
//<![CDATA[
si(jQuery.cookie(«Glang ') && jQuery.cookie(«Glang ') != 'En') jQuery(fonction($){$(«Corps»).traduire('In', $.biscuit(«Glang '), {basculer:vrai, pas:». Notranslate '});});
fonction doGTranslate(lang_pair) {si(lang_pair.value)lang_pair = lang_pair.value;var lang = lang_pair.split(»|»)[1];_gaq.push([«_trackEvent ', 'doGTranslate', longtemps, location.pathname   location.search]);jQuery.cookie(«Glang ', longtemps);jQuery(fonction($){$(«Corps»).traduire('In', longtemps, {basculer:vrai, pas:». Notranslate '});});}
//]]>
</Script>

Personne ne nous interdit apporter des modifications code généré. Dans l'un des sites sur lesquels j'ai travaillé, Je déplacé le CSS dans une feuille séparée, ajoutant le code à l'existant, Je définir les indicateurs de la taille requise, récupérer les images déjà présentes dans mon serveur, Je chargé javascript sur mon serveur et je les ai appelés par leur. D'après les essais que j'ai fait avant et après les changements vous économiserez près d'une seconde le chargement de la page, une belle prestation calculée qu'il n'y a pas besoin de traduire quoi que ce soit “a mano”.

Pas assez?

8 WordPress plugin qui vous laissera plus’ se passer de Certaines extensions pour Firefox qui ne tiennent pas à en vouloir plus Ajouter une légende à la photo pop-up avec CSS3 Télécharger PSD délivré gratuitement TCPDF: une bibliothèque PHP pour convertir des pages web en PDF