Come aggiungere la modalità scura al tuo sito WordPress (modo semplice)

L'aggiunta della modalità scura ai siti WordPress è diventata un argomento caldo tra i nostri lettori. 🌙

Non si tratta solo di seguire le tendenze. La ricerca dimostra che la modalità scura può ridurre l'affaticamento degli occhi per i lettori notturni e potenzialmente risparmiare la durata della batteria sui dispositivi mobili.

Sebbene molti proprietari di siti presumano che richieda competenze tecniche, i moderni strumenti di WordPress l'hanno resa molto più accessibile.💡

In questa guida, condivideremo il nostro metodo collaudato per aggiungere la modalità scura in WordPress. Abbiamo testato questa soluzione su vari temi e configurazioni per assicurarci che sia affidabile e facile da aggiungere.

Perché aggiungere la modalità scura al tuo sito WordPress?

Aggiungere la modalità scura al tuo sito WordPress offre ai visitatori un altro modo per visualizzare i tuoi contenuti, specialmente in ambienti con poca luce.

Molte persone preferiscono la modalità scura perché può rendere la lettura più confortevole di notte e ridurre la quantità di luce intensa proveniente dai loro schermi.

È anche una funzionalità popolare sui dispositivi mobili, nelle app e sui siti web, rendendola un'esperienza familiare per gli utenti. Ecco alcuni dei maggiori vantaggi dell'aggiunta della modalità scura a WordPress:

• Migliora il comfort di lettura: gli sfondi scuri possono essere più riposanti per gli occhi, specialmente in ambienti poco illuminati.
• Migliora l'accessibilità: la modalità scura offre un'opzione di visualizzazione alternativa per gli utenti con sensibilità alla luce o con determinate disabilità visive.
• Soddisfa le preferenze degli utenti: molti visitatori utilizzano già la modalità scura sui loro telefoni, tablet e computer.
• Crea un'esperienza moderna: offrire sia la modalità chiara che quella scura dà agli utenti un maggiore controllo su come navigano nel tuo sito web.
• Potenzialmente risparmia la durata della batteria: su alcuni dispositivi con schermi OLED, la modalità scura può ridurre il consumo di energia.

Aggiungendo un interruttore per la modalità scura al tuo sito web, i visitatori possono passare da temi chiari e scuri quando vogliono, senza fare affidamento su estensioni del browser o impostazioni del dispositivo.

Puoi persino abilitare la modalità scura nell'area di amministrazione di WordPress, il che può rendere la gestione del tuo sito web più confortevole durante le sessioni di lavoro notturne.

Tenendo presente questo, diamo un'occhiata a come aggiungere la modalità scura al tuo sito WordPress.

Suggerimento: Vuoi utilizzare uno schema di colori scuri, anche quando il dispositivo del visitatore è in modalità normale o diurna? Allora dai un'occhiata alla nostra lista dei migliori temi scuri per WordPress.

Come aggiungere la modalità scura al tuo sito WordPress

Il modo più semplice per creare una modalità scura per il tuo sito web è utilizzare WP Dark Mode.

È l'ideale per principianti e proprietari di siti impegnati che desiderano aggiungere un interruttore professionale per la modalità scura senza toccare una singola riga di codice. Le sue impostazioni intuitive e l'implementazione automatica lo rendono eccezionalmente facile da usare.

Puoi saperne di più nella nostra recensione dettagliata di WP Dark Mode.

Innanzitutto, dovrai installare e attivare il plugin gratuito WP Dark Mode. Per maggiori dettagli, consulta la nostra guida su come installare un plugin di WordPress.

Dopo l'attivazione, visita la pagina WP Dark Mode » Impostazioni dalla dashboard di WordPress e attiva l'interruttore 'Abilita modalità scura frontend' su 'ON'.

Una volta fatto ciò, puoi anche scegliere una modalità predefinita per il frontend del tuo sito web utilizzando le opzioni fornite, come un menu a discesa o pulsanti radio.

Dopodiché, fai clic sul pulsante ‘Salva modifiche’ per memorizzare le tue impostazioni.

Successivamente, passa alla scheda 'Personalizzazione' per personalizzare il layout, le dimensioni e la posizione dell'interruttore.

Puoi anche cambiare il colore dell'interruttore della modalità scura, ma per farlo avrai bisogno della versione pro del plugin.

Una volta terminato, fai semplicemente clic sul pulsante ‘Salva modifiche’ per memorizzare le tue impostazioni. Ora, visita il tuo sito WordPress per vedere l'interruttore della modalità scura in azione.

Puoi anche visitare il tuo sito web sul tuo dispositivo mobile o tablet. Questo ti permette di vedere che la modalità scura funziona anche sui dispositivi mobili.

Aggiungere la modalità scura all'area di amministrazione di WordPress

