it-swarm-pt.tech

Como posso tornar um site visível em vários idiomas?

Estou ciente da questão Quais opções estão lá para implementar um site em vários idiomas , mas as respostas estão focadas no suporte multilíngüe no backend bem como o frontend.

Eu estou preocupado apenas em oferecer visualização em vários idiomas do conteúdo de um site, não na criação de conteúdo em vários idiomas.

Poderia ser tão simples quanto colocar o código do Google Translate Tools no meu site? Eu vejo que há pelo menos umcasal de plugins que oferecem este funcionalidade - alguém tem experiência com isso?

1
Travis Northcutt

Se você está apenas procurando uma forma de visualizar seu site em outros idiomas, recomendo que você use as Ferramentas do Google Tradutor. Acabei de adicioná-lo ao tema:

<div id="google_translate_element"><span id="trans">Translate: </span></div>

Você pode ocultar o logotipo do Google e cores vibrantes no seu CSS:

.goog-logo-link{display:none;} 

Em vez de chamar o Google Translate js, apenas copio o script de retorno e o adiciono ao meu arquivo js principal.

Editar

O Google fornece código de incorporação para usar em seu site:

 <div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

A primeira linha: <div id="google_translate_element"></div> pode ser colocada onde você deseja que a caixa suspensa de tradução seja mostrada:

alt text

A seção entre o primeiro conjunto de tags <script> são as opções de idioma e layout. O último conjunto de tags <script> chamam mais javascript que o Google insere inline em seu html enquanto o dom está sendo carregado. Para acelerar este processo e evitar o pedido http extra e o script in-line, removo a última chamada e adiciono o código retornado pelo Google em um arquivo js "mestre" que eu uso e que contém todo o meu JavaScript javascript combinado em um arquivo. O código que o Google retorna é:

(function(){var d=window,e=document;function f(b){var a=e.getElementsByTagName("head")[0];a||(a=e.body.parentNode.appendChild(e.createElement("head")));a.appendChild(b)}function _loadJs(b){var a=e.createElement("script");a.type="text/javascript";a.charset="UTF-8";a.src=b;f(a)}function _loadCss(b){var a=e.createElement("link");a.type="text/css";a.rel="stylesheet";a.charset="UTF-8";a.href=b;f(a)}function _isNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)if(!(a=a[b[c]]))return false;return true}
function _setupNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)a=a[b[c]]||(a[b[c]]={});return a}d.addEventListener&&typeof e.readyState=="undefined"&&d.addEventListener("DOMContentLoaded",function(){e.readyState="complete"},false);
if (_isNS('google.translate.Element')){return}var c=_setupNS('google.translate._const');c._cl='en';c._cuc='googleTranslateElementInit';c._cac='';c._cam='';var h='translate.googleapis.com';var b=(window.location.protocol=='https:'?'https://':'http://')+h;c._pah=h;c._pbi=b+'/translate_static/img/te_banner_bk.gif';c._pci=b+'/translate_static/img/te_ctrl.gif';c._phf=h+'/translate_static/js/element/hrs.swf';c._pli=b+'/translate_static/img/loading.gif';c._plla=h+'/translate_a/l';c._pmi=b+'/translate_static/img/mini_google.png';c._ps=b+'/translate_static/css/translateelement.css';c._puh='translate.google.com';_loadCss(c._ps);_loadJs(b+'/translate_static/js/element/main.js');})();

Isso ocorre principalmente por motivos de desempenho para evitar a solicitação extra e evita que o site tenha que se comunicar com o Google, a menos que um idioma seja escolhido na caixa suspensa.

A caixa suspensa pode ser personalizada usando css. Por exemplo, aqui é como eu exibo a caixa no site que eu usei.

alt text

4
Chris_O

por favor, veja esta pergunta Práticas recomendadas para localizar o conteúdo do WordPress talvez você encontre uma solução para essas idéias

2
bueltge

Estou usando o plugin qTranslate para um projeto que estou desenvolvendo e estou muito feliz com os resultados.

http://www.qianqin.de/qtranslate/ http://wordpress.org/extend/plugins/qtranslate/

Felicidades

0
Sergio Soares