Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
O WP Dark Mode pode adicionar o modo escuro ao seu site voltado para o público e ao painel de administração. Ele também pode ativar esse modo automaticamente com base nas configurações do dispositivo do usuário ou em uma programação definida por você.
Você já usou "Modo escuro do WP" antes? Adicione sua avaliação para ajudar a comunidade.

Prós:

  • Plug-in do modo escuro
  • Adicione o modo escuro ao seu front-end e ao painel do WordPress
  • 19 estilos de alternância
  • Programe o modo escuro com base nas configurações do usuário ou no fuso horário
  • Animações de transição
  • Excluir tipos de postagens, páginas, postagens, categorias e tags personalizadas do modo escuro
  • Relatórios analíticos e de e-mail incorporados

Os usuários do WPBeginner podem economizar até 25%!

Visite Modo escuro do WP

(esse desconto será aplicado automaticamente)

| Reader Disclosure

Revisão do WP Dark Mode: É o plugin de modo escuro certo para você?

Você está procurando uma análise do WP Dark Mode para ajudá-lo a decidir se é o plugin de modo escuro certo para você?

Esse plug-in pode adicionar um modo escuro ao seu site voltado para o público e à área de administração do WordPress. Para muitas pessoas, isso pode ajudá-las a evitar cansaço visual e dores de cabeça, além de promover um sono melhor, mesmo quando visitam seu site em condições de pouca luz.

Nesta análise do WP Dark Mode, examinaremos esse popular plugin de modo escuro para ver se ele é adequado para o seu site WordPress.

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

Modo escuro do WP: Por que usá-lo no WordPress?

OWP Dark Mode permite que os visitantes ativem o modo escuro em seu site ou blog do WordPress, com um único clique.

How to add dark mode to your WordPress blog or website

Ele também adiciona um botão de alternância ao painel de administração, para que os usuários possam ativar o modo escuro no painel do WordPress.

Para tornar a experiência do usuário perfeita, o WP Dark Mode pode ativar e desativar esse modo automaticamente com base nas configurações do dispositivo do usuário ou com base em uma programação definida por você. Você pode até mesmo ativar automaticamente o modo escuro ao anoitecer, com base na localização do visitante.

Se estiver apenas começando ou tiver um orçamento limitado, poderá fazer o download da versão lite do WP Dark Mode no WordPress.org.

The free WP Dark Mode WordPress plugin

Esse plug-in gratuito adiciona um modo escuro ao seu blog ou site do WordPress.

Você também pode tornar o modo escuro o padrão do seu site ou ativar e desativar esse modo automaticamente com base nas configurações do usuário. No entanto, o plug-in premium oferece uma experiência mais perfeita, ativando automaticamente o modo escuro em um horário específico ou ativando-o ao pôr do sol com base na localização geográfica do visitante.

O plano premium também vem com designs de switch adicionais e mais opções de personalização, para que você possa criar um switch que complemente perfeitamente a marca pessoal ou da sua empresa.

Revisão do WP Dark Mode: É o plugin de modo escuro certo para você?

Ao adicionar uma alternância de modo escuro ao seu site, os usuários podem escolher o modo preferido sem precisar instalar uma extensão de navegador separada. Se os usuários trabalham regularmente no seu site até tarde da noite ou sofrem de cansaço visual, um plug-in de modo escuro também pode beneficiar seus administradores, autores e outros colaboradores.

Dito isso, vamos ver se o WP Dark Mode é o plug-in de modo escuro certo para você.

1. Interruptor flutuante do modo escuro

O WP Dark Mode adiciona um botão flutuante de modo escuro na parte inferior da tela.

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

Isso permite que os visitantes alternem entre os modos claro e escuro em qualquer página de seu site, blog ou loja on-line.

2. Compatível com temas do WordPress

O WP Dark Mode é compatível com todos os temas mais populares do WordPress, incluindo Astra, OceanWP e Divi.

Como ele é compatível com muitos temas, você pode alterar o tema do WordPress a qualquer momento sem perder as configurações do modo escuro.

3. Interruptores totalmente personalizáveis

O plug-in gratuito vem com 3 estilos de alternância diferentes que você pode usar. No entanto, se você fizer upgrade para o plug-in premium, terá acesso a 19 estilos de alternância de modo escuro.

Applying a ready-made style to a toggle

Depois de escolher um estilo, você pode personalizá-lo alterando o tamanho, o ícone, o texto, as cores, a chamada para ação e muito mais. Você pode até carregar seus próprios ícones personalizados para usar na alternância. Dessa forma, você pode criar um botão que se adapte perfeitamente ao seu tema do WordPress.

Como alternativa, você pode escolher entre 13 predefinições de cores. Mesmo que escolha uma predefinição, você ainda poderá ajustar cada parte dessa predefinição, inclusive alterar o texto, o esquema de cores, os botões e a barra de rolagem.

Choosing a color preset for your WordPress dark mode

Outra opção é criar uma predefinição de cor personalizada e usá-la exatamente da mesma forma que as predefinições padrão. Essa é uma maneira rápida e fácil de criar um design que complementa perfeitamente sua marca e seu esquema de cores.

4. Animações incorporadas

O WP Dark Mode vem com várias animações de transição que você pode usar quando os visitantes alternam entre os modos escuro e claro, incluindo fade in, pulse e flip.

Melhor ainda, o editor do WP Dark Mode vem com uma visualização integrada, para que você possa experimentar várias animações diferentes e ver qual delas prefere.

Adding transition effects to dark and light mode

5. Colocação de vários interruptores

Com o WP Dark Mode, você pode escolher exatamente onde o botão aparece na tela. Para começar, você pode escolher entre alinhamento à esquerda, à direita e personalizado.

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

O WP Dark Mode também pode adicionar uma opção ao seu menu de navegação.

Basta marcar um botão nas configurações do menu, e o Modo escuro do WP cuidará do resto.

Adding a dark mode switch to your WordPress navigation menu

Você também pode acessar algumas opções básicas de personalização no painel “Edit Menu” (Editar menu), para que possa estilizar o switch de acordo com o seu menu.

Como alternativa, você pode adicionar um botão ao conteúdo da página e do post. Você pode optar por exibir o botão antes do conteúdo principal ou abaixo do conteúdo da página.

Adding a dark mode toggle to your pages and posts

6. Bloco do interruptor do modo escuro

Você precisa controlar exatamente onde a alternância do modo escuro aparece na tela? Como alternativa, talvez você queira adicioná-lo somente a páginas específicas, como uma determinada página de destino.

Nesse caso, o WP Dark Mode fornece um bloco que você pode adicionar por meio do editor de conteúdo do WordPress.

Adding a Dark Mode block in the WordPress block editor

Você também pode alterar o estilo e o tamanho do switch por meio do editor de blocos do WordPress. Isso permite que você substitua as configurações padrão e dê a cada botão uma aparência exclusiva. Como alternativa, você pode adicionar o botão usando um shortcode que o WP Dark Mode fornece automaticamente.

7. Programar o modo escuro automaticamente

O WP Dark Mode pode alterar o modo do seu site automaticamente, em um horário específico. Isso se baseia nas configurações do usuário, portanto, é ideal se você tiver um público internacional.

Outra opção é ativar o modo escuro automaticamente ao pôr do sol, com base na localização do visitante. Essa é uma opção de “definir e esquecer”, portanto, sempre ativará o modo escuro no momento certo, para cada usuário.

8. Alternar modos com base nas configurações do usuário

O WP Dark Mode pode detectar se o dispositivo do usuário está no modo claro ou escuro. Em seguida, ele pode alternar para o modo correto de acordo com as configurações do dispositivo, proporcionando uma experiência de visitante mais perfeita.

Esse recurso é compatível com todos os principais sistemas operacionais, incluindo iOS, Android, macOS e Windows 10. Dito isso, ele deve proporcionar a mesma experiência para todos os usuários, independentemente do dispositivo.

9. Modo escuro do administrador

Você pode alterar o esquema de cores do administrador no WordPress usando as configurações internas. No entanto, nenhum dos esquemas de cores padrão reduz a quantidade de luz branca proveniente da tela.

Dito isso, você ficará feliz em saber que o WP Dark Mode também pode adicionar uma alternância ao painel de administração.

Enabling dark mode in the WordPress admin area

Depois de ativar o modo escuro, os administradores e outros usuários conectados verão uma versão em modo escuro do painel do WordPress.

O plug-in também pode adicionar o modo escuro ao editor de blocos, para proporcionar uma experiência de usuário mais perfeita.

Enabling dark mode for the WordPress content editor

Depois de ativar essa configuração, basta abrir qualquer página ou publicação no editor de conteúdo.

Agora você verá uma opção para ativar o modo escuro.

How to enable dark mode in the WordPress block editor

Melhor ainda, se você tiver um blog WordPress com vários autores, cada usuário poderá ativar e desativar o modo escuro conforme preferir. O plug-in até lembrará a preferência de cada usuário na próxima vez em que ele fizer login.

10. Recursos de acessibilidade

Alguns visitantes podem estar usando ferramentas de acessibilidade ou ter necessidades diferentes. Para dar suporte a esses usuários, o WP Mode permite que você alterne o modo escuro usando um atalho de teclado ou um parâmetro de domínio.

Além disso, alguns visitantes podem ter dificuldade para ler o texto no modo escuro. Para ajudar esses usuários, é possível aumentar o tamanho da fonte automaticamente quando o modo escuro estiver ativado.

Automatically adjusting the font size on your website

Para saber mais sobre esse tópico, consulte nosso guia sobre como melhorar a acessibilidade em seu site WordPress.

11. Aumente o desempenho de seu site

O WP Dark Mode vem com várias configurações que podem melhorar a velocidade de carregamento de sua página. Isso inclui escolher se os scripts do modo escuro devem ser carregados antes de analisar e renderizar o conteúdo da página ou buscar o script do modo escuro de forma assíncrona.

Você também pode carregar seus scripts no rodapé, o que reduzirá o bloqueio de renderização.

12. Alterar o modo padrão

Com esse plug-in, você tem a opção de tornar o modo escuro o padrão do seu site. Isso significa que os visitantes verão o modo escuro primeiro quando visitarem seu site, blog ou mercado on-line.

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

Esses visitantes podem mudar para o modo claro a qualquer momento, simplesmente clicando no botão WP Dark Mode.

13. Efeitos de brilho e escala de cinza

O modo escuro pode dificultar a visualização clara da mídia do seu site, ou seus vídeos e imagens podem parecer muito brilhantes quando o modo escuro está ativado.

Dito isso, esse plug-in pode diminuir o brilho de suas imagens e vídeos automaticamente, com base em suas configurações. Você também pode adicionar um efeito de escala de cinza e ajustar a quantidade de escala de cinza para se adequar perfeitamente ao seu site.

Automatically adjusting the brightness on a WordPress image

Essas configurações são particularmente úteis se as imagens ou os vídeos constituírem uma grande parte de seu site. Por exemplo, você poderá explorar essas opções se tiver um portfólio de fotografia ou vender gráficos digitais on-line.

Se você ativar o baixo brilho ou a escala de cinza, poderá excluir imagens ou vídeos específicos. Por exemplo, talvez você queira excluir o logotipo do seu site, para que ele não enfraqueça sua marca.

Excluding specific images from your grayscale effects

Outra opção é substituir imagens ou vídeos específicos quando o modo escuro estiver ativado. Por exemplo, você pode criar uma versão de um infográfico que seja otimizada para o modo escuro.

Da mesma forma, se seus vídeos tiverem um fundo escuro, ele poderá desaparecer após a ativação do modo escuro. Dito isso, você pode editar o vídeo para ter um fundo mais claro e, em seguida, carregar essa nova versão para o modo escuro.

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

14. Excluir páginas específicas, posts e muito mais

Às vezes, você pode querer excluir determinadas páginas do modo escuro, como páginas de destino importantes ou páginas de vendas.

Com o WP Dark Mode, você pode excluir páginas e posts específicos, tipos de posts personalizados ou até mesmo categorias e tags inteiras.

How to exclude categories and tags from dark mode

Você tem uma loja on-line? Então, você também pode excluir todos os seus produtos e categorias de produtos do WooCommerce do modo escuro.

15. Suporte a CSS personalizado

O WP Dark Mode tem várias opções de personalização. No entanto, os usuários mais avançados também têm a opção de usar CSS personalizado por meio de um editor de código integrado nas configurações do plug-in.

How to add custom CSS to your website

Isso permite que você ajuste configurações e elementos específicos dentro da alternância para criar o design perfeito.

16. Análise do modo escuro

Independentemente do tipo de site comercial, blog ou loja on-line que você criar, é importante monitorar como as pessoas interagem com seu conteúdo.

Com isso em mente, o WP Dark Mode vem com análises integradas para que você possa ver como as pessoas estão usando o modo escuro.

How to track visitors on your WordPress website

Você pode usar esse insight para ajustar o funcionamento do modo escuro em seu site. Por exemplo, você pode excluir determinados tipos de postagens personalizadas, alterar a programação do modo escuro ou ajustar o design do alternador para torná-lo mais visível.

O WP Dark Mode também pode enviar essas informações por e-mail, para que você possa monitorar o tráfego e a atividade dos visitantes sem nem mesmo fazer login no painel do WordPress.

17. Suporte para o Elementor

Você está usando o Elementor?

O WP Dark Mode se integra perfeitamente a esse popular construtor de páginas, fornecendo um widget do Elementor. Com esse widget, você pode colocar o botão do modo escuro em qualquer página ou publicação.

18. Configurações de exportação e importação

Você administra uma agência de desenvolvimento WordPress ou possui vários sites? Nesse caso, você pode usar as mesmas configurações do modo escuro em vários sites.

Em vez de recriar essas configurações manualmente, você pode exportá-las como um arquivo JSON.

How to export your WP Dark Mode settings

Em seguida, você pode importar suas configurações para qualquer outro site que tenha o WP Dark Mode instalado.

19. Botões de compartilhamento social

Como um bônus adicional, o WP Dark Mode vem com botões de compartilhamento social que podem ser adicionados ao seu site WordPress.

How to display social sharing icons on your blog or website

Você pode ajustar o local em que esses botões aparecem em seus posts e páginas, alterar o espaçamento, especificar as informações a serem incluídas e muito mais.

Esses botões foram projetados com o modo escuro em mente, de modo que terão uma ótima aparência, independentemente do modo que o usuário ativar.

Customizing the social sharing icons on your website or online store

20. Apoio comunitário e profissional

Com esse plug-in do WordPress, você pode adicionar o modo escuro ao front-end e ao painel de controle do seu site com apenas alguns cliques. No entanto, ele também tem várias configurações e opções de personalização adicionais que você pode explorar.

Se você quiser se aprofundar mais, poderá se beneficiar de alguma ajuda adicional. Para começar, há uma documentação on-line que mostra como instalar e ativar o plug-in, antes de passar para tópicos e recursos mais avançados.

An example of an online knowledge base

Há também um blog em que a equipe do WP Dark Mode aborda uma série de tópicos. Aqui, você encontrará a seleção de especialistas dos plug-ins obrigatórios do WordPress que você pode querer usar junto com o WP Dark Mode, além de tutoriais úteis.

Se estiver usando o plug-in gratuito, você poderá postar no fórum do WP Dark Mode no WordPress.org e obter respostas para perguntas básicas.

Ao postar em fóruns públicos de suporte, é sempre uma boa ideia incluir o máximo de informações possível, para que os especialistas possam entender seu problema completamente e publicar uma resposta útil. Para obter mais informações sobre esse tópico, consulte nosso guia sobre como solicitar corretamente o suporte do WordPress.

Se você fizer upgrade para o plug-in premium, também terá acesso ao chat ao vivo e ao suporte VIP, para que possa obter ajuda diretamente dos especialistas.

Revisão do WP Dark Mode: Preços e planos

Se estiver apenas começando ou tiver um orçamento limitado, poderá fazer o download da versão lite do WP Dark Mode no WordPress.org.

No entanto, se você quiser programar o modo escuro para ser ativado automaticamente e desbloquear mais opções de personalização, precisará fazer upgrade para o plug-in premium.

WP Dark Mode's pricing and plans

Você pode adquirir uma licença anual ou vitalícia. Independentemente da licença que você obtiver, o preço variará com base no número de sites em que você deseja usar o WP Dark Mode.

Se você optar por uma licença anual, poderá instalar o WP Dark Mode em um único site por US$ 49. Enquanto isso, poderá instalar o plug-in em até 5 sites por US$ 66,75 por ano. Essa é uma boa opção se você administra vários sites, como vários blogs de marketing de afiliados em uma rede.

Deseja comprar uma licença vitalícia? Então você pode usar o WP Dark Mode em até 50 sites por US$ 174,30. Por fim, você pode instalar esse plug-in em até 1.000 sites por US$ 226,85. Dito isso, essas licenças vitalícias são ideais para grandes agências de desenvolvimento WordPress ou desenvolvedores autônomos com uma longa lista de clientes.

Revisão do WP Dark Mode: É o plugin de modo escuro certo para você?

Depois de analisar os recursos, o suporte e o preço, estamos confiantes de que o WP Dark Mode é um ótimo plugin de modo escuro. Ele ajuda os usuários a evitar o cansaço visual e dores de cabeça, adicionando um modo escuro ao seu site voltado para o público e à área de administração do WordPress.

Depois de ativar esse modo, você pode personalizar o botão adicionando seu próprio esquema de cores, chamada para ação e ícone. Também é possível controlar exatamente onde esse botão aparece em seu site ou adicioná-lo a páginas e posts específicos usando um bloco ou shortcode que o plug-in fornece automaticamente.

Para melhorar a experiência do usuário, é possível até mesmo ativar o modo escuro automaticamente com base em uma programação ou nas configurações do dispositivo do usuário.

Esperamos que esta análise do WP Dark Mode tenha ajudado você a decidir se esse é o plug-in de modo escuro ideal para você. Em seguida, consulte nosso guia sobre como escolher o melhor software de web design ou confira nossa seleção especializada das melhores soluções de análise para usuários do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Os usuários do WPBeginner podem economizar até 25%!

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Reader Interactions

1 avaliação de usuárioAdicione sua avaliação

  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!

Deixe uma avaliação

Obrigado por deixar uma avaliação. Lembre-se de que todas as avaliações são moderadas de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Sua avaliação: