Hace poco estuve colaborando en el desarrollo de un nuevo sitio web para un cliente, este negocio necesitaba tener un traductor de su sitio web, para ello hemos escogido el plugin WEGLOT de WordPress para que realice la traducción automática.
Antes de iniciar, te debo decir que este tutorial se lo realizó en un sitio web con las siguientes herramientas:
- WordPress 5.8
- Tema: DIVI 4.10.5
- Plugin Weglot Translate 3.3.6
Una vez instalado el plugin realizamos la siguiente configuración:
- Idioma General: SPANSH
- Idioma Destino: ENGLISH
- Con banderas: Marcado
- Tipos de banderas: Rectangular mate
Esto va a ocasionar que en mi sitio web se muestren las banderas:
- Británica para el idioma Ingles
- Española para el idioma Español
Pero el cliente nos pidió que la bandera de español no sea la de España, sino la de Ecuador, para ello hicimos lo siguiente:
- Creamos una imagen con la bandera de Ecuador en formato SVG
- Al quererlo subir a la biblioteca te puede salir un error de que el formato del archivo no es válido, en ese caso entras a tu hosting y subes el archivo a la siguiente ruta (/[RUTA-SITIO-WEB]/wp-content/uploaps/2021/08/[NOMBRE-ARCHIVO-BANDERA.SVG])
- Y nos dirigimos a nuestra opción de DIVI y copiamos el siguiente código
Te comparto el código que deberías utilizar
.weglot-flags.flag-0.es>a:before, .weglot-flags.flag-0.es>span:before {
background-image: url(https://url-sitio-web/wp-content/uploads/2021/08/ec.svg);
background-position: unset !important;
width: 27px !important;
}
Para llamar a la nueva bandera, tendrás que llamar a la imagen mediante url, por ejemplo «https://url-sitio-web/wp-content/uploaps/2021/08/ec.svg».
¡Grabas los cambios y listo!
0 comentarios