¿Cómo cambiar el diseño del conmutador de idiomas?

En este artículo, aprenderá a personalizar el conmutador de idiomas y a cambiar su aspecto.

Con Weglot, puede personalizar el aspecto de su selector de idiomas. Hay varias formas de hacerlo:

1. Cambiar las opciones del conmutador de idiomas

Para personalizar el selector de idiomas, acceda a su Dashboard de Weglot > Proyectos > Seleccione un proyecto > Configuración > Selector de idiomas.

Desde allí, podrá personalizar varias opciones de visualización, entre las que se incluyen:

• El nombre del idioma (por ejemplo, «en» para el inglés)
• El nombre completo de la lengua
• Las banderas lingüísticas y el tipo de banderas (cuadrado, círculo, rectángulo)
• El tipo de conmutador (lista/desplegable)

Si realiza algún cambio aquí, asegúrese de hacer clic en "Guardar cambios".

Más abajo en la página, encontrará la sección «Idiomas y apariencia». Aquí puede arrastrar y soltar los idiomas para cambiar el orden en el que aparecen en el selector de idiomas.

En esta sección podrá personalizar las banderas y los nombres de los idiomas que se muestran en el selector de idiomas.

2. Edite el nombre de la lengua y la bandera

Para cambiar el nombre y la bandera del idioma, puede acceder a la misma página, es decir, a su Dashboard de Weglot > Proyectos > Seleccionar un proyecto > Configuración > Selector de idioma.

Vaya a la sección "Apariencia de las lenguas" y utilice el bolígrafo de la derecha.

Allí podrá modificar el nombre del idioma para que aparezca el nombre que desee en el selector de su sitio web activo:

Una vez que haya modificado la sección «Nombre del idioma local», puede hacer clic en el botón «Guardar».

Para cambiar la bandera, asegúrese de haber activado la opción «Mostrar banderas de idioma en el botón» en la configuración del selector.

También puede hacer clic en «Seleccionar una bandera» para elegir una. Puede utilizar la barra de búsqueda para encontrar una bandera:

Ahora, vuelva a su página web y podrá ver la bandera recién añadida en el selector de idioma.

Además, si desea eliminar la marca añadida anteriormente y volver a la marca original, haga clic en«Seleccionar una marca» en el selector de marcas, y así se eliminará la marca:

3. Utilice el Switcher Editor

Para el uso general del Switcher Editor, consulte la siguiente documentación específica:

¿Cómo utilizar el Switcher Editor?

En su interior encontrará varias secciones para crear su propio diseño de conmutador o utilizar algunas de las plantillas de Weglot.

Para utilizar uno, consulte la sección Estilo del conmutador:

Una vez dentro de la sección, encontrará un lote de plantillas que podrá utilizar para su sitio web.

Sólo tiene que hacer clic en él para seleccionarlo y colocarlo donde desee en su página web.

4. Añada custom CSS

En su Dashboard de Weglot > Configuración > Selector de idioma, tiene la opción de añadir código custom CSS:

Siéntase libre de inspirarse en diferentes estilos y añadir su propio CSS. Encontrará algunos ejemplos de custom CSS en la siguiente parte.

5. Cree su propio conmutador personalizado

Si prefiere tener su propio conmutador diseñado para que coincida con los códigos CSS de su sitio web, puede crear un conmutador personalizado.

Tendrá que configurar usted mismo su diseño y utilizar las funciones de Weglot para que los enlaces se dirijan a las lenguas que elija.

Para ello, eche un vistazo a nuestra documentación para desarrolladores sobre las funciones JavaScript útiles que puede utilizar:

https://developers.weglot.com/javascript/link-hooks

¿Tiene algún comentario sobre este artículo? ¡Háganoslo saber!