June 2
In WordPress, barre laterali spesso includono i widget - piccoli programmi che visualizzano contenuti come i menu o calendari - e altre informazioni al lato del vostro contenuto principale del blog. Barre laterali esistono nelle proprie file, quello principale è sidebar.php. È possibile aprire questi file dal cruscotto di WordPress e controllare la sua HTML per ottenere informazioni necessarie per cambiare il colore di sfondo di una barra laterale nel foglio di stile. Il file style.css foglio di stile contiene il codice Cascading Style Sheet (CSS) che controlla l'aspetto del vostro intero blog.
1 Accedere al dashboard di WordPress dalla directory wp-admin del tuo sito web. Passare alla schermata "Aspetto" e cliccare sul link "Editor" sotto "Aspetto" nel menu a sinistra. Fare clic sul collegamento al file di barra laterale sotto la voce "Modelli".
2 Trova le div o sezione tag che avvolgono intorno alla vostra barra laterale nel codice. Aggiungere un paio di avvolgimento tag div se si vede nessuno, e dare loro un nome ID. Ecco un esempio di codice barra laterale:
<Div id = classe "primario" = "sidebar">
<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'primaria Sidebar')!!):?>
<? Php endif; ?>
</ Div>
Nell'esempio di cui sopra, si avrebbe bisogno il nome ID "primario" dal primo tag div. Salvare il file se è stata modificata.
3 Aprire il file style.css con un editor di temi cliccando sul link sotto "Modelli". Cercare un selettore di tipo "#idname" dove "idName" è il nome del vostro ID div confezione o sezione tag. Se non vedi questo selettore, aggiungerla alla fine del file. Modificare il codice CSS in modo che appaia in questo modo:
idName {
background-color: #cecece;
}
Il codice sopra mostra come il colore dello sfondo è impostato per il div o sezione con un nome ID di "idName." Il tuo selettore può includere altre coppie proprietà-valore.
4 Modificare il valore di "background-color" per il codice per il colore che si desidera utilizzare. È possibile usare colori come il "rosso" o il nome di "viola", codici colore esadecimale come "# ff0000" o RGBA codici come (rosso, verde, blu e alfa) "RGBA (255, 255, 0, 0.5)" per specificare semi colori -Trasparente. Salvare il file dopo aver finito.