Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere la modalità scura alla dashboard amministrativa di WordPress

Alcuni membri del nostro team preferiscono elaborare in corso fino a tarda notte e hanno scoperto che la luminosità dell’interfaccia di amministrazione di WordPress può essere piuttosto onerosa per gli occhi. Abbiamo quindi cercato di trovare un modo per rendere l’area di amministrazione più confortevole per i nottambuli e per chi lavora in condizioni di chiaro.

È stato allora che abbiamo scoperto i vantaggi della modalità scura. Una combinazione di colori più scuri può ridurre significativamente la luce bianca e blu che proviene dalla schermata, rendendo più facile per gli occhi le sessioni di editing a tarda notte.

In questo articolo vi mostreremo come aggiungere la modalità scura alla vostra Bacheca di WordPress. Che siate utenti nightly, attenti alla batteria o che semplicemente amiate l’aspetto elegante delle interfacce scure, vi abbiamo messo alla copertina.

How to Add Dark Mode to Your WordPress Admin Dashboard

Cos’è la modalità scura e perché aggiungerla a WordPress?

Se lavorate spesso al vostro sito WordPress a tarda notte o in condizioni di scarsa illuminazione, la luce intensa dello schermo del computer può causare un affaticamento degli occhi.

Alcuni ritengono addirittura che la luce intensa possa alterare i ritmi circadiani naturali e rendere più difficile addormentarsi.

Per questo motivo, molte applicazioni, siti web e persino sistemi operativi sono dotati di una modalità scura integrata che riduce la quantità di luce bianca proveniente dallo schermo.

Dark mode in macOS

Se avete un iPhone o uno smartphone Android, potreste essere in grado di passare alla modalità scura utilizzando una levetta.

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

An example of Dark Mode on the YouTube website

L’aggiunta della modalità scura al vostro sito WordPress è ottima per i visitatori, ma potreste anche voler aggiungere una modalità scura al back-end del vostro sito. WordPress è dotato di schemi di colori per l’amministrazione, ma nessuno di quelli predefiniti riduce effettivamente la quantità di luce bianca che passa attraverso lo schermo.

Detto questo, aggiungiamo una modalità scura all’area di amministrazione di WordPress, in modo da poter lavorare comodamente sul vostro sito fino a tarda notte o in condizioni di scarsa illuminazione.

Un modo semplice e veloce per aggiungere la modalità scura all’area amministrativa di WordPress

Il modo più semplice per aggiungere una modalità scura alla dashboard di amministrazione di WordPress è utilizzare WP Dark Mode. Questo plugin consente agli amministratori di attivare e disattivare la modalità scura con un solo clic.

Ancora meglio, se gestite un blog WordPress con più autori, ogni persona può attivare/disattivare la modalità scura come preferisce. Il plugin ricorderà la loro preferenza al successivo accedi. Per saperne di più, consultate la nostra recensione completa di WP Dark Mode.

Per prima cosa, è necessario installare e attivare il plugin WP Dark Mode. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, andate alla pagina WP Dark Mode ” Impostazioni nella vostra dashboard di WordPress e poi fate clic sulla scheda Modalità scura del pannello di amministrazione.

Quindi, attivare il pulsante “Abilita la modalità scura della dashboard dell’amministratore”.

Enabling dark mode in WordPress

Se si preferisce, è possibile attivare la modalità scura per l’editor di blocchi.

Quindi, scorrere verso il basso e fare clic sul pulsante “Salva modifiche”.

Saving WP Dark Mode plugin settings

A questo punto, nella barra degli strumenti dell’amministratore si vedrà un nuovo interruttore ‘Light / Dark’.

È possibile fare clic su questa levetta per attivare e disattivare la modalità scura nell’area di amministrazione.

Turning on the dark mode in WordPress

La “Modalità scura” non è una combinazione di colori dell’amministratore, quindi dopo averla attivata si può provare a cambiare la combinazione di colori dell’amministratore.

Scegliendo una combinazione di colori scuri, è possibile ridurre ulteriormente la quantità di luce proveniente dallo schermo. Un’altra opzione è quella di scegliere uno schema di colori più chiaro, che renderà la dashboard in modalità scura più facile da leggere.

Per modificare la combinazione di colori dell’amministratore, andare su Utenti ” Profilo e scegliere una delle opzioni in Schema colori amministratore.

Admin Color Scheme

È inoltre possibile attivare la modalità scura sul front-end del sito web.

A tal fine, passare alla scheda “Modalità scura frontend” e attivare il pulsante “Abilita modalità scura frontend”.

Enabling dark mode for the website's front end

Come in precedenza, assicurarsi di premere il pulsante “Salva modifiche” una volta terminato.

I visitatori continueranno a vedere la versione normale e chiara del vostro blog o sito web WordPress. Ma possono passare alla modalità scura in qualsiasi momento facendo clic sull’icona nell’angolo in basso a destra.

Adding dark mode to your WordPress website

Per ulteriori suggerimenti e trucchi sulla personalizzazione dell’area amministrativa, consultate queste guide:

Speriamo che questo tutorial vi abbia aiutato a imparare come aggiungere la modalità scura alla vostra dashboard di amministrazione di WordPress. Potreste anche voler vedere la nostra selezione dei migliori plugin per la dashboard amministrativa di WordPress e la nostra guida su come disattivare tutti i plugin quando wp-admin non è accessibile.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

11 commentiLascia una risposta

  1. Jiří Vaněk

    Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.

    • WPBeginner Support

      You’re welcome :)

      Admin

  2. Dan

    Thank you.
    This is a workaround plugin, which is not ideal.
    I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
    Ideally, WordPress should add it to its color scheme.

    • WPBeginner Support

      You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.

      Admin

  3. Thia

    Awesome. Just tried the plugin and It’s really cool.

    • WPBeginner Support

      Glad you liked our recommendation!

      Admin

  4. Darlington

    What about how to implement dark mode in the frontend of my wordpress website?

    • WPBeginner Support

      That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.

      Admin

      • Darlington

        Okay. Thanks a lot.

  5. Kuldeep Singh

    Awesome!

    Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for their recommendation first

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.