Come posso riordinare gli elementi ‘Voti’ e ‘I miei voti’ nell’intestazione? Attualmente nel mio sito (ho rinominato ‘Voti’ in ‘Più votati’ e il predefinito ‘Top’ è ora ‘Attivo’ perché ho trovato confuso averli entrambi):
Vorrei che ‘Più votati’ e ‘I miei voti’ si trovassero tra ‘Attivo’ e ‘Segnalibri’, ma:
rimuovili tutti dalla scatola e inseriscili nell’ordine desiderato.
Ah, capisco dal titolo che qualcuno ha creato aprendo una nuova discussione che la mia domanda non è chiara.
So come riordinare gli elementi del menu superiore in generale. So anche che c’è un trucco per farlo (“rimuovi e aggiungi di nuovo”) che non è immediato, ma conosco quel trucco. Non è il mio problema.
Il mio problema è: quando il plugin Voting è attivo, nel menu compaiono nuovi elementi, “Voti” e “I miei voti”. Se provo ad aggiungerli all’impostazione “menu superiore” (come nella foto sopra), non riesco a farlo. Appare il messaggio di errore “Hai specificato la scelta non valida votes”.
C’è un nome diverso che dovrei usare? O c’è un modo diverso per farlo?
Per quel che vale, penso che voglia l’ordine
Ultimi | Attivi | Più votati | Preferiti
… non sono convinto che “I miei voti” debba apparire affatto (lo stiamo usando in un’ottica di “vota in alto tutto ciò che ti piace!” piuttosto che “pesare una manciata di preferiti”).
Ho riordinato gli elementi della tua barra di navigazione come descritto qui
Sentiti libero di cambiare l’ordine come preferisci. Troverai un nuovo componente del tema sul tuo sito basato sugli elementi attualmente visibili.
Quando ci sono pulsanti non convenzionali che non appaiono nell’impostazione “top menu”, basta modificare l’ordine con il CSS, poiché l’elemento navbar utilizza la proprietà flex. Vedi questo esempio:
/*In questo caso specifico il plugin Voting è abilitato solo in una categoria,
quindi modificheremo la navbar solo in quella categoria. Sostituisci {your-category-slug}
con lo slug della categoria di destinazione*/
.category-{your-category-slug} #navigation-bar {
/*Ultime*/
:nth-child(1) {
order: 1;
}
/*Non lette*/
:nth-child(2) {
order: 2;
}
/*Nuove*/
:nth-child(3) {
order: 3;
}
/*Più votate*/
:nth-child(4) {
order: 5;
}
/*I miei voti*/
:nth-child(5) {
order: 6;
}
/*Attive*/
:nth-child(6) {
order: 4;
}
/*Preferiti*/
:nth-child(7) {
order: 7;
}
}
Grazie @dax! Il valore “nth-child” nel CSS dipende dall’ordine nell’impostazione top-menu o questi valori sono fissi da qualche parte? Ad esempio, se rimuovo “Attivo” (ovvero “In alto”) dall’elenco nelle impostazioni, dovrò aggiornare anche il CSS?
E se, come ho riflettuto sopra, volessi nascondere “I miei voti”?
Sì.
Aggiungi semplicemente display: none; al tuo CSS, ad esempio:
/*I miei voti*/
#navigation-bar :nth-child(5) { order: 6; display: none;}