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
WP Dark Mode può aggiungere la modalità scura al sito web pubblico e alla dashboard di amministrazione. Può anche abilitare questa modalità automaticamente in base alle impostazioni del dispositivo dell'utente o a un programma impostato dall'utente.
Hai già usato "Modalità scura di WP"? Aggiungi la tua recensione per aiutare la comunità.

Pro:

  • Plugin per la modalità scura
  • Aggiungi la modalità scura al frontend e alla Bacheca di WordPress
  • 19 stili di commutazione
  • Programmazione della modalità scura in base alle impostazioni dell'utente o al fuso orario
  • Animazioni di transizione
  • Esclusione di post type / tipo di contenuto, pagine, post, categorie e tag personalizzati dalla modalità scura.
  • Analisi e report integrati per le email

Gli utenti di WPBeginner possono salvare fino al 25%!

Visita Modalità scura di WP

(lo sconto verrà applicato automaticamente)

| Reader Disclosure

Recensione di WP Dark Mode: È il plugin per la modalità scura giusto per voi?

State cercando una recensione di WP Dark Mode che vi aiuti a decidere se è il plugin per la modalità scura giusto per voi?

Questo plugin può aggiungere una modalità scura al sito web pubblico e all’area di amministrazione di WordPress. Per molte persone, questo può aiutare a evitare l’affaticamento degli occhi e il mal di testa e a favorire un sonno migliore anche quando visitano il sito in condizioni di scarsa luminosità.

In questa recensione di WP Dark Mode, analizzeremo questo popolare plugin per la modalità scura per vedere se è adatto al vostro sito web WordPress.

WP Dark Mode review: Is it the right dark mode plugin for you?

Modalità scura di WP: Perché usarla in WordPress?

WP Dark Mode permette ai visitatori di abilitare la modalità scura sul vostro sito web o blog WordPress, facendo un solo clic.

How to add dark mode to your WordPress blog or website

Aggiunge anche un’attiva/disattiva alla dashboard di amministrazione, in modo che gli utenti possano attivare la modalità scura nella loro dashboard di WordPress.

Per rendere l’esperienza dell’utente senza soluzione di continuità, WP Dark Mode può abilitare e disabilitare questa modalità automaticamente in base alle impostazioni del dispositivo dell’utente o in base a un programma impostato dall’utente. È anche possibile attivare automaticamente la modalità scura al crepuscolo, in base alla posizione del visitatore.

Se siete agli inizi o avete un budget limitato, potete scaricare la versione lite di WP Dark Mode da WordPress.org.

The free WP Dark Mode WordPress plugin

Questo plugin gratuito aggiunge una modalità scura al vostro blog o sito web WordPress.

È anche possibile rendere la modalità scura predefinita del sito, oppure abilitarla e disabilitarla automaticamente in base alle impostazioni dell’utente. Tuttavia, il plugin premium offre un’esperienza più fluida, abilitando automaticamente la modalità scura a un’ora specifica o attivandola al tramonto in base alla posizione geografica del visitatore.

Il piano premium prevede anche ulteriori design di interruttori e più opzioni personalizzate, in modo da poter creare un interruttore che si adatti perfettamente al brand aziendale o personale.

Recensione di WP Dark Mode: È il plugin per la modalità scura giusto per voi?

Aggiungendo un’ attiva/disattiva modalità scura al vostro sito web, gli utenti possono scegliere la modalità preferita senza dover installare un’estensione separata del browser. Se gli utenti lavorano normalmente sul sito fino a tarda notte o soffrono di affaticamento degli occhi, un plugin per la modalità scura può essere utile anche agli amministratori, agli autori e agli altri collaboratori.

Detto questo, vediamo se WP Dark Mode è il plugin per la modalità scura che fa per voi.

1. Interruttore di modalità scura flottante

WP Dark Mode aggiunge un interruttore fluttuante per la modalità scura nella parte inferiore della schermata.

An example of a floating dark mode switch on a WordPress website

Questo permette ai visitatori di attivare/disattivare la modalità scura o chiara su qualsiasi pagina del vostro sito web, blog o negozio online.

