Como habilitar o modo escuro em seu site WordPress

O modo escuro é usado para reduzir a quantidade de luz branca na tela. Alguns dispositivos, bem como aplicativos e software, vêm com um modo escuro, e os usuários que preferem essa configuração irão gostar de adicionar o modo escuro ao seu site WordPress. Mas o que exatamente é o modo escuro e como você pode adicioná-lo ao seu site WordPress? Isso é o que discutiremos neste artigo.

  • O que é o modo escuro e quando é usado?
  • Como habilitar o modo escuro em seu site WordPress
  • Como habilitar o modo escuro na interface do painel do WordPress

O que é o modo escuro e quando é usado?

Os usuários de computador que trabalham até tarde da noite podem encontrá-lo uma tensão nos olhos ao olhar para uma tela brilhante por longos períodos de tempo. O modo escuro é uma configuração ou função de dispositivos, aplicativos ou sites, que reduz a quantidade de luz brilhante vindo da tela. Funciona, no caso de sites, para mudando a cor dos elementos do design de um site da luz para a escuridão, tornando a visualização de uma tela menos cansativa para os olhos do usuário.

Alguns dispositivos, como dissemos, vêm com um modo escuro integrado. Alguns dispositivos também possuem modo noturno, que é um pouco diferente. O modo escuro usa cores escuras para o plano de fundo de um siteenquanto o modo noturno substitui tons mais frios por outros mais quentes, reduzindo a quantidade de luz azul emitida. Alguns estudos mostraram que A luz azul pode ter efeitos adversos à saúde., é por isso que muitos usuários preferem evitá-lo.

Como habilitar o modo escuro em seu site WordPress

Como sempre, nossa primeira sugestão é encontrar uma solução em um tema desenvolvido profissionalmente. Se você está procurando por um tema WordPress escuro, em vez de um modo escuro, não há falta deles.

Se você está procurando uma maneira de Permita que seus visitantes alternem entre os modos claro e escuro. do seu site, você precisará de um plugin. Nós sugerimos você Modo escuro WP, e mostraremos como usá-lo.

Depois de instalar e ativar o plugin, você será redirecionado automaticamente para sua página de configurações. Se quiser encontrar esta página de configuração mais tarde, você a encontrará em seu painel do WordPress, em Configurações / Modo escuro WP.

A configuração é bastante simples. Na guia Configuração geral, você vai descobrir que Ativar modo escuro de interface, 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 interruptor flutuante significa que seus visitantes verão uma mudança no 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.

Configuração geral

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 maneira que os blocos de Gutenberg (apenas arraste e solte o elemento de mudança de modo escuro onde você 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 vez de blocos ou elementos de Gutenberg.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

Mostraremos como colocar um switch em uma postagem usando um bloco de Gutenberg. Basta clicar no mais assine enquanto edita uma postagem e encontre o Interruptor de modo escuro bloquear.

Bloco Modo Escuro

Colocamos nossa chave no final do poste e na extrema direita. Claro, você pode colocar o seu onde quiser.

Bloco adicionado

E é isso mesmo. Seus visitantes agora verão o botão de modo escuro onde você o colocou.

Visualização do modo escuro

Clicar nele ativará automaticamente o modo escuro do seu site.

Visualização do modo escuro

Este plugin oferece muito mais opções de estilo para o modo escuro, mas são limitadas na versão gratuita do plugin. Se a estética de seus controles é importante para você, pode querer investir na versão profissional do plugin.

Como habilitar o modo escuro para a interface do painel do WordPress

Mas e se os usuários cujos olhos você deseja evitar o desgaste das cores brilhantes forem seus administradores? Com o Modo escuro WP, você também pode inserir um botão de modo escuro no painel do WordPress.

Nas configurações gerais, encontre o Ativar modo escuro de backend alternar, ligar e Salve  suas configurações.

Você encontrará um luz negra alternar na parte superior da tela. Seus administradores agora terão a capacidade de ativar o modo escuro à vontade.

Administrador escuro

E sua equipe de colaboradores e administradores agora podem usar o site no modo escuro, assim como seus visitantes.

Modo escuro de back-end

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: