Imposta un’immagine di sfondo per il tuo sito Web WordPress

Ogni immagine o video che usi sul tuo sito Web definisce il tuo marchio per il tuo pubblico. Quindi le immagini di sfondo sul tuo sito Web sono importanti e dovresti progettarle o sceglierle tenendo in considerazione lo stile del tuo marchio e il pubblico di destinazione.

In questo tutorial, imparerai una serie di modi per impostare un’immagine di sfondo sul tuo sito web WordPress. Ti porterò attraverso il processo di impostazione dell’immagine di sfondo di WordPress in dettaglio in modo che tu possa facilmente farlo da solo.

Se stai ospitando il tuo sito WordPress con WordPress.com o stanno utilizzando un server autogestito, questo tutorial è per voi. Imparerai i seguenti metodi per impostare un’immagine di sfondo per il tuo sito web WordPress:

• aggiungi un’immagine di sfondo con le impostazioni del tema WordPress
• aggiungi un’immagine di sfondo usando i plugin WordPress
• aggiungi foto di sfondo usando CSS

Opzione 1. Aggiungi un’immagine di sfondo con le impostazioni del tema WordPress

Molti temi WordPress gratuiti consentono di impostare un’immagine di sfondo. Sto usando il Twenty Twenty-One theme, che è un semplice tema go-to per blog, portafogli e piccole imprese. Questo tema permette anche di avere un’immagine di sfondo.

Accedi alla sezione admin del tuo sito WordPress. È possibile gestire la maggior parte delle impostazioni di WordPress da qui.

• 
  WordPress
  Come accedere al tuo sito WordPress Admin Dashboard
  Adi Purdila

Fai clic su Aspetto, che contiene tutte le impostazioni per l’aspetto del tuo sito web. Ti verrà chiesto di scegliere un tema. Scegli Twenty Twenty-One come tema (o qualsiasi altro tema che ti permette di avere un’immagine di sfondo).

Ora, passa il mouse sul menu Aspetto e fai clic su Sfondo. Apparirà la finestra di personalizzazione del tema e ti permetterà di scegliere un’immagine di sfondo.

Ora, Seleziona Immagine e scegli un’immagine dalla tua libreria WordPress o carica un’immagine.

È possibile impostare i dettagli dell’immagine di sfondo, come il testo alt, il titolo, la didascalia e la descrizione. Se il tuo obiettivo è SEO, è sempre una grande idea aggiungere testo alt.

Una volta scelta l’immagine e salvate le impostazioni, l’immagine di sfondo di WordPress cambierà. Ora puoi esplorare le diverse opzioni preimpostate (Riempi schermo, Adatta allo schermo, ecc.), che ti permetterà di rendere la tua immagine di sfondo esattamente come la vuoi.

Ricordarsi di fare clic sul pulsante Salva modifiche in alto a sinistra o le modifiche non verranno salvate.

Opzione 2. Aggiungi un’immagine di sfondo Usando i plugin WordPress

L’utilizzo dei plugin per apportare modifiche all’aspetto del tuo sito Web è consigliato solo se hai un sito WordPress autogestito o se hai investito in un piano a pagamento da WordPress.com. Se si sceglie di utilizzare i plugin con il vostro libero WordPress.com conto, il tuo dominio cambierà da .wordpress.com a .wpcomstaging.com, che non è l’ideale.

I plugin offrono molte funzionalità e funzionalità per il tuo sito WordPress. Ad esempio, con un plugin di sfondo, puoi aggiungere sfondi diversi in più aree del tuo sito Web: post, pagine e categorie. È inoltre possibile impostare un video di YouTube come sfondo con un plugin. I plugin possono anche ridimensionare le immagini e i video per i telefoni in modo che il pubblico possa facilmente godersi il tuo sito Web dai loro telefoni.

• 
  WordPress
  Che cos’è un plugin per WordPress?
  Rachel McCollin
• 
  WordPress
  17 Migliori Video di Sfondo, Plugin per WordPress
  Nona Blackman

Per questo tutorial, stiamo utilizzando un semplice plugin gratuito. Si chiama il semplice plugin immagine di sfondo a schermo intero.

Una volta attivato il plugin, passa il mouse sopra l’aspetto. Ora, fare clic sulla nuova opzione, Immagine BG a schermo intero.

Quindi, fai clic su Scegli immagine e carica l’immagine che desideri come immagine di sfondo di WordPress. Puoi anche scegliere un’immagine dalla tua libreria multimediale se in precedenza hai aggiunto l’immagine di sfondo preferita.

Puoi aggiungere i dettagli come testo alt, didascalia e descrizione dell’immagine se lo desideri. Fare clic su Usa immagine e quindi Salva opzioni.

Ora, vai al tuo sito web per vedere come appare l’immagine di sfondo di WordPress.

Opzione 3. Aggiungi foto di sfondo usando CSS

Ancora una volta, per aggiungere un’immagine di sfondo usando CSS, dovrai avere un sito WordPress self-hosted o iscriverti a un piano a pagamento su WordPress.com. CSS personalizzato non solo ti permetterà di aggiungere un’immagine di sfondo, ma puoi anche apportare varie modifiche all’aspetto del tuo sito web per farlo sembrare esattamente come vuoi.

Vai alla dashboard di WordPress e fai clic su Aspetto > CSS aggiuntivo.

Ora, aggiungi queste righe di codice nel campo CSS per impostare un’immagine di sfondo di WordPress.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

Sostituisci http://theimageurl con l’URL dell’immagine che desideri utilizzare come immagine di sfondo di WordPress.

Puoi anche aggiungere sfondi e immagini personalizzati ai singoli post sul tuo sito web WordPress. Per fare ciò, avrai bisogno di questo codice:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

Proprio come prima, dovrai sostituire http://anotherimageurl con l’URL dell’immagine che vuoi usare. Dovrai anche sostituire slug con il nome di una categoria esistente sul tuo sito.

Una volta che hai finito di apportare le modifiche in CSS, non dimenticare di fare clic sul pulsante Salva modifiche per memorizzare tutte le modifiche. Ora puoi visitare il tuo sito per visualizzare la nuova immagine di sfondo!

Presta attenzione alle dimensioni dell’immagine

Prima di caricare qualsiasi immagine sul tuo sito WordPress, concentrati sulle sue dimensioni. Si è tentati di aggiungere un visual di alta qualità. Tuttavia, questo potrebbe aumentare la velocità di caricamento del tuo sito web. Non sembra un grosso problema; tuttavia, più lento è il tuo sito, maggiore è la frequenza di rimbalzo, il che significa che più persone lasciano il tuo sito Web prima di leggere o vedere il suo contenuto. Questo, a sua volta, influisce sulle conversioni. Google ha detto che due secondi è la velocità del sito ideale, soprattutto se si esegue un business.

Tuttavia, d’altra parte, l’aggiunta di immagini di scarsa qualità solo per avere una dimensione più piccola può anche influire negativamente sull’esperienza dell’utente. Quindi la pratica ideale è mantenere un equilibrio e aggiungere immagini di buona qualità, ma solo quando necessario, cioè quando aggiungono valore ai tuoi contenuti e solo alla risoluzione necessaria.

Riepilogo

In questo tutorial, ti ho mostrato tre modi per impostare l’immagine di sfondo di WordPress.

1. aggiunta di un’immagine di sfondo attraverso le impostazioni dell’aspetto del tema
2. utilizzo di un plugin per aggiungere l’immagine di sfondo
3. aggiunta di CSS personalizzati

Potresti o non potresti aver bisogno di un’immagine di sfondo per il tuo sito web WordPress. Tuttavia, se scegli di avere un’immagine di sfondo, sappi che è un elemento significativo che imposta il tuo stile di marca per il tuo pubblico. Quindi assicurati che l’immagine di sfondo di WordPress rifletta l’immagine del tuo marchio.