2. Compatibile con i temi di WordPress

WP Dark Mode è compatibile con tutti i temi WordPress più popolari, tra cui Astra, OceanWP e Divi.

Poiché è compatibile con molti temi, è possibile cambiare il tema di WordPress in qualsiasi momento senza perdere le impostazioni della modalità scura.

3. Interruttori completamente personalizzabili

Il plugin gratuito è dotato di 3 diversi stili di commutazione che è possibile utilizzare. Tuttavia, se si effettua l’aggiornamento al plugin premium, si avrà accesso a 19 stili di commutazione in modalità scura.

Applying a ready-made style to a toggle

Dopo aver scelto uno stile, è possibile personalizzarlo modificando le dimensioni, l’icona, il testo, i colori, l’invito all’azione e altro ancora. È anche possibile caricare le proprie icone personalizzate da utilizzare nell’interruttore. In questo modo, è possibile creare un interruttore che si adatta perfettamente al tema di WordPress.

In alternativa, è possibile scegliere tra 13 preimpostazioni di colore. Anche se si sceglie una preimpostazione, è possibile modificarne ogni parte, compreso il testo, la combinazione di colori, i pulsanti e la barra di scorrimento.

Choosing a color preset for your WordPress dark mode

Un’altra opzione consiste nel creare una preimpostazione di colore personalizzata e utilizzarla esattamente come le preimpostazioni predefinite. Questo è un modo semplice e veloce per creare un design che si adatti perfettamente al vostro brand e alla vostra combinazione di colori.

4. Animazioni integrate

WP Dark Mode è dotato di diverse animazioni di transizione che si possono utilizzare quando i visitatori passano dalla modalità scura a quella chiara, tra cui fade in, pulse e flip.

Ancora meglio, l’editor di WP Dark Mode è dotato di un’anteprima integrata, che permette di provare diverse animazioni e di vedere quale si preferisce.

Adding transition effects to dark and light mode

5. Posizionamento di più interruttori

Con la Modalità scura di WP, è possibile scegliere esattamente l’aspetto dell’interruttore sulla schermata. Per cominciare, è possibile scegliere tra l’allineamento a sinistra, a destra e personalizzato.

Changing the position of a toggle on your WordPress website, blog, or online marketplace

WP Dark Mode può anche aggiungere un interruttore al menu di navigazione.

È sufficiente selezionare un pulsante nelle impostazioni del menu e WP Dark Mode si occuperà del resto.

Adding a dark mode switch to your WordPress navigation menu

È inoltre possibile accedere ad alcune opzioni di personalizzazione di base nella dashboard “Modifica menu”, in modo da poter adattare l’interruttore al proprio menu.

In alternativa, è possibile aggiungere un interruttore al contenuto della pagina e della pubblicazione. Si può scegliere di visualizzare l’interruttore prima del contenuto principale o sotto il contenuto della pagina.

Adding a dark mode toggle to your pages and posts

6. Blocco interruttore modalità scura

Avete bisogno di controllare esattamente dove l’attivazione/disattiva della modalità scura appare sullo schermo? In alternativa, potreste volerlo aggiungere solo a pagine specifiche, come una particolare landing page.

In questo caso, WP Dark Mode fornisce un blocco che si può aggiungere tramite l’editor di contenuti di WordPress.

Adding a Dark Mode block in the WordPress block editor

È inoltre possibile modificare lo stile e le dimensioni degli interruttori tramite l’editor a blocchi di WordPress. In questo modo è possibile sovrascrivere le impostazioni predefinite e dare a ogni interruttore un aspetto e una sensazione unici. In alternativa, potete aggiungere l’interruttore utilizzando uno shortcode che WP Dark Mode fornisce automaticamente.

7. Programmare automaticamente la modalità scura

WP Dark Mode è in grado di modificare la modalità del sito automaticamente, in un momento specifico. Si basa sulle impostazioni dell’utente, quindi è ideale se avete un pubblico internazionale.

Un’altra opzione è quella di abilitare automaticamente la modalità scura al tramonto, in base alla posizione del visitatore. Si tratta di un’opzione “imposta e dimentica”, che abilita la modalità scura sempre al momento giusto, per ogni utente.

