WordPress - Diseño - ¿Cómo eliminar un botón extra?

En este artículo, aprenderá a eliminar los conmutadores de idioma adicionales de su sitio web WordPress. 

¿Por qué aparecen varios conmutadores de idiomas?

Si se muestran varios conmutadores de idioma después de añadir el conmutador Weglot a los menús nativos de su sitio web, puede que necesite ocultar los adicionales, lo que puede hacerse fácilmente mediante una simple regla CSS.

1. Identificar el selector padre del selector de idioma

En primer lugar, localice el elemento HTML padre que contiene el conmutador Weglot que desea ocultar. Es importante encontrar el contenedor correcto para asegurarse de que sólo se oculta el conmutador de idiomas innecesario.

Cómo encontrar el selector padre :

1. Abra su página web en un navegador.

   Haga clic con el botón derecho en el conmutador de idiomas que desee eliminar y seleccione "Inspeccionar".

   En el panel Herramientas del desarrollador, identifique el elemento HTML que envuelve el conmutador de idiomas.

   Anote su ID o nombre de clase :

   • Si es un IDantepóngale # (por ejemplo #navegación principal ).
   • Si es un claseantepóngale.  (por ejemplo .menu-container ).

Por ejemplo, si el elemento padre tiene el ID navegación principal , el selector correspondiente sería :

#main-navigation .wg-li {
    display: none;
}

2. Añada la regla CSS

1. Vaya a su dashboard de WordPress.
2. Vaya a la configuración del plugin Weglot > Anular CSS.
3. Pegue el siguiente código, sustituyendo [INSERT_PARENT_SELECTOR_HERE] con el selector CSS adecuado :

[INSERT_PARENT_SELECTOR_HERE] .wg-li {
    display: none;
}

4. Haga clic en "Guardar cambios".

He aquí un ejemplo de cómo debería ser (según el ejemplo anterior) :

3. Verifique los cambios

Después de guardar, actualice su sitio web para confirmar que el conmutador de idiomas correspondiente ya no está visible. Ya está. Ha eliminado con éxito el cambiador de idioma no deseado de su sitio WordPress.