O modo escuro é usado para reduzir a quantidade de luz branca da tela. Alguns dispositivos, bem como aplicativos e software, vêm com um botão de alternância para o modo escuro, e adicionar o modo escuro ao seu site WordPress será apreciado por usuários que preferem essa configuração. Mas o que é o modo escuro, exatamente, e como você pode adicioná-lo ao seu site WordPress? Isso é o que discutiremos neste artigo.
Os usuários de computador que trabalham até tarde da noite podem encontrá-lo sobrecarrega os olhos ao olhar para uma tela brilhante por longos períodos de tempo. O modo escuro é uma configuração ou um recurso de dispositivos, aplicativos ou sites, que reduz a quantidade de luz brilhante vindo da tela. Funciona, no caso de sites, por mudando a cor dos elementos do layout de um site da luz para a escuridão, o que torna a visão de uma tela menos cansativa dos olhos do usuário.
Alguns dispositivos, como já dissemos, vêm com o modo embutido escuro. Alguns dispositivos também possuem modo noturno, que é um pouco diferente. O modo escuro usa cores escuras para o plano de fundo de um site, enquanto o modo noturno substitui os tons mais frios por outros mais quentes, reduzindo a quantidade de luz azul emitida. Alguns estudos mostraram que luz azul pode ter efeitos adversos na saúde de alguém, é por isso que muitos usuários preferem evitá-lo.
O modo escuro, portanto, é uma questão de preferência para um grande número de usuários. Como o WordPress não vem com um botão de alternância para o modo escuro por padrão, como você pode habilitá-lo para o seu site?
Como sempre, nossa primeira sugestão é buscar uma solução para um tema desenvolvido profissionalmente. Se você está procurando um tema WordPress escuro, em vez de um modo escuro, não há falta deles.
Se você está procurando uma maneira de permitir que seus visitantes alternem entre os modos claro e escuro do seu site, você vai precisar de um plugin. Nós sugerimos Modo escuro WP, e mostraremos como usá-lo.
Depois de instalar e ativar o plug-in, você será redirecionado automaticamente para a página de configurações. Se quiser encontrar esta página de configurações mais tarde, você a encontrará em seu painel do WordPress, em Configurações / Modo escuro WP.
A configuração é tão fácil quanto parece. No Configurações Gerais guia, você vai descobrir que Ativar modo escuro de frontend, mostrar interruptor flutuante, e Ativar modo escuro com reconhecimento de sistema operacional os controles foram ligados. A primeira configuração simplesmente ativa o modo escuro para seus usuários. O botão flutuante significa que seus visitantes verão um botão de alternância para o modo escuro quando acessarem seu site, e o modo escuro ciente do sistema operacional significa que, se a configuração preferida do usuário for o modo escuro, o site aparecerá no modo escuro para eles.
Mas se você deseja inserir o switch manualmente, você tem três soluções à sua disposição. Você pode, por exemplo, adicionar um switch a um post ou página como um bloco de Gutenberg, como um elemento Elementor ou como um shortcode. Os elementos elementor funcionam mais ou menos da mesma forma que os blocos de Gutenberg (simplesmente arraste e solte o elemento Dark Mode Switch onde quiser no menu do lado esquerdo). Também temos um tutorial detalhado sobre códigos de acesso em seu site, caso você prefira usá-los em blocos ou elementos de Gutenberg.
Mostraremos como colocar um switch em um poste usando um bloco de Gutenberg. Basta clicar no mais assine enquanto edita uma postagem e encontre o Interruptor de modo escuro quadra.
Colocamos nosso switch no final da postagem e à direita. Você pode, é claro, colocar o seu onde quiser.
E é isso mesmo. Seus visitantes agora verão o botão de modo escuro onde você o colocou.
Clicar nele ativará automaticamente o modo escuro do seu site.
Este plugin oferece muito mais opções de estilo para o seu interruptor de modo escuro, mas estas são limitadas na versão gratuita do plugin. Se a estética de seus controles é importante para você, convém investir na versão profissional do plugin.
Mas e se os usuários cujos olhos você deseja evitar da variedade de cores brilhantes forem seus administradores? Com o Modo escuro WP, você também pode introduzir uma chave de modo escuro no painel do WordPress.
Nas configurações gerais, encontre o Habilitar Backend Darkmode alternar, ligar e Salve suas configurações.
Você encontrará um claro / escuro alternar na parte superior da tela. Seus administradores agora poderão ativar o modo escuro à vontade.
E sua equipe de colaboradores e administradores agora podem usar o site no modo escuro, da mesma forma que seus visitantes.
Para concluir
Como você viu, configurar uma chave de modo escuro para o seu site é fácil e grátis com um simples plug-in. Se você deseja permitir que seus visitantes acessem seu site no modo escuro e protegê-los do cansaço visual, ou se acha que seus administradores e equipe contribuinte gostariam de trabalhar no modo escuro, é assim que você pode fazer isso.
Apoie o nosso trabalho ❤️
Se você gostou deste artigo, considere deixar uma gorjeta para nos ajudar a continuar publicando conteúdo de qualidade.
