WordPress - Design - Come eliminare un pulsante extra?

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

Se dopo l'aggiunta di Weglot Switcher ai menu nativi del sito web vengono visualizzati diversi pulsanti, potrebbe essere necessario rimuovere quelli non necessari. A tal fine, è possibile aggiungere una regola CSS per nasconderli.

1. Individuare il selettore padre del commutatore 

Innanzitutto, è possibile trovare un elemento genitore HTML che contenga il pulsante Weglot che si desidera nascondere. È necessario trovare un contenitore specifico in modo da nascondere solo il selettore di lingua desiderato. 

Per trovarlo, si può utilizzare lo strumento Inspector del browser(clic destro > 'Ispeziona elemento). 

Per esempio, supponiamo di voler nascondere il pulsante nell'area in alto a destra di questo sito web: 

Nella vista dell'ispettore (in basso nella schermata), main-navigation è il nome dell'ID dell'elemento che contiene il selettore di lingua che vogliamo rimuovere.

In effetti, include il pulsante Weglot che vogliamo eliminare (come mostra l'area blu in alto nella schermata), ma non gli altri commutatori.

Non importa il nome del selettore, se si tratta di un ' ID', è necessario anteporre al nome un segno di cancelletto (# ), e se si tratta di un 'classe', è necessario aggiungere un punto (. ) prima.

In questo caso, il selettore CSS dell'elemento genitore sarà #main-navigazione .

2. Aggiungere la regola CSS per nascondere l'elemento genitore

Una volta trovato il selettore giusto, andate nella Dashboard di WordPress > Impostazioni del plugin Weglot > Sovrascrivi CSS e incollate il seguente codice: 

[INSERT THE_PARENT_SELECTOR HERE] .wg-li {
    display: none !important;
}

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

3. Fare clic sul pulsante "Salva modifiche" e il gioco è fatto!

Il pulsante extra correlato non viene più visualizzato.