8. Commutazione di modalità in base alle impostazioni dell’utente

WP Dark Mode è in grado di rilevare se il dispositivo dell’utente è in modalità chiara o scura. Può quindi passare alla modalità giusta in base alle impostazioni del dispositivo, per un’esperienza di navigazione più fluida.

Questa caratteristica è compatibile con tutti i principali sistemi operativi, tra cui iOS, Android, macOS e Windows 10. Per questo motivo, dovrebbe fornire la stessa esperienza a tutti gli utenti, indipendentemente dal loro dispositivo.

9. Modalità scura amministratore

È possibile modificare la combinazione di colori dell’amministrazione in WordPress utilizzando le impostazioni integrate. Tuttavia, nessuno degli schemi di colore predefiniti riduce la quantità di luce bianca proveniente dalla schermata.

Detto questo, sarete felici di sapere che WP Dark Mode può aggiungere un’attiva/disattiva anche alla dashboard di amministrazione.

Enabling dark mode in the WordPress admin area

Dopo aver abilitato la modalità scura, gli amministratori e gli altri utenti connessi vedranno una versione in modalità scura della dashboard di WordPress.

Il plugin può anche aggiungere la modalità scura all’editor a blocchi, per un’esperienza utente più fluida.

Enabling dark mode for the WordPress content editor

Dopo aver attivato questa impostazione, è sufficiente aprire una pagina o una pubblica nell’editor dei contenuti.

A questo punto, viene visualizzata un’opzione che abilita la modalità scura.

How to enable dark mode in the WordPress block editor

Ancora meglio, se gestite un blog WordPress con più autori, ogni utente può attivare/disattivare la modalità scura come preferisce. Il plugin ricorderà anche le preferenze di ciascun utente al successivo accedi.

10. Caratteristiche di accessibilità

Alcuni visitatori potrebbero utilizzare strumenti di accessibilità o avere esigenze diverse. Per supportare questi utenti, WP Mode consente di attivare/disattivare la modalità scura tramite uno scorciatoia da tastiera o un parametro di dominio.

Inoltre, alcuni visitatori potrebbero avere difficoltà a leggere il testo in modalità scura. Per aiutare questi utenti, è possibile aumentare automaticamente la dimensione del font quando è abilitata la modalità scura.

Automatically adjusting the font size on your website

Per saperne di più su questo argomento, consultate la nostra guida su come migliorare l’accessibilità del vostro sito WordPress.

11. Aumentare le prestazioni del sito web

La Modalità scura di WP prevede una serie di impostazioni che possono migliorare la velocità di caricamento delle pagine. Tra queste vi è la possibilità di scegliere se gli script della modalità scura debbano essere caricati prima dell’analisi e del rendering del contenuto della pagina o se debbano essere recuperati in modo asincrono.

È anche possibile caricare gli script nel footer, riducendo così il blocco del rendering.

12. Modificare la modalità predefinita

Con questo plugin, avete l’opzione di rendere la modalità scura il predefinito del vostro sito web. Ciò significa che i visitatori vedranno per prima la modalità scura quando visiteranno il vostro sito web, blog o mercato online.

Making dark mode the default on a WordPress website, blog, or online store

Questi visitatori possono passare alla modalità chiara in qualsiasi momento, semplicemente facendo clic sull’interruttore WP Dark Mode.

13. Effetti di luminosità e scala di grigi

La modalità scura può rendere difficile la visualizzazione dei media del sito web, oppure i video e le immagini possono apparire troppo luminosi quando la modalità scura è abilitata.

Detto questo, questo plugin può diminuire la luminosità delle immagini e dei video automaticamente, in base alle impostazioni. È anche possibile aggiungere un effetto scala di grigi e regolare la quantità di scala di grigi per adattarla perfettamente al sito web.

Automatically adjusting the brightness on a WordPress image

Queste impostazioni sono particolarmente utili se le immagini o i video costituiscono una parte importante del vostro sito web. Ad esempio, è consigliabile esplorare queste opzioni se si gestisce un portfolio fotografico o si vende grafica digitale online.

