Come inserire uno sfondo in una pagina wordpress manualmente

Se state cercando un modo per inserire uno sfondo in una pagina di wordpress, in questo articolo andremo a vedere in particolare, come con poche righe di CSS nel nostro foglio di stile, sarà possibile modificare ogni singola pagina del nostro blog wordpress con uno sfondo diverso, e tutto senza utilizzare plugin.

Di base, ogni tema wordpress ha la funzione nel pannello di personalizzazione di poter caricare uno sfondo unico per tutto il portale; ma se volessimo avere diverse immagini per ogni pagina in modo da renderla unica? Vediamo subito come fare.

Come cercare ID pagina wordpress

Come prima cosa dobbiamo scegliere degli sfondi e caricarli nella galleria media, oppure in un cartella desiderata via FTP, successivamente dovremo recuperare l’ID della pagina in cui vogliamo inserire il nostro sfondo.

Possiamo recuperarla velocemente navigando in  pagine > tutte le pagine e nella lista che apparirà dovremo passare il mouse sul nome della pagina desiderata senza cliccarci, e subito in basso a sinistra della nostra finestra browser verrà mostrato il link indicativo con il suo ID. (vedi immagine)

Come inserire uno sfondo differente in ogni pagina wordpress

Per personalizzare una pagina wordpress, abbiamo bisogno di metter mano al foglio di stile del tema, che è possibile raggiungere dal nostro pannello admin > Aspetto > Editor. O ancora meglio, quando si tratta di aggiungere o modificare il css di un tema, consiglio sempre di creare un child theme. Scopri come creare un child del tuo tema.

Codice per inserire uno sfondo in una pagina wordpress

Una volta trovato “style.css” andremo ad aggiungere il seguente codice:

body.page-id-100  {
background-image:url('http://www.youfriend.it/miosfondo.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}

Come potete vedere è semplicissimo, basterà sostituire il numero che indicia l’id della vostra pagina e l’indirizzo in cui risiede la vostra immagine caricata, e in questo modo potrete inserire uno sfondo unico per ogni singola pagina creata su wordpress.

Il codice può essere anche esteso a diverse pagine, tutte con lo stesso sfondo come nell’esempio seguente:

body.page-id-100,
body.page-id-200,
body.page-id-300  {
background-image:url('http://www.youfriend.it/miosfondo.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}

Inserire uno sfondo in una categoria:

.category-NomeCategoria {
background-image:url('http://www.youfriend.it/miosfondo.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}

Ora sapete come personalizzare gli sfondi in una pagina wordpress o categoria, Buon lavoro!

👁️977 visti/letture

Ti è piaciuto questo articolo?

Clicca sulle stelle per votare!

Media voto 4.7 / 5. Voti: 3

Grazie per aver votato...

Seguici sui social!

Condividi l'articolo:
Andrea
Andrea

Ciao, sono Andrea di Roma, realizzo con passione siti web (blog e community) dal 2008. Inoltre, sono Product Expert di Google Italia e ho fondato diversi siti tra cui il social network di YouFriend. Mi trovate Online anche con il nickname Urienmad! Tra gli altri miei interessi ci sono: musica, cinema e serie tv, photoshop, calcio, videogames, sushi, anime, cantare, suonare il piano e... tutto ciò che è arte.
- La condivisione è il senso della vita -

Articoli: 721

2 commenti

Lascia un Commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

    • Salve Gfy, con le ultime versioni di wp la colonna id della pagina è stata tolta, ho però aggiornato l’articolo spiegando in che modo è possibile recuperarla. Saluti

Please login to use this feature.