Come aggiungere un’immagine di sfondo in WordPress

Vi state chiedendo come aggiungere un’immagine di sfondo al vostro sito WordPress?

Le immagini di sfondo possono essere utilizzate in diversi siti web per renderli più accattivanti e per migliorare il design del sito.

Vi spiegheremo passo dopo passo come aggiungere facilmente un’immagine di sfondo al vostro sito WordPress.

Indice dei contenuti

1. Aggiungere un'immagine di sfondo tramite le impostazioni del tema di WordPress

La maggior parte dei temi WordPress offre il supporto per lo sfondo personalizzato. Questo significa che potete facilmente cambiare l’immagine di sfondo del vostro sito WordPress.

Questo è probabilmente il modo più semplice per aggiungere uno sfondo, quindi se il vostro tema WordPress lo supporta, potete continuare con questo metodo.

Se il vostro tema non offre questa funzione, abbiamo molti altri metodi da seguire elencati di seguito.

Andare su Aspetto > Personalizzare nella dashboard di amministrazione di WordPress. Si accede così al personalizzatore del tema di WordPress. Qui è possibile modificare le impostazioni del tema con un’anteprima dal vivo per vedere le modifiche del sito.

Nella scheda Colori e sfondi sono presenti le opzioni per selezionare l’immagine di sfondo o per modificare il colore e il motivo dello sfondo. Individuare il pulsante“Seleziona immagine” e fare clic su di esso.

A questo punto viene visualizzata la libreria multimediale di WordPress, dove è possibile caricare un’immagine dal computer o selezionare un’immagine dalla libreria multimediale da utilizzare come immagine di sfondo del sito WordPress.

Fare clic sull’immagine che si desidera impostare come sfondo e premere “Scegli immagine” per continuare. In questo modo si chiuderà la libreria multimediale e l’immagine selezionata verrà visualizzata nella sezione di anteprima del personalizzatore del tema.

È possibile personalizzare ulteriormente l’immagine di sfondo selezionando“Opzioni“. Qui è possibile posizionare l’immagine, ripeterla (se non è abbastanza grande) e altro ancora.

2. Utilizzare un plugin per personalizzare l'immagine di sfondo in WordPress

Se il tema non consente di personalizzare l’immagine di sfondo tramite il personalizzatore del tema, è possibile utilizzare un plugin che funziona con qualsiasi tema.

Il plugin Full Screen Background Pro consente di impostare sfondi per qualsiasi post, pagina o qualsiasi altra parte del vostro sito WordPress.

Tutte le immagini saranno automaticamente rese a schermo intero e reattive per i dispositivi mobili, cosa molto difficile da ottenere attraverso il personalizzatore del tema.

Innanzitutto, installare il plugin Full Screen Background Pro. Una volta installato, attivare il plugin.

Spostarsi su Aspetto > Immagine BG a schermo intero , dove è possibile configurare le impostazioni del plugin.

Questo plugin è un plugin premium e quindi non è gratuito. Quando si accede alla posizione sopra indicata, è possibile che venga richiesto di immettere la chiave di licenza. Questo può essere trovato nell’e-mail ricevuta dopo l’acquisto del plugin.

Fare clic su“Salva impostazioni” per salvare le modifiche. Ora siete pronti per iniziare ad aggiungere immagini di sfondo alle pagine, ai post e alle categorie di WordPress.

Selezionare “Aggiungi immagine” nella pagina delle impostazioni del plugin. Come abbiamo fatto con il primo metodo, selezionate “Scegli immagine” per avviare la libreria multimediale di WordPress.

È necessario aggiungere un nome all’immagine, ma questo verrà visualizzato solo nel backend di WordPress, quindi è necessario assegnare un nome pertinente all’immagine.

Scegliere la posizione in cui visualizzare l’immagine:

  • Globale
  • Categoria
  • Archivio
  • Pagine
  • Messaggi
  • Blog
  • Prima pagina
  • Ricerca
  • 404
  • Accesso
Fare clic su “Salva immagine” per salvare la nuova immagine di sfondo. È possibile aggiungere più immagini tornando a Aspetto > Immagine BG a schermo intero.
Se sono state selezionate più immagini, il plugin visualizza le immagini di sfondo come una presentazione. È possibile regolare le impostazioni della presentazione tramite l’opzione “effetti di dissolvenza”.

3. Aggiungere un'immagine di sfondo tramite CSS Hero

CSS Hero è un plugin per WordPress che consente di modificare il tema del vostro sito web senza dover ricorrere alla codifica.

Si tratta di un’opzione perfetta per i principianti che desiderano una maggiore flessibilità rispetto a quella offerta dal personalizzatore del tema, ma che potrebbero non essere preparati ad altri metodi più complicati.

Installare e attivare CSS Hero, quindi navigare nella homepage del proprio sito Internet. In alto, si trova l’opzione“Personalizza con CSS Hero“; fare clic su questo link nella barra di amministrazione.

CSS Hero è un plugin premium, con piani a partire da 19 dollari all’anno. Se state personalizzando un solo sito, potete scegliere l’opzione Starter.

Una volta fatto clic sul pulsante nella barra di amministrazione, si apriranno le opzioni di CSS Hero. Passare il mouse sull’area in cui si desidera modificare l’immagine di sfondo.

Scegliere il link dello sfondo nella barra laterale sinistra e selezionare “Immagine”. È possibile caricare le proprie immagini o sceglierne una da Unsplash, un sito web gratuito di foto stock.

Una volta ottenuta l’immagine che si desidera aggiungere come immagine di sfondo al proprio sito WordPress, selezionare “Applica immagine”. È possibile regolare le dimensioni dell’immagine e altro ancora attraverso le opzioni.

Se siete pronti a vedere la vostra nuova immagine di sfondo in azione, fate clic su “Salva e pubblica”. CSS Hero funziona con una serie di altri plugin come Elementor, quindi assicuratevi di verificarne la compatibilità prima di acquistarlo.

4. Aggiungere un'immagine di sfondo con i CSS

WordPress, per impostazione predefinita, aggiunge classi CSS ai diversi elementi del vostro sito WordPress. Se siete pronti a sperimentare con il codice CSS, questo metodo potrebbe fare al caso vostro.

Se sul vostro sito WordPress avete una categoria chiamata “Recensioni”, le classi CSS verranno aggiunte automaticamente quando la pagina della categoria viene visualizzata.

Navigare nella pagina di una categoria, fare clic con il tasto destro del mouse e selezionare “Ispeziona”. Sarà possibile vedere le classi CSS aggiunte da WordPress.

In questo esempio, si può usare laclasse CSS category-reviews per dare a questa categoria uno stile diverso da tutte le altre presenti sul sito WordPress.

Aggiungete il seguente CSS personalizzato al vostro tema, ricordandovi di sostituire la categoria e l’immagine di sfondo secondo le vostre esigenze.

1
2
3
4
5
6
7
body.category-reviews {
background-image: url("http://example.com/wp-content/uploads/2019/03/your-background-image.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

5. Roundup

Speriamo che questo articolo sia stato utile per insegnarvi come aggiungere un’immagine di sfondo in WordPress. Per ulteriori tutorial su WordPress, visitate la pagina del nostro blog e utilizzate la funzione di ricerca per trovare altre guide su WordPress!