Tutorial: Multilenguaje
Content Island y el soporte multilenguaje
Hoy en día, es muy común que un sitio web necesite estar disponible en varios idiomas. Con Content Island, puedes crear un sitio web multilenguaje de forma sencilla y rápida.
En esta guía te mostraré, paso a paso, cómo funciona el soporte de múltiples idiomas en Content Island, creando un proyecto simple como ejemplo.
Puedes probarlo en vivo/en línea aquí:Open in StackBlitz.
También puedes clonar el repositorio con la demo completa aquí:Clone full demo repository
1. Creando el proyecto
Primero, vamos a crear un nuevo proyecto llamado multilanguage-demo.
En la pestaña General del proyecto, encontrarás un campo llamado Languages. Aquí puedes seleccionar los idiomas que tendrá tu sitio. Para este ejemplo, vamos a elegir Inglés y Español.
2. Definiendo el modelo
Ahora, dirígete a la pestaña Model y crea una nueva entidad llamada Product. Esta entidad tendrá los siguientes campos:
name(Short Text)description(Long Text)price(Number)image(Media)
3. Creando contenido
A continuación, añadiremos contenido a nuestro modelo. Empezaremos con un producto llamado T-Shirt.
Producto 1: T-Shirt
En inglés:
- Nombre:
T-Shirt - Descripción:
A comfortable cotton t-shirt. - Precio:
19.99 - Imagen: (sube una imagen de una camiseta)
- Nombre:
En español:
- Nombre:
Camiseta - Descripción:
Una cómoda camiseta de algodón. - Precio:
19 - Imagen: (sube una imagen de una camiseta)
- Nombre:
⚠️ Importante: Para poder publicar un producto, es necesario que esté completo en todos los idiomas configurados.
Una vez esté todo listo, le damos a Publicar.
Producto 2: Jeans
Ahora añadimos otro producto llamado Jeans:
En inglés:
- Nombre:
Jeans - Descripción:
Classic blue denim jeans. - Precio:
39 - Imagen: (sube una imagen de unos jeans)
- Nombre:
En español:
- Nombre:
Vaqueros - Descripción:
Vaqueros clásicos. - Precio:
39 - Imagen: (sube una imagen de unos jeans)
- Nombre:
Publicamos este producto también.
¡Listo!
Y listo, así puedes gestionar contenido en varios idiomas de forma práctica.