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.

Grazie alla nostra esperienza nell'aiutare migliaia di utenti WordPress a personalizzare i propri siti, abbiamo scoperto i modi più efficienti per implementare questa funzionalità.

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 modo più semplice 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.

Cos'è la Modalità Scura e Perché Aggiungerla al Tuo Sito Web?

Molti dispositivi mobili e computer utilizzano la modalità scura per ridurre al minimo la quantità di luce bianca emessa dallo schermo. Questo può ridurre l'affaticamento degli occhi, specialmente in condizioni di scarsa illuminazione.

Alcune persone credono persino che permetta di utilizzare computer e dispositivi mobili fino a tarda notte senza che la luce bianca e blu rovini il sonno.

Alcuni dispositivi sono dotati di una modalità notturna integrata che utilizza semplicemente tonalità di colore più calde. Tuttavia, la modalità scura aggiunge effettivamente colori scuri allo sfondo del dispositivo.

Alcuni siti web popolari come YouTube offrono uno schema di colori scuri integrato.

Sui computer desktop, puoi visitare i siti web in modalità scura utilizzando un'estensione di Chrome come Night Eye.

Ecco come appare il sito web di WPBeginner utilizzando quell'estensione:

Aggiungendo un interruttore per la modalità scura al tuo sito web, gli utenti possono scegliere la modalità che preferiscono senza dover installare un'estensione speciale per il browser.

Puoi persino aggiungere la modalità scura all'area di amministrazione di WordPress. Questo può essere utile se lavori sul tuo sito di notte o se soffri di affaticamento visivo.

Tenendo presente questo, vediamo come puoi aggiungere la modalità scura al front-end pubblico del tuo sito web e all'area di amministrazione del 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.

Dopo i test, abbiamo scoperto che questo plugin aggiunge un interruttore in modo che i visitatori possano abilitare la modalità scura sul tuo sito web. Può persino aggiungere un interruttore all'area di amministrazione, in modo da poter abilitare la modalità scura per la dashboard di WordPress.

Puoi saperne di più nella nostra dettagliata recensione 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 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. Dopodiché, fai clic sul pulsante ‘Salva modifiche’ per memorizzare le tue impostazioni.

Successivamente, passa alla scheda ‘Personalizzazione’, dove puoi personalizzare il layout, le dimensioni e la posizione dello switch.

Puoi anche cambiare il colore dello switch 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.

Se visualizzi la versione mobile del tuo sito web, vedrai che la modalità scura funziona anche su smartphone e tablet.

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 degli occhi, puoi provare ad aggiungere una 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 desideri aggiungere una modalità scura anche per l'editor a blocchi, devi attivare l'interruttore 'Modalità scura editor a blocchi' 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. Fai clic su di essa per espandere la scheda e selezionare l'opzione 'Modalità scura'.

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

Tutorial video

Iscriviti a WPBeginner

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere la modalità scura al tuo sito 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 anche trovarci su Twitter e Facebook.