Evidenziazione posizioni
Il modulo Highlight Places è incluso in SportsPress Pro. Aggiunge un meta box Evidenziazione posizioni alla schermata di modifica della classifica, consentendoti di applicare evidenziazioni colorate a posizioni specifiche nella classifica — ad esempio, contrassegnare le posizioni di qualificazione o le zone retrocessione.
Il meta box Evidenziazione posizioni
Apri la schermata di modifica di qualsiasi classifica. Il meta box Evidenziazione posizioni appare nella barra laterale. Contiene una tabella con quattro colonne:
Colore — un input selettore colore. Fai clic sul campo per aprire il selettore di colore Iris e scegliere un colore di evidenziazione.
Posizione — un input numerico (minimo 1). Inserisci il numero di posizione da evidenziare. Ad esempio, inserisci
1per evidenziare la squadra in cima alla classifica.Commento — un input di testo. Inserisci un'etichetta che descrive cosa significa l'evidenziazione, come "Champions League" o "Retrocessione". Questo testo appare sotto la tabella sul frontend.
Un pulsante elimina (×) per rimuovere la riga.
Fai clic sul pulsante + nell'intestazione del meta box per aggiungere una nuova riga.
Aggiunta di una regola di evidenziazione
Fai clic sul pulsante + per inserire una nuova riga.
Fai clic sul campo colore e seleziona un colore.
Inserisci il numero di posizione nel campo Posizione.
Facoltativamente inserisci una descrizione nel campo Commento.
Ripeti per posizioni aggiuntive.
Fai clic su Aggiorna per salvare.
Per evidenziare un intervallo di posizioni con lo stesso colore (ad esempio, le posizioni da 1 a 3 per la qualificazione alla Champions League), aggiungi una riga per posizione, ciascuna con lo stesso colore. La legenda frontend de-duplica i colori identici consecutivi e mostra solo una voce della legenda per colore univoco.
Impostazione globale del tipo di evidenziazione
Un'impostazione in SportsPress > Impostazioni > Classifiche controlla se il colore di evidenziazione viene applicato all'intera riga della tabella o solo alla cella del grado:
Solo cella grado — evidenzia solo la cella del numero di posizione (
td.data-rank)Intera riga — evidenzia l'intera riga della squadra
Questa impostazione è globale e si applica a tutte le classifiche del sito.
Visualizzazione frontend
Quando viene visualizzata una classifica, il modulo emette CSS inline che punta alla riga nella posizione specificata (usando una classe CSS indicizzata da zero sp-row-no-N dove N = posizione − 1). Il colore di sfondo della cella o riga puntata è impostato al colore configurato.
Sotto la tabella appare una legenda che elenca ogni colore univoco accanto al suo testo Commento. Le righe con un Commento vuoto vengono omesse dalla legenda. Se due posizioni consecutive condividono lo stesso colore, viene mostrata solo una voce della legenda per quel colore.