Vuoi aggiungere la modalità oscura al tuo sito web WordPress?
Molti dispositivi ora sono dotati di supporto nativo per la modalità oscura. Aggiungendo questa modalità al tuo sito web Adatta automaticamente il tuo design alle preferenze del browser dei tuoi utenti. Puoi anche aggiungere un interruttore al tuo sito web per passare ad esso.
In questo articolo, ti mostreremo come aggiungere facilmente la modalità oscura al tuo sito Web WordPress sia sul frontend che nell'area di amministrazione.
Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
Cos'è la modalità oscura e perché aggiungerla al tuo sito web?
La modalità scura viene utilizzata su dispositivi mobili e computer per ridurre la quantità di luce bianca sullo schermo.
Alcuni dispositivi sono dotati di una modalità notturna che utilizza invece tonalità di colore più calde. La modalità scura adotta un approccio diverso aggiungendo colori scuri allo sfondo.
Se hai un iPhone o un dispositivo Android, potresti essere in grado di passare alla modalità oscura semplicemente utilizzando un interruttore.
In alternativa, sul tuo computer, puoi visualizzare i siti Web in modalità oscura utilizzando un'estensione di Chrome come Night Eye. Ecco come appare la sezione del blog di BlogPasCher usando questo plugin:
L'aggiunta di una modalità oscura al tuo sito web offre agli utenti la possibilità di attivare e disattivare la modalità oscura durante la visualizzazione del tuo sito web. Ti dà anche un maggiore controllo su come il tuo sito web viene visualizzato in modalità oscura.
Siti popolari come YouTube offrono anche una combinazione di colori scuri. Ciò consente agli utenti di guardare i video a tarda notte con un'esperienza più confortevole.
Oltre ad aggiungere la modalità oscura al frontend del tuo sito web, puoi anche aggiungere la modalità oscura alla tua area di amministrazione di WordPress. Questo può essere utile se lavori al tuo sito web di sera o di notte.
Innanzitutto, diamo un'occhiata all'aggiunta della modalità oscura al tuo sito Web WordPress. Successivamente, tratteremo l'aggiunta della modalità oscura alla dashboard di WordPress.
Suggerimento: Vuoi un sito web con una combinazione di colori scuri, anche con il dispositivo dell'utente in modalità normale o giorno? Quindi controlla il nostro elenco di i migliori temi scuri per WordPress.
Aggiunta della modalità oscura al tuo sito Web WordPress
Prima di tutto, devi installare e attivare il plugin Modalità oscura WP. Per maggiori dettagli, consulta la nostra guida dettagliata su come installare un plugin per WordPress.
Dopo l'attivazione, vai alla pagina Impostazioni »WP Dark Mode dalla dashboard di WordPress e fai clic sulla scheda Impostazioni generali. Dovresti essere reindirizzato lì automaticamente.
Qui, il parametro 'Abilita la modalità oscura che riconosce il sistema operativo' è stato attivato per te. Ciò significa che il Visitatori vedranno automaticamente la versione in modalità oscura del tuo sito Web quando il loro dispositivo è impostato in modalità oscura.
Il parametro 'Mostra interruttore flottante'è stato attivato anche. Ciò significa che gli utenti possono passare al proprio sito Web in modalità oscura in qualsiasi momento, anche se non hanno abilitato un'opzione in modalità oscura sul proprio dispositivo.
Visita il tuo sito Web e vedrai l'interruttore nell'angolo in basso a destra. Fare clic su di esso per passare immediatamente al sito Web in modalità oscura sul dispositivo:
Ci sono più opzioni di personalizzazione disponibili nella pagina Impostazioni »WP Dark Mode. Tuttavia, questi sono piuttosto limitati con la versione gratuita.
Ad esempio, devi solo fare clic sulla scheda Impostazioni di visualizzazione per cambiare lo stile dell'interruttore mobile:
È inoltre possibile personalizzare i colori della modalità scura utilizzando la scheda Impostazioni di stile :
Assicurati di fare clic sul pulsante Salva impostazioni per salvare le impostazioni dopo aver apportato le modifiche.
Nota: Con la versione gratuita di questo plugin, ottieni solo i primi 2 stili di interruttori mobili e i primi 2 preset di colore.
La versione pro offre molte più opzioni di progettazione, oltre alla possibilità di abilitare la modalità oscura in momenti specifici e la possibilità di aggiungere codice CSS personalizzato.
Aggiunta della modalità oscura alla dashboard di WordPress
WordPress viene fornito con combinazioni di colori per l'area di amministrazione, ma nessuna delle combinazioni di colori predefinite riduce la luce bianca proveniente dallo schermo. Fortunatamente, questo plugin risolve questo problema.
Diamo un'occhiata a come aggiungere facilmente la modalità oscura alla tua area di amministrazione di WordPress per un'esperienza utente più bello durante le ore tarde.
Devi solo andare alla pagina Impostazioni »WP Dark Mode e fare clic sulla scheda Impostazioni generali. Quindi gira l'interruttore 'Abilita Backend Darkmode'. Non dimenticare di fare clic sul pulsante Salva impostazioni alla fine della pagina:
Ora vedrai un nuovo interruttore nella barra in alto della tua area di amministrazione:
Basta fare clic su questo interruttore per passare immediatamente la tua area di amministrazione alla modalità oscura.
Suggerimento: Se il tuo sito web ha diversi file Utenti di WordPress, ogni persona potrà passare alla modalità oscura come preferisce.
Da 'Modalità oscura'non è una combinazione di colori dell'amministratore, puoi usarla facilmente con una combinazione di colori dell'amministratore di WordPress esistente. Per definirlo, vai su Utenti »Profilo e fare clic su un'opzione in Schema colori amministratore.
Tieni presente che dovrai disattivare la modalità oscura per vedere le opzioni della combinazione di colori dell'amministratore:
Quando scrivi un post in Editor di blocchi di WordPress, puoi anche passare alla modalità oscura. Fare clic sulla piccola icona colorata in alto a sinistra, quindi selezionare la modalità che si desidera utilizzare:
Ora puoi scrivere e lavorare comodamente sul tuo sito web di notte senza affaticare gli occhi.
Altre risorse consigliate
Vi invitiamo inoltre a consultare il risorse di seguito per approfondire l'inizio e il controllo del tuo sito Web e blog.
- Come incorporare video nei post del tuo blog WordPress
- Come aggiungere un Beach Slider su un modulo WordPress?
- plugin 7 WordPress per creare le notifiche bar
- Plugin 8 WordPress per aggiungere grafici dei prezzi al tuo blog
Conclusione
Ecco ! Questo è tutto per questa guida. Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere la modalità oscura al tuo sito Web WordPress. Puoi anche leggere il nostro articolo su 9 WordPress plugin per personalizzare il dashboard.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Se hai un amico o un commento lascialo nella sezione commento. Sopprattuto condividi questo articolo sui tuoi diversi social network.
...
