Google Translate en tu sitio de WordPress


Bueno esta vez publico este articulo dirigiéndome a las personas que como yo han creado un Blog o un sitio Web con WordPress 🙂

He aqui una forma para insertar Google translate en WordPress, pero tambien vale para otros sitios Web. Google Translate es el traductor de Google y nos ayuda mucho si de repente tenemos visitantes de otros países que no entienden nuestro idioma, ustedes pueden ver en mi sitio una parte donde he puesto el traductor, es muy sencillo hacerlo, no hace falta tener conocimientos avanzados, yo no entiendo mucho el idioma HTML pero lo hice:

<HR width=”100%” align=”left”> (HR width:  Separador/align: posicion del separador )

<a href=”http://translate.google.com/translate?u=http%3A%2F%2F(TU SITIO WEB AQUI)&amp;hl=es&amp;ie=UTF8&amp;sl=es&amp;tl=en (Idioma que de traduccion)” title=”(El titulo de tu idioma aqui)“><img src=”http://(ruta de la imagen de bandera)” alt=”(Dialogo que sale al pasar el mousse encima)” /></a>

<HR width=”100%” align=”left”> (Separador)

bueno, todo lo que puse en color rojo es lo que puede editar

*Donde dice: (TU SITIO WEB AQUÍ) es donde pondrás la ruta de tu sitio web, por ejemplo: proyectolightspectrum.wordpress.com

*Donde dice: (Idioma de traducción) escriben la abreviatura del idioma que desean traducir, en el ejemplo esta escrito ¨en¨ es la abreviatura de ingles, las que conozco son: en-ingles ; es-español; ar-arabe; it-italiano; de-deuch (o sea alemán), pero hay muchos otros idiomas, ustedes pueden buscar por ahí las abreviaturas 🙂

*Donde dice: (el titulo de tu idioma aquí) coloca el nombre del idioma al cual vas a traducir, por ejemplo: Traducir al ingles

*Donde dice: (ruta de la imagen de bandera) puedes poner la ruta de una imagen, lo ideal es poner la imagen de una bandera del país al cual pertenece tu idioma, pero esto es opcional.

*Donde dice: (Dialogo que sale al pasar el mousse encima) aquí colocas el dialogo que quieres que salga cuando el visitante ponga el mousse o ratón encima del link, por ejemplo: Traduce esta pagina al ingles

Los separadores no son realmente necesarios, pero si es para una cuestión de orden y para que no se encimen otros links que quieras colocar.

he aquí un código ya hecho, lo traduce al ingles:

<hr align=”left” width=”100%” />

<a title=”Translate to English” href=”http://translate.google.com/translate?u=http%3A%2F%2Fproyectolightspectrum.wordpress.com&amp;hl=es&amp;ie=UTF8&amp;sl=es&amp;tl=en”><img src=”http://rutadelaimagenbanderaingles&#8221; alt=”Translate to English” /></a>

<hr align=”left” width=”100%” />

Este es el resultado, prueben el link aquí:


Traduce esta pagina al ingles


y por ultimo, como insertarlo como Widget en tu sitio de WordPress:

1° vas al menú ¨Mi sitio¨ luego vas a ¨apariencia¨, vas a ¨Widgets¨, en widgets eliges y arrastras el widget ¨Texto¨, en este copiaras y pegaras el código HTML que he escrito y por supuesto, también editarlo si quieres

PS: no uses el primer ejemplo en donde señalo las partes, este no funciona, usa el segundo ejemplo que ya esta todo hecho, luego puedes editarlo a gusto, buena suerte 😉

Anuncios

3 Respuestas a “Google Translate en tu sitio de WordPress

  1. ¡Muchas gracias desde Barcelona! Llevo días intentando saber dónde pegar el código. Por fin, gracias a este post, tengo el tema resuelto. Ahora ya estoy lista para investigar otra cosa!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s