Cómo crear un sitio web multilingüe con Joomla 4

Calentamiento

Hoy en día, el inglés se ha convertido en un idioma global y es uno de los idiomas más populares en Internet. Se crean una gran cantidad de sitios web que priorizan o prestan atención a publicar contenido en inglés. Sin embargo, no todos pueden leer y comprender. Inglés. Tener sitios web que admiten varios idiomas abre grandes oportunidades para llegar a un público más amplio, especialmente en las regiones a las que desea dirigirse. De hecho, los administradores de contenido de todo el mundo han estado haciendo esto durante años, y la demanda de sitio web multilingüe el s está aumentando día a día. Afortunadamente, Joomla es una de las plataformas de administración de contenido que admite más idiomas y está disponible en más de 75. Por lo tanto, construir un sitio web multilingüe también es mucho más fácil con esta plataforma.

Si eras escéptico acerca de la facilidad, te puedo asegurar que iniciar un sitio web multilingüe con Joomla es más fácil de lo que podrías imaginar, más simple de lo que podría parecer. ¡Veamos!

Así que hoy, en este tutorial, te mostraré cómo crear un sitio web multilingüe en Joomla 4. De esta manera, no tienes que usar ninguna extensión de terceros y, por supuesto, es completamente gratis.

¡Ahora vámonos!

Paso a paso Configurar un sitio web multilingüe en Joomla 4

Siga paso a paso para configurar completamente un sitio web multilingüe en Joomla 4.

Instalación de nuevos idiomas

En Joomla 4, hay dos métodos que puedes usar para instalar idiomas.

• Instalar a través de la actualización de Joomla

Desde el Panel de inicio, vaya a Sistema , luego en Instalar , haga clic en Idiomas para acceder a la página Extensiones: Idiomas .

Aquí, haga clic en el botón Instalar en los idiomas que desea instalar. Puede instalar tantos idiomas como desee.

Con fines ilustrativos, en este artículo instalaré dos idiomas adicionales: francés y chino (simplificado) .

• Instalar manualmente

Con este método, primero debe descargar los paquetes de idiomas de Official Joomla! Language Packages .

Luego, vaya a Sistema > Instalar > Extensiones , cargue sus paquetes ZIP e instale sus idiomas.

Ahora, vaya a Sistema > Administrar > Idiomas de contenido y habilite (publique) sus idiomas.

* Aviso: Puede actualizar/cambiar la información del idioma haciendo clic en el título de cada idioma y modificando sus opciones, por ejemplo, Títulos , Título en idioma nativo , Etiqueta de idioma , Imagen (Bandera) , Estado , Descripción , etc. Es un poco como un perfil de idioma que contiene todos los detalles que Joomla necesita para poder usar el idioma inglés o francés como idiomas de contenido "intercambiables".

Habilitación de complementos de "Idioma del sistema"

Ahora, completamos la instalación de nuevos idiomas y los publicamos para el contenido. Para el siguiente paso, debemos habilitar el filtro de idioma y los complementos de código de idioma. Esto ayuda a Joomla a filtrar el contenido y mostrarlo según el idioma que elija.

Vaya a Sistema > Administrar > Complementos , luego busque “ Sistema – Idioma ”.

Aquí, Joomla mostrará Sistema – Código de idioma y Sistema – Filtro de idioma en el resultado de la búsqueda ¡Habilite ambos!

También puede modificar la configuración del complemento haciendo clic en su nombre, por ejemplo, Sistema – Filtro de idioma .Este complemento permite que el CMS reconozca los diferentes idiomas instalados y muestre solo el contenido relevante para el idioma actual.

* Aviso:

• Este complemento filtra el contenido mostrado según el idioma.
• Este complemento se habilitará solo cuando se publique el módulo Language Switcher.
• Si este complemento está activado, se recomienda publicar también el modo de estado multilingüe del Administrador.
• Asociaciones de elementos : establezca en Sí . Esta opción permite asociaciones de elementos al cambiar de un idioma a otro.
• Eliminar código de idioma de URL : esta opción elimina el código de idioma de URL definido del idioma del contenido correspondiente al idioma predeterminado del sitio cuando la función de URL de SEF está habilitada/activada.

