Foglio di stile a cascata Il codice di progettazione Web include un'opzione sfumatura, quindi puoi aggiungere sfondi sfumati solo CSS ai tuoi siti Web WordPress senza bisogno di immagini suddivise. In WordPress, non puoi applicare il gradiente al tag body come faresti per gli sfondi solidi, ma puoi usare un contenitore div che avvolge l'intero sito web. Molti temi basati su framework CSS includono già un div, ma puoi aggiungerne uno se il tuo tema non lo fa.
Passaggio 1
Vai alla directory ** wp-admin ** del tuo sito Web e accedere alla dashboard di WordPress. Passare a ** Aspetto ** e fare clic sul collegamento ** Editor **. Fai clic sul link ** header.php ** sotto l'intestazione Modelli per caricare il file HTML contenente il tag body del tuo sito Web.
Passaggio 2
Cerca un div con un ID di "contenitore" direttamente sotto il tag body nel tuo file header.php. Se non lo trovi, aggiungine uno. Ecco come dovrebbe apparire: salva il file facendo clic sul pulsante blu ** Aggiorna file **. Se hai aggiunto un div, carica ** footer.php ** nell'editor e aggiungi **** direttamente sopra **** per chiudere il div.
Passaggio 3: Carica lo stile **. css ** nell'editor. Aggiungi questo codice in fondo al file: #container {background-color: # 038394; immagine di sfondo: gradiente lineare (in alto, # 038394, # 00CCCC); immagine di sfondo: -webkit-linear-gradient (in alto, # 038394, # 00CCCC); immagine di sfondo: -moz-linear-gradient (in alto, # 038394, # 00CCCC); } Il codice precedente imposta un fallback per i browser che non supportano i gradienti. L'impostazione di "immagine di sfondo" su "gradiente lineare" crea lo sfondo sfumato. Almeno, è necessario impostare una direzione per iniziare il gradiente e quindi due colori che si sbiadiscono l'uno nell'altro. Aggiungi nuovamente quella riga di codice due volte, aggiungendo i prefissi Webkit e Mozilla per i browser Chrome, Safari e Firefox.
Fai clic sul pulsante blu ** Aggiorna file ** per salvare il file style.css. Lo sfondo del gradiente ora appare su ogni pagina del tuo sito Web WordPress.
Suggerimento
Imposta tutti i margini a zero per il div "contenitore" se vedi uno spazio bianco attorno al gradiente.
Computer © www.354353.com