Puoi cambiare lo schema di colori dell'amministratore in WordPress utilizzando le impostazioni integrate. Tuttavia, nessuno degli schemi di colori predefiniti riduce la luce bianca proveniente dallo schermo.

Se lavori fino a tarda sera o soffri di affaticamento visivo, puoi provare ad aggiungere la modalità scura all'area di amministrazione di WordPress e all'editor a blocchi.

Per farlo, visita la pagina WP Dark Mode » Impostazioni e passa alla scheda 'Modalità scura pannello di amministrazione' dalla colonna di sinistra.

Qui, attiva l'interruttore per l'opzione 'Abilita modalità scura dashboard di amministrazione' su 'ON' e fai clic sul pulsante 'Salva modifiche'.

Una volta fatto ciò, noterai che l'interruttore della modalità scura si trova nella parte superiore della tua dashboard di WordPress.

Da qui, puoi attivare l'interruttore per attivare questa modalità ogni volta che vuoi.

Se vuoi aggiungere una modalità scura anche per l'editor a blocchi, devi attivare l'interruttore "Block Editor Dark Mode" su "ON".

Quindi, fai clic sul pulsante 'Salva Modifiche'.

Ora apri una pagina o un post nell'editor dei contenuti. Noterai un'icona della modalità scura in alto. Cliccaci sopra per aprire il menu a discesa e seleziona l'opzione 'Modalità scura'.

Ecco come apparirà il tuo editor a blocchi in modalità scura.

Tutorial video

Se non ti piacciono le istruzioni scritte, dai un'occhiata al nostro video tutorial:

Iscriviti a WPBeginner

Domande frequenti sulla modalità scura in WordPress

Ecco alcune domande che i nostri lettori hanno posto frequentemente prima di abilitare la modalità scura in WordPress:

WordPress ha la modalità notturna?

No, WordPress non dispone di una funzione di modalità notturna integrata per il front-end del tuo sito web. Per aggiungere questa funzionalità, devi utilizzare un plugin come WP Dark Mode o installare un tema scuro specifico.

Come cambiare tema in modalità scura?

Il modo più semplice per cambiare il tuo tema attuale in modalità scura è installare un plugin che aggiunge un interruttore. In alternativa, puoi navigare su Aspetto » Temi e attivare un tema progettato con uno schema di colori scuri.

Quali sono gli svantaggi della modalità scura?

Lo svantaggio principale è che la modalità scura può essere difficile da leggere in ambienti luminosi e soleggiati. Inoltre, loghi standard o immagini trasparenti con elementi scuri potrebbero scomparire o apparire distorti su uno sfondo scuro.

Quale modalità colore è migliore per gli occhi?

La modalità scura è generalmente migliore per gli occhi in condizioni di scarsa illuminazione perché riduce l'abbagliamento e lo sfarfallio dello schermo. Tuttavia, la modalità chiara è spesso migliore per la leggibilità e la comprensione del testo durante il giorno o in stanze ben illuminate.

Posso personalizzare i colori della modalità scura per i contenuti del mio sito web?

Sì, la versione WP Dark Mode Pro offre ampie opzioni di personalizzazione, inclusi stili multipli per la modalità scura, CSS personalizzato e funzionalità per la modalità scura di immagini/video. Questo ti consente di ottimizzare lo schema dei colori per tutti i contenuti del tuo sito web, non solo per l'interruttore, per adattarlo al tuo marchio.

Quali sono alcuni plugin alternativi per la modalità scura per WordPress?

Sebbene WP Dark Mode sia altamente raccomandato per la sua facilità d'uso, altre opzioni popolari includono Dark Mode by WPPOOL (precedentemente Droit Dark Mode), Darklup Lite e Go Dark. Ognuno offre diverse funzionalità per implementare la modalità scura sul tuo sito WordPress.

Quale percentuale di persone usa la modalità scura?

Gli studi indicano che una percentuale significativa di utenti mobili utilizza o preferisce la modalità scura sui propri dispositivi. Il supporto di questa modalità sul tuo sito web soddisfa un ampio segmento delle preferenze degli utenti.

La modalità scura fa bene agli occhi?

Sì, una modalità scura può essere più salutare per i tuoi occhi poiché riduce al minimo l'esposizione alla luce blu intensa. Questa riduzione della luce blu può aiutare a prevenire l'affaticamento visivo digitale e può migliorare la qualità del sonno se utilizzi i dispositivi a tarda notte.

Speriamo che questo articolo ti abbia aiutato a capire come aggiungere la modalità scura al tuo sito web WordPress. Potresti anche voler consultare la nostra guida su come scegliere uno schema di colori perfetto per il tuo sito WordPress o vedere le nostre scelte esperte per i migliori costruttori di temi WordPress per personalizzare il tuo sito.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.