Ahora que configuró correctamente los archivos de idioma y habilitó el filtro de idioma integrado de Joomla. De forma predeterminada, este complemento intentará detectar la configuración de idioma del navegador del visitante y mostrar el sitio en su idioma (si está disponible).

Adición de contenido multilingüe

Ahora que tiene varios idiomas listos en su sitio web, puede usarlos para generar contenido multilingüe, pero primero, creemos nuevas categorías y nuevos artículos.

• Crear una nueva categoría para cada idioma
• Crear nuevos artículos en cada idioma.

Añadir nueva categoria

¡Creemos categorías separadas para cada idioma!

• Vaya a Contenido > Categorías > Agregar nuevo
• Dale un título a tu nueva categoría
• Seleccione un idioma del menú desplegable
• Haga clic en Guardar y cerrar para completar
• Repita los mismos pasos para otros idiomas

Añadir nuevos artículos

A continuación, agreguemos nuevos artículos para cada idioma para crear contenido en diferentes idiomas.

• Vaya a Contenido > Artículos > Agregar nuevo
• Proporcione un título para su nuevo artículo.
• Elija un idioma para el artículo del menú desplegable
• Componer/actualizar su contenido
• Haz clic en Guardar y cerrar cuando hayas terminado.
• Repita los mismos pasos para sus otros idiomas

Creación de menús multilingües

Ahora necesitas asignar categorías y artículos en el menú de Joomla. Esto permitirá que se muestren en el front-end. Para hacer eso, crea cada menú para cada uno de tus idiomas.

Desde el panel de inicio, navegue hasta Menús > Administrar > Agregar nuevo Ingrese un título , elija un nombre único y luego presione Guardar y cerrar .

Y repita para los otros idiomas:

Agregar elementos de menú

Los nuevos menús que acaba de crear arriba aún están vacíos. Necesitamos continuar y agregar nuevos elementos de menú para cada uno de los menús.

• Vaya a Menús > Menú principal (en-GB) y agregue nuevos elementos
• Seleccione un tipo de elemento de menú
• Elija una categoría que corresponda a un idioma específico
• Elija un idioma del menú desplegable
• Haga clic en Guardar y cerrar

Repita los pasos anteriores para los demás idiomas:

En este momento, dentro de cada elemento del menú principal, debe configurar un menú predeterminado (por ejemplo, Menú principal EN), para cuando haga clic en el elemento del menú Inicio, se convertirá en el elemento de Inicio predeterminado para las páginas en inglés.

Agregar nuevos módulos

Para mostrar un elemento de menú en el front-end del sitio web, debe agregar un módulo para el elemento de menú e indicar una posición exacta. Vaya a Menús > Administrar , seleccione un menú y asígnelo a un módulo, o vaya a Contenido > Módulos del sitio para empezar.

Para obtener instrucciones detalladas sobre cómo crear un menú y luego asignarlo a un módulo, consulte este artículo .

• Vaya a Contenido > Módulos del sitio > Agregar nuevo .
• En Seleccione un tipo de módulo , haga clic en Menú .
• Asigne un título al nuevo módulo de menú ( obligatorio ) .
• Seleccione un menú de idioma para asignar a este módulo, por ejemplo, Menú principal (en-GB).
• Especifique una Posición del módulo para presentarlo en su sitio.
• Elija un idioma del menú desplegable.
• Haga clic en Guardar y cerrar para aplicar.

Repita los mismos pasos para los demás idiomas:

De vuelta en Menús > Administrar , puede ver todos sus menús que han sido vinculados a los módulos respectivos.

¡Ahora, pasemos al siguiente paso!

Asociaciones Multilingües

En términos generales, esto le permite realizar la traducción de contenidos (artículos, menús, etc.) de un idioma a otro cuando presiona el selector de idioma. Asegúrese de que la opción Asociaciones esté habilitada navegando a Sistema > Administrar > Extensiones , busque "Sistema – Filtro de idioma” y verifique si la opción Asociaciones de elementos está activada ( Sí ).

Asociaciones de menú

