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

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere la modalità scura alla vostra dashboard di amministrazione di WordPress?

Una combinazione di colori più scuri può facilitare il lavoro nelle ore più tarde della giornata o in condizioni di scarsa illuminazione, riducendo la luce bianca e blu proveniente dallo schermo. Secondo alcuni utenti, la riduzione di questa luce può anche essere utile se si soffre di affaticamento degli occhi, mal di testa o problemi di sonno.

In questo articolo vi mostreremo come aggiungere la modalità scura alla dashboard di amministrazione di WordPress.

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 consultare la nostra guida su come creare una landing page in WordPress o la nostra scelta di esperti dei plugin WordPress indispensabili.

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

12 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    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.

  3. Dan says

    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 says

      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

  4. Kuldeep Singh says

    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?

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.