February 16
Alternate fila colori - spesso chiamato "zebra striping" - nelle tabelle ed elenchi rendere i siti web più leggibile. Quando le tabelle o elenchi fanno i colori di sfondo non si alternano, diventa più facile per gli occhi di una persona di saltare in giro e frainteso informazioni importanti. In WordPress, il metodo più semplice per i colori delle righe alternando è quello di utilizzare jQuery. È necessario innanzitutto rendere il vostro tema compatibile con jQuery e quindi aggiungere il codice jQuery che inserisce una nuova classe in ogni altra riga di una tabella o un elenco. Usa il codice CSS per dire al browser quale colore di sfondo da utilizzare per quella classe.
1 Aprire il file "header.php" del tuo tema WordPress e cercare "<? Php wp_head ();?>" Tra il <head> e </ head> tag. Aggiungere questo codice sopra la funzione wp_head ():
<? Php wp_enqueue_script ( "jquery"); ?>
Se il tema comprende un tag <script> che fa riferimento alla libreria jQuery, rimuovere l'intero tag <script>. WordPress è dotato di jQuery già installato.
2 Trova il <script> e </ script> tag tra le <head> tag. Questo insieme di <script> tag non include l'attributo "src" perché contiene codice incorporato nel file "header.php". Se il tema non ha questi tag, aggiungerli. Aggiungere questo codice tra i tag <script> come questo:
<Script type = "text / javascript">
jQuery (document) .ready (function () {
jQuery ( "alternativo: anche tr.") addClass ( "alt");.
});
</ Script>
Ogni altro tag <tr> in una tabella con un nome di classe di "alternate" ottiene la "alt" nome della classe. È possibile passare "anche" a "strano" se lo si desidera.
3 Aprire il file "style.css" del tuo tema WordPress e aggiungere questo codice CSS:
.ALT .alternate {
colore di sfondo;
}
Cambiare "colore" al nome di un colore o il suo valore esadecimale. Questo codice CSS definisce un colore di sfondo per ogni tag con un nome di classe di "alt" se questo tag è nidificato all'interno di un altro tag dato un nome di classe di "alternate".