Al agregar un nuevo elemento de menú y asignarle un idioma, puede encontrar las opciones para "Asociaciones" en la pestaña "Como asociaciones" que se mostrará. También puede seleccionar diferentes elementos de menú para diferentes idiomas. Lo mismo ocurre con los módulos, artículos y otros elementos de contenido.

Haga clic en Guardar y cerrar cuando haya terminado. Repita para otros elementos del menú.

Haga lo mismo con los artículos, categorías y otros contenidos lingüísticos.

Asociaciones Multilingües

Vaya a Componentes > Asociaciones multilingües :

Aquí hay algunas opciones principales de los componentes:

• Artículos : puede seleccionar este filtro para proporcionar todos los artículos/categorías de un idioma con asociaciones.
• Contactos : enumera contactos para asociaciones de idiomas.
• Menús : con esta opción, puede asociar idiomas para todos los elementos de su menú.
• Feeds de noticias : ayuda a traducir feeds si está utilizando el componente de suministro de noticias de Joomla.

Configuración de la página predeterminada para cada idioma

Ahora vamos a definir la página de inicio para cada idioma, este es uno de los pasos más importantes que hay que hacer.

• Vaya a Menús > Menú principal (en-GB)
• Haga clic en el icono de estrella (Establecer como inicio) para configurarlo como predeterminado
• Luego se cambiará a la bandera en inglés (en-GB) para indicar que esta es la página predeterminada para el menú Menú principal (en-GB)
• Repita para los otros idiomas

En cuanto al francés, chino o cualquier idioma que tengas:

Plantilla de duplicación

Con los diferentes idiomas que tienes instalados en tu sitio web, debe haber una plantilla específica para cada uno de ellos, simplemente duplica tu plantilla predeterminada y nómbrala de acuerdo a cada idioma.

Crear estilo de plantilla para cada idioma

• Vaya a Sistema > Estilos de plantilla de sitio (en Plantillas )
• Seleccione su estilo de plantilla predeterminado actual, luego haga clic en el botón Duplicar en la parte superior
• Cambie el nombre de la plantilla duplicada para el idioma EN (solo para páginas en inglés)

Haga lo mismo para los idiomas fr-FR y zh-CN :

Creación del módulo de cambio de idioma

Ahora viene el paso final!

Un selector de idioma es un mecanismo que permite a los visitantes del sitio cambiar de idioma cuando lo deseen. Al crear un módulo de cambio de idioma, presentará una forma útil para que los visitantes vean fácilmente el contenido en el idioma que deseen.

• Vaya a Contenido > Módulos del sitio .
• Haga clic en el botón Nuevo en la parte superior izquierda.
• Seleccione Language Switcher como el tipo de módulo.
• Asigne un título a su nuevo módulo, por ejemplo, Language Switcher
• Asigne una posición de módulo que coincida con su plantilla (elija del menú desplegable)
• Habilite la opción Usar menú desplegable si desea que su selector de idioma sea un menú desplegable.
• Asegúrese de seleccionar Todo en el campo Idioma a la derecha.
• Finalmente, haga clic en Guardar y cerrar para guardar el conmutador y dejarlo listo para usar.

Bien, ahora es el momento de comprobar los resultados en la parte delantera.

Si desea cambiar el orden en que se muestran los idiomas en el Selector de idiomas, puede hacerlo mediante el Administrador de idiomas de contenido.

• Vaya a Sistema > Idiomas de contenido (en Administrar )
• Arrastre y suelte cada idioma en la posición deseada, uno por uno.
• Revisa los cambios en la interfaz. ¡Eso es todo!

¡Uf! Has creado con éxito un sitio web multilingüe completamente funcional en Joomla 4. ¡Felicitaciones!

Envolver

Así que acabo de mostrarle un enfoque sencillo para crear un sitio web multilingüe en Joomla 4. Espero que haya disfrutado el artículo. Nuestros comentarios Si tiene alguna pregunta. Además, consulte nuestras impresionantes plantillas de Joomla 4 para obtener su propia respuesta, alto rendimiento , y sitios web optimizados para SEO. ¡Gracias por leer y manténgase atento a futuras instrucciones!