Tutorial de Joomla:
Cómo construir un sitio web multi-idiomático usando la extensión M17n

¿Cómo construir en Joomla un sitio web que esté dividido en dos o más secciones, y que cada una de ellas sea en un idioma diferente? ¿Existe alguna manera de separar y agrupar páginas e ítems de menús de acuerdo al idioma al que pertenezcan de manera que no se mezclen entre sí? Mucha gente se pregunta si algo así es posible. Yo también me enfrenté alguna vez a la situación de necesitar un sito web bilingüe. Por ello me tuve que pasar muchas horas investigando, leyendo innumerables discusiones en foros, en los que cada participante tenía una opinión distinta y nadie parecía ponerse de acuerdo en cómo lograr lo que yo necesitaba. Encontrar la solución a mi problema no fue fácil para mí, así que cuando finalmente aprendí el proceso, pensé que debería escribir un tutorial detallado para ayudar a los que son nuevos en Joomla, instruyéndolos paso a paso, con términos sencillos, para que puedan comprender la técnica sin mayor esfuerzo, y sin importar si poseen o no una vasta experiencia en Joomla.

Supongamos que nuestro sitio web deba estar dividido en dos secciones: Español e Inglés (English). Supongamos también que en la sección en Español necesitaríamos tener un ítem (también conocido como botón o enlace) con el nombre “Contacto”, posicionado en el main menú, pero es importante que al pasarnos a la sección English, el ítem “Contacto” desaparezca del main menú y en su lugar aparezca otro llamado “Contact”, que significa “Contacto” en inglés. Ambos ítems, “Contacto” y “Contact”, en realidad serían dos ítems diferentes posicionados uno al lado del otro, en el mismo menú (main), pero cada uno de ellos aparecería sólamente en una de las secciones de nuestro sitio web: uno en la sección “Español” y el otro en la sección “English”. Normalmente, en un sitio web que no es multi-idioma, si nosotros hubiésemos creado estos dos ítems en el mismo menú, Joomla los desplegaría juntos y al mismo tiempo, a menos que uno de ellos tuviera el status “Desactivado”, pero si los dos tuvieran el status “Activado”, no habría forma de hacer “entender” a Joomla que un determinado ítem debe verse sólo en ciertas ocasiones y en otras no. Es por eso que es necesario instalar unos componentes que son completamente gratuitos y que nos permitirán lograr esta separación que estamos necesitando y que convertirán a nuestro sitio web en multi-idiomático (en varios idiomas). Los componentes de los que estoy hablando son:

Los paquetes de traducción de idiomas deseados para nuestro sitio web y
Joomla multi-lingual content Multilang M17n by g17l.com (Contenido Multi-linguístico para Joomla, por g17l.com)

Hay una amplia variedad de paquetes de traducción disponibles para Joomla. Dependiendo de las necesidades particulares de cada uno, se escogerá el paquete a instalar. Yo, particularmente escogí dos paquetes de traducción para mi sitio web: El Joomla Spanish Translation de TodosJuntos.org y Joomla English (United States) Translation por Dave Morgan. También instalé la extensión M17n, la cual les enseñaré a usar en este tutorial, y que es la que les permitirá separar los ítems en los menús y sus páginas correspondientes de acuerdo al idioma al que pertenezcan.

Nota: Para información más detallada sobre la extensión M17n, si saben leer inglés, pueden bajar el manual de esta extensión en formato Adobe Reader desde este enlace.

Es importante mencionar que ni los paquetes de traducción de Joomla (muy a pesar del nombre “traducción”), ni Multilang M17n sirven para traducir nuestros propios artículos a otro idioma. Los paquetes de traducción son para que cuando los usuarios de nuestro sitio web interactúen de alguna con nuestras páginas, digamos por ejemplo, que hagan una búsqueda, los textos que Joomla les envíe serán en el idioma designado para esa sección de nuestro sitio web. Por ejemplo, cuando yo hago la búsqueda “autos” en la sección “Español” de mi sitio web, entre otras cosas me sale:

“Buscar palabra clave autos

Total: 7 resultados encontrados.”

Si en cambio hago la misma búsqueda (autos) en la seccion “English” de mi sitio web, Joomla me contesta:

“Search Keyword autos

Total: 7 results found.”

Esto es gracias a los paquetes de traducción que yo instalé. Por otro lado, lo que M17n hace es lograr que los ítems de los menús y las páginas en diferentes idiomas no se desplieguen todos juntos, sino que, por ejemplo, los que yo clasifiqué dentro del grupo “Español” no salgan en la sección “English” y vice versa, es decir, que no se entremezclen. Para traducir nuestros propios escritos o artículos, podemos hacer las traducciones nosotros mismos, o si no saben el idioma, pueden buscar a alguien que nos ayude o simplemente usar algún programa o servicio de traducción gratuito. Aquí tienen, por ejemplo, algunos de los traductores gratuitos en línea:

• http://translate.google.com/#
• http://www.worldlingo.com/products_services/worldlingo_translator.html
• http://babelfish.yahoo.com/
• http://translation.babylon.com/

Ahora veamos cuáles son los pasos a seguir para convertir un sitio web en multi-idiomático.

Paso N° 1: Instalar los paquetes de traducción de idiomas de Joomla y la extensión M17n

Primero necesitarán bajar los paquetes de traducción de idiomas de Joomla y Multilang M17n haciendo click en los enlaces proveidos más arriba. El siguiente paso será instalarlos desde su página de Administrador de Jooma. Para los que son nuevos en Joomla, cuando hablo de la página del administrador, me refiero al URL compuesto por su nombre de dominio seguido de “/administrator”. Digamos que su nombre de dominio es MiSitioPersonal.com, su página de administrador de Joomla será:

http://www.misitiopersonal.com/administrator

Así que abran su página de administrador de Joomla, ingresen, y vayan a:

Extensiones > Instalar/Desinstalar

Ustedes encontrarán un botón que dice “Browse” y junto a él otro que dice “Subir archivo & Instalar”. Hacer click en “Browse”, seleccionar el archivo (empecemos primero instalando los paquetes de traducción de idiomas y al final instalan M17n) y luego hagan click en “Subir archivo & Instalar”. Si la instalación fue exitosa verán un texto de confirmación desplegado en la página.

Paso N° 2: Verificar si el plugin y el módulo de M17n están activados

Para ello ir a:

Extensiones > Administrador de plugins

Y luego busquen el plugin "System Multilingual (M17n)". Si está activado verán un aspa verde, si no es así verán un círculo rojo con una “X” blanca en medio. De estar desactivado el plugin, simplemente hagan click en el círculo rojo para activarlo.

Ahora necesitamos verificar si el módulo de selección de idiomas está activado y posicionarlo en algún lugar donde la gente que visita nuestro sitio web lo pueda ver fácilmente y decidir en cuál de los idiomas disponibles prefieren leer nuestros artículos. El módulo de selección de idiomas, puede lucir algo así:

Para localizar el módulo de M17n vamos a:

Extensiones > Administrador de módulos > M17n - Language Selector

Hacer click en "M17n - Language Selector".

Asegurarse que en la opción “Publicado” esté seleccionado “Sí”. Donde dice “Posición” escojan la que, a su propio criterio, sea la más conveniente. Para la sección “Asignación de menú” tenemos tres opciones:

1. Todos: Si elegimos esta opción el módulo de selección de idiomas será visible en todas la páginas de nuestro sitio web (esta es la opción más recomendable).
2. Ninguna: Si elegimos esta opción módulo de selección de idiomas no será desplegado en ninguna página de nuestro sitio web (elegir esta opción no sería muy buena idea, ya que los visitantes o usuarios de nuestro sitio web no tendrían forma de elegir el idioma de su preferencia)
3. Seleccione un ítem de la lista: Si elegimos esta opción podemos seleccionar en cuáles páginas se verá el módulo y en cuáles no (se recomienda como mínimo seleccionar el main menú)

En la sección “Parámetros del modulo” al lado derecho yo usualmente dejo "Selector Prefix", "Selector Suffix" y "Style for languages" en blanco, pero eso ya depende de las preferencias personales de cada uno. En donde dice "Language Labels" yo lo dejo en "Short Text (eg. English)", pero, al igual que en el caso anterior, esto es simplemente una preferencia personal. Ustedes pueden cambiar esta sección tantas veces como sea necesario hasta que queden contentos con los resultados. Acuérdense de refrescar la página presionando F5 cada vez que hacen algún cambio en “Parámetros del modulo”, para que vean qué variaciones ocurren en el módulo M17n a consecuencia de dichos cambios.

Nota: Para que M17n funcione correctamente, el estilo del main menú debe estar asignado a “Lista” y no a “Compatibilidad”. “Compatibilidad” está sólamente implementado en los menús que vienen de la versión 1.5 en adelante. Para verificar que el estilo del main menú este asignado a “Lista” ir a:

Extensiones > Administrador de módulos

Abrir el “Main Menú”. Al lado derecho, abajo de donde dice “Parámetros del módulo” verán “Estilo del menú”. Verificar que “Lista” sea la opción seleccionada.

Paso N° 3: Asignar un idioma a los artículos e ítems en los menús

Cuando se tiene instalado más de un idioma en un sitio web en Joomla, al crear un nuevo artículo notarán que en la sección del lado derecho de la página, debajo de "Parámetros avanzados", aparece un menú "Idioma del contenido". Cada vez que escribimos un artículo debemos asegurarnos de seleccionar un idioma en este menú, de esta forma:

Menú "Idioma del contenido":

Ahora aquí viene la parte que les permitirá separar los ítems de los menús de acuerdo al idioma al que pertenezcan. El truco es simple: cuando creen un nuevo ítem de un menú, verán una nueva sección al lado derecho de la página que no existía antes de instalar M17n, y ésta es "M17n Parameters". Dentro de dicha sección verán el menú “Language”. Este menú luce así:

M17n Parameters / Language:

Seleccionando un idioma en este menú, es aquí donde ustedes podrán determinar dónde será visible cada uno de nuestros ítems. Por ejemplo, si creamos dos artículos, uno llamado “Acerca de mí" (Español) y el otro "About us" (English), tendré que crear un ítem de menú para cada uno de dichos artículos. El ítem ligado a mi artículo “Acerca de mí" será asignado al idioma español, mientras que el ítem ligado al artículo "About us" deberá ser asignado al idioma Inglés (recuerden que asignamos los idiomas a cada ítem en la sección "M17n Parameters" al lado derecho de la página). Lo que lograremos con esto es que cuando los que visiten nuestro sitio web y seleccionen nuestra sección “English” vean SÓLAMENTE el ítem “About us” y no el otro “Acerca de mí”. Si, por el contrario, visitan la sección “Español” verán el ítem "Acerca de mí" y no “About us”.

Entonces, esto es básicamente lo que necesitan saber para lograr convertir un sitio web en multi-idiomático. Espero que este tutorial les haya sido de alguna ayuda. Si tienen algún comentario o preguntas, no duden en publicarlas en la parte inferior de esta página. Gracias.