Se si abilita la bassa luminosità o la scala di grigi, è possibile escludere immagini o video specifici. Ad esempio, si potrebbe escludere il logo del sito web, in modo da non indebolire il brand.

Excluding specific images from your grayscale effects

Un’altra opzione consiste nel sostituire immagini o video specifici quando la modalità scura è abilitata. Ad esempio, si potrebbe progettare una versione di un’infografica ottimizzata per la modalità scura.

Allo stesso modo, se i video hanno uno sfondo scuro, questo potrebbe scomparire dopo aver abilitato la modalità scura. Per questo motivo, si potrebbe modificare il video in modo che abbia uno sfondo più chiaro e poi caricare questa nuova versione per la modalità scura.

Showing alternative videos and images when your site is in dark mode

14. Escludere pagine, pubblicazioni e altro ancora.

A volte è possibile escludere alcune pagine dalla modalità scura, come le landing page o le pagine di vendita più importanti.

Con la Modalità scura di WP è possibile escludere pagine e post specifici, post type personalizzati o addirittura intere categorie e tag.

How to exclude categories and tags from dark mode

Gestite un negozio online? Allora potete escludere dalla modalità scura tutti i prodotti e le categorie di WooCommerce.

15. Supporta i CSS personalizzati

WP Dark Mode offre un’infinità di opzioni personalizzate. Tuttavia, gli utenti più esperti hanno anche l’opzione di utilizzare CSS personalizzati tramite un editor del codice integrato nelle impostazioni del plugin.

How to add custom CSS to your website

In questo modo è possibile regolare con precisione impostazioni ed elementi specifici all’interno dell’attiva/disattiva, per creare il design perfetto.

16. Analisi in modalità scura

Indipendentemente dal tipo di sito web, blog o negozio online creato, importa monitorare il modo in cui le persone interagiscono con i contenuti.

Per questo motivo, WP Dark Mode è dotato di analisi integrate che consentono di vedere come le persone utilizzano la modalità scura.

How to track visitors on your WordPress website

È possibile utilizzare queste informazioni per mettere a punto l’elaborazione in corso della modalità scura sul proprio sito web. Ad esempio, si possono escludere alcuni post type personalizzati, modificare il programma della modalità scura o modificare il design dell’attivazione/disattiva per renderla più visibile.

WP Dark Mode può anche inviare queste informazioni via email, in modo da poter monitorare il traffico e l’attività dei visitatori senza nemmeno accedere alla dashboard di WordPress.

17. Supporto per Elementor

Stai usando Elementor?

WP Dark Mode si integra perfettamente con questo popolare builder di pagine, fornendo un widget di Elementor. Con questo widget è possibile inserire l’interruttore della modalità scura su qualsiasi pagina o pubblicazione.

18. Impostazioni di esportazione e importazione

Gestite un’agenzia di sviluppo WordPress o possedete più siti web? In questo caso, potreste utilizzare le stesse impostazioni della modalità scura su più siti.

Invece di ricreare manualmente queste impostazioni, è possibile esportarle come file JSON.

How to export your WP Dark Mode settings

È quindi possibile importare le impostazioni in qualsiasi altro sito web in cui sia installata la Modalità scura di WP.

19. Pulsanti di condivisione sociale

Come bonus aggiuntivo, WP Dark Mode è dotato di pulsanti di condivisione sociale che potete aggiungere al vostro sito web WordPress.

How to display social sharing icons on your blog or website

È possibile regolare con precisione la posizione dei pulsanti sulle pagine e sui post, modificare la spaziatura, specificare le informazioni da includere e molto altro ancora.

Questi pulsanti sono stati progettati tenendo conto della modalità scura, per cui avranno un aspetto eccellente indipendentemente dalla modalità abilitata dall’utente.

Customizing the social sharing icons on your website or online store

20. Sostegno comunitario e professionale

Con questo plugin per WordPress, è possibile aggiungere la modalità scura al frontend e alla dashboard del sito web, facendo solo pochi clic. Tuttavia, ha anche una tonnellata di impostazioni e opzioni personalizzate aggiuntive che potete esplorare.

