WordPress - Design - Come eliminare un pulsante extra?

In questo articolo scoprirete come eliminare i commutatori di lingua extra sul vostro sito web WordPress.

Perché appaiono più commutatori di lingua?

Se dopo aver aggiunto il selettore Weglot ai menu nativi del vostro sito web vengono visualizzati più selettori di lingua, potrebbe essere necessario nascondere quelli extra, cosa che può essere facilmente eseguita con una semplice regola CSS.

1. Identificare il selettore della lingua come selettore padre

Innanzitutto, individuare l'elemento genitore HTML che contiene il commutatore Weglot che si desidera nascondere. È importante trovare il contenitore corretto per garantire che venga nascosto solo il commutatore di lingua non necessario.

Come trovare il selettore genitore :

Aprite il vostro sito web in un browser.
Fare clic con il pulsante destro del mouse sul commutatore di lingua che si desidera rimuovere e selezionare "Ispeziona".
Nel pannello Strumenti per sviluppatori, identificare l'elemento HTML che racchiude il commutatore di lingua.
Annotare l'ID o il nome della classe :
- Se si tratta di un ID, prefisso con # (es. #main-navigazione ).
- Se si tratta di un classe, prefisso con. (es. .menu-contenitore ).

Ad esempio, se l'elemento genitore ha l'ID navigazione principale , il selettore corrispondente sarebbe :

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

2. Aggiungere la regola CSS

Accedere alla dashboard di WordPress.
Andare alle impostazioni del plugin Weglot > Sovrascrivi CSS.
Incollare il seguente codice, sostituendo [INSERT_PARENT_SELECTOR_HERE] con il giusto selettore CSS:

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

Fare clic su "Salva modifiche".

Ecco un esempio di come dovrebbe apparire (secondo l'esempio precedente) :

3. Verificare le modifiche

Dopo aver salvato, aggiornare il sito web per verificare che il relativo selettore di lingua non sia più visibile. Ecco fatto! Avete rimosso con successo il selettore di lingua indesiderato dal vostro sito WordPress.