Cómo instalar el Google traductor en tu WordPress gratuito

Hoy toca otro post de los prácticos. Ya sabéis que tengo el WordPress gratuito y que éste no permite instalar pluggins. Si éste es también tu caso, no desesperes. Cierto es que la versión WordPress.org con hosting propio es mucho mejor (estoy meditando el cambio para celebrar el cumple blog en enero), pero con la versión gratuita he aprendido que puedo hacer muchas cosas gracias al widget de texto y los códigos que puedo encontrar buscando por la web.

Hoy traigo uno de los primeros que utilicé. El Google Traductor. La verdad es que es muy fácil de instalar gracias al código que te paso y hace unas traducciones bastante aceptables. Aunque no es la opción más perfecta (la mejor sería tener el blog completo en los tres idiomas que me interesan: catalán, castellano y inglés), es cierto que las traducciones son bastante aceptables. Yo tengo el problema de tener la estructura del blog en catalán y los post en castellano, así que a veces da problemas porque no puede traducir desde dos idiomas a uno, pero bueno… Yo te voy a explicar como instalar un acceso a unos idiomas determinados. Hay otras maneras para poder instalar un desplegable con todos los idiomas. Puedes ver cómo hacerlo aquí.

¿Cómo lo hacemos?

1. Como hicimos con los botones de las redes sociales, lo primero que haremos será encontrar los banderas de los idiomas a los que queremos que se traduzca este blog.

2. Subimos las imágenes que nos interesen en Medios del Escritorio de WordPress. Copiamos la url que podremos encontrar accediendo en las características de cada imagen.

traductor1

3. Ahora vamos a instalar el código. En el Escritorio de tu WordPress accedemos en Apariencia – Widgets.

4. Instalamos un Widget de Texto en el lugar del blog en el que nos interese tener el traductor.

5. Copiamos el código y hacemos los cambios que te señalo

<a href=”http://translate.google.com/translate?u=http%3A%2F%2FDIRECCIONDETUBLOG&amp;hl=EN&amp;ie=UTF8&amp;sl=ES&amp;tl=ES” title=”IDIOMA AL QUE TRADUCIR“><img src=”DIRECCIÓN IMAGEN” alt=” WIDTH="45" HEIGHT="45" /></a>
  • DIRECCIONDETUBLOG: En mi caso, writtenbynesa.wordpress.com
  • EN: Código al que queremos traducir el blog. ES es español, EN es inglés, IT es italiano, FR, francés
  • ES: Código del idioma original del blog.
  • IDIOMA AL QUE TRADUCIR: Debemos poner el mismo idioma que en el código anterior. Y lo debemos poner en el idioma original. Por ejemplo, si es ingles, English o si es frances, Français. Gracias a esta opción, cuando pasemos por encima del icono, saldrá el idioma en el que traduce.
  • DIRECCIÓN IMAGEN: Aquí deberemos poner la url de la imagen que hayamos subido y a la que queramos que se clique para el idioma que queremos traducir.
  • WIDTH I HEIGHT: tamaño de la imagen que podemos ir regulando.

Así quedaría el mío

<a href="//translate.google.com/translate?u=http%3A%2F%2Fwrittenbynesa.wordpress.com&amp;hl=EN&amp;ie=UTF8&amp;sl=ES&amp;tl=ES”title=”ENGLISH“"><img src="https://writtenbynesa.files.wordpress.com/2013/12/botc3b3n-con-bandera-inglesa.jpg" WIDTH="40" HEIGHT="40" /></a>

traductor2

Si prefieres que en vez de imagen, aparezca una palabra o las siglas, el código es éste. Es más sencillo.

<a href="http://translate.google.com/translate?u=http%3A%2F%2FDIRECCIÓNDETUPAGINAWEB&amp;hl=CA&amp;ie=UTF8&amp;sl=CA&amp;tl=ES" />ESP
  • DIRECCIÓN DE TU PAGINA WEB: Lo mismo que en el código anterior
  • CA: Código original de la página web
  • ES: Código al que queremos traducir
  • ESP: Las siglas o texto que queremos que aparezca en la web.

photo credit: tristam sparks via photopin cc

Advertisements

24 responses to “Cómo instalar el Google traductor en tu WordPress gratuito

  1. Moltes gràcies, Vanesa. Fa temps que intentava instal•lar un traductor en el meu bloc i no hi havia manera, gràcies al teu post (i una mica de paciència) ho he aconseguit.

    • Hola Jordi! M’alegro que ho hagis aconseguit. La veritat, a mi també em va costar mooolt que em funcionés. Vaig intentar-ho explicar-ho al millor que vaig poder, espero que fos fàcil seguir les instruccions. Merci per deixar el teu comentari! I Bon Nadal! =D

  2. Hola Vanesa, després de donar voltes i voltes buscant com afegir el traductor de Google als meu blogs, t’he de dir que has estat definitiva. Moltes gràcies per la claretat de les instruccions.

  3. Hola Vanesa, muchas gracias por el articulo, después de probar 2000 intentos con diferentes codigos, este es el primero que me traduce la pagina correctamente. Aunque me sigue fallando la imagen que pongo de las banderitas… sabes cual puede ser el motivo? He probado con diferentes imagens png, jpg, gifs .. todas ellas me salen como una imagen rota (ese archivo partido, dentro de un cuadrado transparente…)

    Gracies x la ajuda!

    • Hola. Gracias por dejar tu comentario Elena. Creo que ya has podido solucionar el problema, viendo tu web… =) Y por cierto, muy interesante el blog. Ya sé dónde buscar información cuando viaje a Mallorca! =D

      • Muchas gracias! Pues al final me he inventado otra manera, porque no lo conseguí de ésta, os lo explico por si le sirve a alguien: cree una entrada nueva, en la que metí las imágenes de las banderas (en una tabla copiada de word, para alinearlos bien), y a cada imagen le puse el enlace que conseguí al traducir la web con Google translate. Después copie todo el HTML de esta entrada en un widget de texto, y listo 🙂
        Luego la entrada la puedes borrar, he descubierto que es la mejor manera para mi, que no voy muy sobrada…
        Te esperamos en Mallorca 😀

      • Hola Vanesa, cuando pongo la dirección url del botón y sigo todos los pasos, me sale como resultado dos comillas. No aparece la bandera. Gracias.

      • Hola pplaza… Perdona que no te haya contestado antes. Pues la verdad es que no sé que te puede estar pasando. Lo único que se me ocurre es que tengas algún carácter del código mal. Un pequeño cambio de nada (un espacio, por ejemplo) hace que todo salga mal…

  4. Hola Vanesa, has aconseguit explicar-ho de manera clara i senzilla, i mira que no és sempre fàcil. Ho havia intentat a partir d’altres explicacions i no ho havia aconseguit. Moltes gràcies.

    • Gràcies Des de collserola per deixar el teu comentari! A vegades costa, però al final ens en sortim. Que acabis de passar un bon diumenge tarda! =)

  5. buenos días vanesa, estoy siguiendo tus instrucciones para traducir mi blog a varios idiomas. lo he logrado con inglés y frances, pero el aleman me da problemas. sabes si el codigo de aleman es “DE”?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s