Se si desidera approfondire, si può beneficiare di un aiuto supplementare. Per iniziare, è disponibile una documentazione online che mostra come installare e attivare il plugin, prima di passare ad argomenti e caratteristiche più avanzate.

An example of an online knowledge base

C’è anche un blog in cui il team di WP Dark Mode copre una serie di argomenti. Qui troverete la scelta degli esperti dei plugin WordPress indispensabili da utilizzare insieme a WP Dark Mode, oltre a utili tutorial.

Se si utilizza il plugin gratuito, è possibile pubblicare il forum WP Dark Mode su WordPress.org e ottenere risposte alle domande di base.

Quando si scrive nei forum di supporto pubblici, è sempre una buona idea includere il maggior numero di informazioni possibili, in modo che gli esperti possano comprendere appieno il problema e pubblicare una risposta utile. Per saperne di più su questo argomento, consultate la nostra guida su come richiedere correttamente il supporto di WordPress.

Se si esegue l’aggiornamento al plugin premium, si ottiene anche l’accesso alla chat dal vivo e al supporto VIP, in modo da poter ricevere aiuto direttamente dagli esperti.

Recensione di WP Dark Mode: Prezzi e piani

Se siete agli inizi o avete un budget limitato, potete scaricare la versione lite di WP Dark Mode da WordPress.org.

Tuttavia, se si desidera programmare l’attivazione automatica della modalità scura e sbloccare altre opzioni personalizzate, è necessario effettuare l’aggiornamento al plugin premium.

WP Dark Mode's pricing and plans

È possibile acquistare una licenza annuale o a vita. Indipendentemente dalla licenza, il prezzo varia in base al numero di siti in cui si desidera utilizzare WP Dark Mode.

Se si opta per una licenza annuale, è possibile installare WP Dark Mode su un singolo sito web per $49. Nel frattempo, è possibile installare il plugin su un massimo di 5 siti web per $66,75 all’anno. Si tratta di una buona opzione se si gestiscono più siti, come ad esempio diversi blog di marketing di affiliazione in una rete.

Volete acquistare una licenza a vita? Allora potete usare WP Dark Mode su un massimo di 50 siti web per 174,30 dollari. Infine, potete installare questo plugin su un massimo di 1.000 siti per 226,85 dollari. Detto questo, queste licenze a vita sono ideali per le grandi agenzie di sviluppo WordPress o per gli sviluppatori freelance con un lungo elenco di clienti.

Recensione di WP Dark Mode: È il plugin per la modalità scura giusto per voi?

Dopo aver esaminato le caratteristiche, il supporto e i prezzi, siamo certi che WP Dark Mode sia un ottimo plugin per la modalità scura. Aiuta gli utenti a evitare l’affaticamento degli occhi e il mal di testa aggiungendo una modalità scura al sito web e all’area di amministrazione di WordPress.

Dopo aver abilitato questa modalità, è possibile personalizzare l’interruttore aggiungendo la propria combinazione di colori, l’invito all’azione e l’icona. È inoltre possibile controllare esattamente l’aspetto dell’interruttore sul sito o add-on su pagine e pubblicazioni specifiche, utilizzando un blocco o uno shortcode che il plugin fornisce automaticamente.

Per migliorare l’esperienza dell’utente, è possibile attivare automaticamente la modalità scura in base a un programma o alle impostazioni del dispositivo dell’utente.

Speriamo che questa recensione di WP Dark Mode vi abbia aiutato a decidere se è il plugin per la modalità scura giusto per voi. A seguire, potete consultare la nostra guida su come scegliere il miglior software di web design o selezionare le migliori soluzioni di analisi per gli utenti di WordPress.

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

Gli utenti di WPBeginner possono salvare fino al 25%!

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!

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 .

Reader Interactions

1 recensione dell'utenteAggiungi il tuo commento

  1. Syed Balkhi

    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!

Lascia un commento

Grazie per aver scelto di lasciare una recensione. Si prega di tenere presente che tutte le recensioni sono moderate in base alle nostre politica dei commenti e il vostro indirizzo e-mail NON sarà pubblicato. Non utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Valutazione: