Nwlapcug.com


Come cambiare un colore di sfondo della barra laterale con un tema di WordPress



In WordPress, barre laterali spesso includono widget..--piccoli programmi che visualizzano contenuto, ad esempio menu o calendari..--e altre informazioni al lato del contenuto del tuo blog principale. Barre laterali esistano nei propri file, quello primario essendo sidebar. php. È possibile aprire questi file dal dashboard di WordPress e ispezionare l'HTML per ottenere informazioni è necessario modificare il colore di sfondo di una barra laterale nel foglio di stile. Il file di foglio di stile Style. CSS contiene codice di Cascading Style Sheet (CSS) che controlla l'aspetto del tuo blog intero.

Istruzioni

1

Login per il dashboard di WordPress dalla directory wp-admin del tuo sito Web. Passare alla schermata "Aspetto" e fai clic sul link di "Editor" nella sezione "Aspetto" nel menu a sinistra. Fare clic sul collegamento al file sidebar sotto i "modelli" intestazione.

2

Trovare il tag div o sezione che avvolgono il vostro sidebar nel codice. Aggiungere un paio di wrapping tag div, se si vede nessuno e darà loro un nome ID. Ecco un esempio di codice di barra laterale:

< div id = "primario" class = "barra laterale" >

<? php se (! function_exists('dynamic_sidebar') | |! dynamic_sidebar ('Sidebar primario')):? >

<? php endif;? >

< / div >

Nell'esempio precedente, si avrebbe bisogno il nome ID "primario" dal primo tag div. Salvare il file, se si è modificato.

3

Aprire il file Style. CSS nel vostro editor di temi facendo clic sul relativo collegamento sotto "Modelli". Per cercare un selettore come "#idname" dove "idname" è il nome di ID del vostro div di avvolgimento o sezione Tag. Se non vedete questo selettore, è possibile aggiungerlo alla parte inferiore del file. Modificare il codice CSS in modo che assomiglia a questo:

IDname {

colore di sfondo: #cecece;

}

Il codice sopra riportato mostra come il colore di sfondo è impostato per il div o sezione con un nome ID di "idname." Il selettore può includere altre coppie proprietà-valore.

4

Modificare il valore di "background-color" al codice per il colore che si desidera utilizzare. È possibile utilizzare colori denominati come "rosso" o "viola", codici colore esadecimale come "#ff0000" o RGBa (rosso, verde, blu e alfa) come "rgba (255, 255, 0, 0.5)" per specificare i colori semi-trasparenti. Al termine, salvare il file.

Consigli & Avvertenze

  • Eseguire sempre il backup dei file di tema di WordPress prima di modificarli.