WordPress - Design - Como eliminar um botão extra?

Neste artigo, aprenderá a eliminar os alternadores de idioma extra no seu sítio Web WordPress.

Porque é que estão a aparecer alternadores de várias línguas?

Se forem apresentados vários comutadores de idioma depois de adicionar o comutador Weglot aos menus nativos do seu sítio Web, poderá ser necessário ocultar os extra, o que pode ser feito facilmente utilizando uma simples regra CSS.

1. Identificar o seletor principal do seletor de idioma

Em primeiro lugar, localize o elemento HTML principal que contém o seletor Weglot que pretende ocultar. É importante encontrar o contentor correto para garantir que apenas o seletor de idioma desnecessário é ocultado.

Como encontrar o seletor principal :

Abra o seu sítio Web num navegador.
Clique com o botão direito do rato no alternador de idioma que pretende remover e selecione "Inspecionar".
No painel Ferramentas do desenvolvedor, identifique o elemento HTML que envolve o alternador de idioma.
Registar o seu ID ou nome de classe :
- Se for um ID, prefixá-lo com # (por exemplo. #navegaçãoprincipal ).
- Se for um classe, prefixá-lo com. (por exemplo. .contentor de menu ).

Por exemplo, se o elemento pai tiver o ID navegação principal , o seletor correspondente seria :

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

2. Adicionar a regra CSS

Aceda ao seu painel de controlo do WordPress.
Navegue até às definições do plugin Weglot > Substituir CSS.
Cole o seguinte código, substituindo [INSERT_PARENT_SELECTOR_HERE] com o seletor CSS correto:

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

Clique em "Guardar alterações".

Aqui está um exemplo de como deve ser (de acordo com o exemplo anterior) :

3. Verificar as alterações

Depois de guardar, actualize o seu sítio Web para confirmar que o alternador de línguas relevante já não está visível. E pronto! Removeu com êxito o alternador de idioma indesejado do seu site WordPress.