Deseja adicionar o modo escuro ao seu site WordPress?
Muitos dispositivos agora vêm com suporte nativo ao modo escuro. Adicionando este modo ao seu site da Web Adapta automaticamente seu design às preferências de navegador dos usuários. Você pode até adicionar um switch ao seu site para mudar para ele.
Neste artigo, vamos mostrar como adicionar facilmente o modo escuro ao seu site WordPress tanto no frontend quanto na área de administração.
Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
O que é o modo escuro e por que adicioná-lo ao seu site?
O modo escuro é usado em dispositivos móveis e computadores para reduzir a quantidade de luz branca na tela.
Alguns dispositivos vêm com um modo noturno que, na verdade, usa tons de cores mais quentes. O modo escuro tem uma abordagem diferente ao adicionar cores escuras ao fundo.
Se você tiver um dispositivo iPhone ou Android, poderá alternar para o modo escuro usando apenas um botão de alternância.
Como alternativa, em seu computador, você pode visualizar sites no modo escuro usando uma extensão do Chrome como Night Eye. Esta é a aparência da seção do blog do BlogPasCher usando este plug-in:
Adicionar um modo escuro ao seu site oferece aos usuários a capacidade de ativar e desativar o modo escuro ao visualizar seu site. Também oferece mais controle sobre como seu site é exibido no modo escuro.
Sites populares como YouTube também oferecem um esquema de cores escuras. Isso permite que os usuários assistam a vídeos tarde da noite com uma experiência mais confortável.
Além de adicionar o modo escuro à interface do seu site, você pode até adicionar o modo escuro à área de administração do WordPress. Isso pode ser útil se você estiver trabalhando em seu site à noite ou à noite.
Primeiro, vamos dar uma olhada em como adicionar o modo escuro ao seu site WordPress. A seguir, abordaremos a adição do modo escuro ao painel do WordPress.
Conselho: Quer um site com esquema de cores escuras, mesmo com o dispositivo do usuário no modo normal ou diurno? Portanto, verifique nossa lista de melhores temas escuros para WordPress.
Adicionando o modo escuro ao seu site WordPress
Primeiro de tudo, você precisa instalar e ativar o plugin Modo escuro WP. Para mais detalhes, consulte o nosso guia passo a passo em como instalar um plugin do WordPress.
Após a ativação, vá para a página Configurações »Modo WP escuro no painel do WordPress e clique na guia Configurações gerais. Você deve ser redirecionado para lá automaticamente.
Aqui, o parâmetro 'Ativar modo escuro com reconhecimento de sistema operacional' foi ativado para você. Isso significa que o visitantes verá automaticamente a versão do modo escuro do seu site quando o dispositivo estiver definido para o modo escuro.
O parâmetro 'Mostrar interruptor flutuante'também foi ativado. Isso significa que os usuários podem mudar seu site para o modo escuro a qualquer momento, mesmo que não tenham habilitado a opção de modo escuro em seu dispositivo.
Basta visitar seu site e você verá a chave no canto inferior direito. Clique nele para mudar instantaneamente o seu site para o modo escuro no seu dispositivo:
Existem mais opções de personalização disponíveis na página Configurações »Modo escuro WP. No entanto, eles são bastante limitados com a versão gratuita.
Por exemplo, você só precisa clicar na guia Configurações de exibição para alterar o estilo do botão flutuante:
Você também pode personalizar as cores do modo escuro usando a guia Configurações de estilo :
Certifique-se de clicar no botão Salvar configurações para salvar as configurações após fazer as alterações.
Observação: Com a versão gratuita deste plugin, você obtém apenas os 2 primeiros estilos de botão flutuante e as 2 primeiras predefinições de cor.
A versão profissional oferece muito mais opções de design, além da capacidade de habilitar o modo escuro em horários específicos e a capacidade de adicionar código CSS personalizado.
Adicionando o modo escuro ao painel do WordPress
O WordPress vem com esquemas de cores para a área administrativa, mas nenhum dos esquemas de cores padrão reduz a luz branca que vem de sua tela. Felizmente, este plugin resolve esse problema.
Vamos dar uma olhada em como adicionar facilmente o modo escuro à sua área de administração do WordPress para uma experiência do usuário melhor durante as horas tardias.
Você apenas tem que ir para a página Configurações »Modo WP escuro e clique na guia Configurações gerais. Em seguida, ligue o interruptor 'Habilitar Backend Darkmode'. Não se esqueça de clicar no botão Salvar configurações no final da página:
Agora você verá uma nova opção na barra superior da sua área de administração:
Basta clicar neste botão para mudar instantaneamente a sua área de administração para o modo escuro.
Conselho: Se o seu site tem vários Usuários do WordPress, cada pessoa poderá alternar para o modo escuro como preferir.
Desde a 'Modo escuro'não é um esquema de cores de administrador, você pode usá-lo facilmente com um esquema de cores de administrador existente do WordPress. Para definir isso, basta ir para Usuários »Perfil e clique em uma opção em Admin Color Scheme.
Observe que você precisará desligar o modo escuro para ver as opções de esquema de cores do administrador:
Ao escrever uma postagem em Editor de blocos WordPress, você também pode alternar para o modo escuro. Clique no pequeno ícone colorido no canto superior esquerdo e selecione o modo que deseja usar:
Agora você pode escrever e trabalhar confortavelmente em seu site à noite, sem forçar seus olhos.
Outros recursos recomendados
Convidamo-lo também a consultar o Ressources abaixo para ter mais propriedade e controle de seu site e blog.
- Como incorporar vídeos em suas postagens de blog WordPress
- Como adicionar um Beach Slider em um formulário WordPress?
- plugins 7 WordPress para criar notificações bar
- 8 WordPress plugins para adicionar gráficos de preços ao seu blog
Conclusão
Aqui está ! É isso neste guia. Esperamos que este artigo tenha ajudado você a aprender como adicionar o modo escuro ao seu site WordPress. Você também pode ler nosso artigo sobre 9 WordPress plugins para personalizar seu painel.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Se você tem um amigo ou um comentário, por favor deixe na seção comentário. Na maioria das vezes compartilhe este artigo em suas diferentes redes sociais.
...
