Vai al contenuto principale

Come aggiungere un'immagine in background su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi aggiungere un'immagine di sfondo al tuo sito Web WordPress? Le immagini di sfondo possono essere utilizzate per rendere il tuo sito web più attraente ed esteticamente gradevole. In questo tutorial, ti mostreremo quindi come aggiungere facilmente un'immagine di sfondo al tuo sito Web WordPress.

Partiamo dal presupposto che tu abbia già installato WordPress. Se non l'hai già fatto, dai un'occhiata a Come impostare un blog WordPress in 7 passaggi guida.

Ti ricordiamo che il caricamento di molte immagini sul tuo blog o sito Web può ridurre i tempi di caricamento di queste ultime.

Scopri qui Perché devi iniziare a ottimizzare il tuo blog WordPress con le immagini

 

Aggiungi un'immagine di sfondo su wordpress

Metodo 1. Aggiungi un'immagine di sfondo utilizzando le impostazioni del tema

La maggior parte dei temi WordPress gratuiti e premium sono dotati di una funzione di personalizzazione dell'immagine di sfondo. Questa funzione ti consente di impostare facilmente un'immagine di sfondo sul tuo sito Web WordPress.

Se il tuo tema WordPress supporta una funzionalità di sfondo personalizzata, ti consigliamo di utilizzare questo metodo per aggiungere un'immagine di sfondo al tuo sito Web WordPress. Tuttavia, se il tuo tema non supporta la funzione di sfondo personalizzato, puoi utilizzare altri metodi in questo tutorial. 

Scopri anche come modificare il layout del tuo blog WordPress

Per prima cosa devi visitare il " Aspetto> Personalizza Nella tua dashboard di WordPress. Ciò avvierà il Personalizzatore temi WordPress in cui è possibile modificare diverse impostazioni di quest'ultimo mentre si guarda un'anteprima in tempo reale.

L'immagine di sfondo di Wordpress personalizza un tema

Quindi è necessario fare clic sull'opzione "Immagine di sfondo". Il pannello scorre e mostra le opzioni per caricare o selezionare un'immagine di sfondo per il tuo sito web.

Personalizza un'immagine di sfondo

Fare clic sul pulsante Seleziona l'immagine per continuare.

Verrà visualizzata la finestra pop-up Download di WordPress Media in cui potrai scaricare un'immagine dal tuo computer. Sarai anche in grado di selezionare un'immagine precedentemente scaricata dalla libreria multimediale.

Finestra pop-up wordpress multimediale

Quindi devi fare clic sul pulsante Scegli l'immagine Dopo aver scaricato o selezionato l'immagine che desideri utilizzare come sfondo.

Questo chiuderà il pop-up e vedrai l'anteprima dell'immagine selezionata nel file Customizer.

Wordpress visualizzato personalizzatore di immagini

Sotto l'immagine, sarai anche in grado di vedere le opzioni dell'immagine di sfondo. Sotto Preset è possibile selezionare come visualizzare l'immagine di sfondo.

Scopri anche come caricare i tuoi file multimediali su WordPress

È inoltre possibile selezionare la posizione dell'immagine di sfondo facendo clic sulle frecce in basso. Fare clic al centro per allineare l'immagine al centro dello schermo.

Non dimenticare di fare clic sul pulsante « Salva e pubblica In alto per salvare le tue impostazioni. Ecco fatto, hai aggiunto con successo un'immagine di sfondo al tuo sito Web WordPress.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Andate a visitare il vostro sito web per vederlo in azione.

Metodo 2. Aggiungi un'immagine di sfondo personalizzata in WordPress utilizzando un plug-in

Questo metodo è molto più flessibile. Funziona con qualsiasi tema WordPress e ti consente di impostare più immagini di sfondo. Puoi anche impostare sfondi diversi per qualsiasi post, pagina, categoria o qualsiasi altra sezione del tuo sito web.

Dà la possibilità a tutte le tue immagini di sfondo di essere visualizzate a schermo intero e su dispositivi mobili. Ciò significa che l'immagine di sfondo verrà ridimensionata automaticamente sui dispositivi più piccoli.

Prima di tutto, devi installare e attivare il plugin " Full Screen Background Pro ". Per maggiori dettagli, consulta la nostra guida dettagliata su come installare un plugin per WordPress .

Quando attivi, devi visitare il " Aspetto> Immagine BG a schermo intero Per configurare le impostazioni del plugin.

Configurazione del plugin immagine bg a schermo intero

Dovrai aggiungere la tua chiave di licenza. Puoi ottenere queste informazioni dall'e-mail che hai ricevuto dopo l'acquisto del plug-in o dal tuo account sul sito Web del plug-in.

Quindi devi fare clic sul pulsante Salva le impostazioni Per memorizzare le modifiche. Ora sei pronto per iniziare ad aggiungere immagini di sfondo al tuo sito web.

Vai avanti e fai clic sul pulsante Aggiungere una nuova immagine Nella pagina delle impostazioni del plugin. Questo ti porterà alla schermata di download in background.

Sfondo di personalizzazione di Wordpress

Clicca sul bottone Scegli l'immagine »Per scaricare o selezionare un'immagine. Non appena selezioni l'immagine, sarai in grado di vedere un'anteprima in tempo reale.

Quindi è necessario fornire un nome per questa immagine. Questo nome verrà utilizzato internamente, quindi puoi definire ciò che desideri.

Infine, è necessario selezionare dove si desidera utilizzare questa immagine come pagina di sfondo. " Full Screen Background Pro »Ti consente di configurare le immagini come sfondo a livello globale, oppure puoi scegliere tra diverse sezioni del tuo sito web, come categorie, archivi, prima pagina, pagina del blog, ecc. 

Se sei un fotografo, designer e altro ancora, ecco il 10 migliore dei migliori temi WordPress per creare un sito Web portfolio

Non dimenticare di fare clic sul pulsante « Salva immagine »

Puoi aggiungere tutte le immagini che desideri visitando il " Aspetto> Immagine BG a schermo intero '.

Se imposti più di un'immagine da utilizzare globalmente, il plug-in inizierà automaticamente a mostrare le immagini di sfondo come una presentazione.

È possibile regolare il tempo necessario affinché l'immagine scompaia e la durata dell'animazione di dissolvenza.

Impostazione del tempo di visualizzazione

Il tempo immesso qui è in millisecondi. Se vuoi che l'immagine di sfondo scompaia dopo 20 secondi, devi inserire 20000.

Non dimenticare di fare clic sul pulsante « Salva le impostazioni Per memorizzare le modifiche.

Definisci l'immagine di sfondo per singoli post, pagine, categorie, ecc….

« Full Screen Background Pro »Consente inoltre di impostare immagini di sfondo per post, pagine, categorie, tag, ecc.

Basta cambiare il post / la pagina in cui desideri visualizzare un'immagine di sfondo diversa. Nella schermata di modifica del post, noterai la nuova casella "Immagine di sfondo" nella parte inferiore dell'editor del post.

Modifica dell'immagine di sfondo

Per utilizzare un'immagine di sfondo per una categoria specifica, devi visitare il " Aspetto> Immagine BG a schermo intero », Quindi fare clic sul pulsante« Aggiungere una nuova immagine '.

Vedi in questo articolo W3 Total Cache vs WP Super Cache: quale scegliere?

Dopo aver scaricato l'immagine, è necessario selezionare "categoriaCome il contesto in cui si desidera visualizzare l'immagine di sfondo.

Selezione di immagini per categorie

Ora inserisci l'ID o lo slug della categoria specifica in cui desideri visualizzare l'immagine. Ricordati di salvare la tua immagine per memorizzare le tue impostazioni.

Se stai creando un sito Web per un fotografo o per qualsiasi agenzia creativa, dai un'occhiata ai nostri temi WordPress premium 3 ottimizzati per questa attività.

1. alce americano

Moose è un bellissimo e sofisticato tema WordPress che ti consente di personalizzare praticamente qualsiasi sito Web e soprattutto di dargli un ottimo aspetto a schermo intero.

Temi alci wordpress creare sito web agenzia fotografica

 Viene fornito con diverse combinazioni di menu e layout per iniziare rapidamente e, se hai bisogno di un vantaggio, sarai in grado di importare una delle sue dieci demo in pochi minuti.

Il suo design robusto e visivo abbinato a opzioni di portfolio, layout di griglia e altro ancora lo rendono un ottimo posto per mostrare lavori creativi. Ma francamente, potrebbe anche essere perfetto per qualsiasi tipo di sito Web aziendale.

DownloadDemoWeb hosting

2. Fotofly

Questo tema WordPress è ideale per la creazione di qualsiasi sito Web di fotografi. Con un layout pensato per ottimizzare la visualizzazione di ciascuna delle tue acquisizioni, sarà perfetto nella conversione di molti visitatori.

Temi Fotofly wordpress creare sito web fotografo illustratore designer

Questo tema WordPress è adatto per la facile creazione di siti Web di qualsiasi fotografo, grazie alla qualità dei suoi layout. Il suo ultimo è ultra reattivo e consente di essere visualizzato su qualsiasi dispositivo mobile.

Scopri il Plugin 7 WordPress per ottimizzare la memorizzazione nella cache del tuo sito web

Viene fornito con funzionalità come: supporto per molti widget, condivisione sui social network, personalizzazione del logo, supporto per mega menu, compatibilità con diversi plugin popolari, molti strumenti dedicati al blog, documentazione dettagliata , supporto multilingue, effetti di hovering di immagini, una potente galleria fotografica, supporto per password su questo e molti altri.

DownloadDemoWeb hosting

3. grande fotografia

Grand Photography è un tema WordPress dedicato ai siti Web di fotografia. Viene fornito con il processo di installazione di OneClick che ti permetterà di crearlo facilmente e in pochi minuti.

I temi della grande fotografia wordpress creano l'illustratore del fotografo di fotografia del sito web

Integra quasi 140 gallerie e modelli di pagina per consentirti di visualizzare in modo ideale il tuo lavoro. Funzionalità aggiuntive come lo scorrimento della parallasse, il supporto del video in background, ti consentiranno di utilizzare la tua creatività per creare un layout visivamente sbalorditivo.

L'editor avanzato della galleria ti consentirà di caricare le foto in blocco, quindi riorganizzarle con il supporto per la funzionalità di trascinamento della selezione. Potrai anche proteggere le tue immagini con una password. Dispone inoltre di un tipo di post personalizzato dedicato agli eventi che ti permetterà di crearli e informare i tuoi visitatori sull'ora, la data, il luogo in cui si svolgerà la tua mostra ecc…. 

DownloadDemo | Web hosting 

Altre risorse consigliate

Vedi anche questi articoli per andare oltre 

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che tu possa aggiungere facilmente un'immagine di sfondo al tuo blog o sito web. Vi invitiamo inoltre a consultare il nostro risorse se sei un blogger principiante. Se hai suggerimenti o commenti, saranno i benvenuti.

Ti invitiamo a condividere questo articolo sui tuoi diversi social network.

...

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
6 azioni
quota3
Tweet1
Enregistrer2