Hoje em dia, cada vez mais páginas da web oferecem aos seus espectadores a opção de escolher entre o modo claro e o modo escuro. Para citar alguns, Facebook, Twitter e YouTube já introduziram as configurações do modo escuro aos seus usuários.
Neste post, você vai obter informações sobre o modo escuro front-end Mas e se você quiser definir o modo Escuro no Painel WordPress? Visitar Modo escuro do painel WordPress e saiba mais sobre isso.
O modo escuro vem ganhando popularidade dos usuários há bastante tempo, Mantendo a tendência, muitos usuários do WordPress estão pedindo o modo escuro Então, é natural que você queira adicionar o modo escuro ao seu site WordPress E agora que você já está lendo este artigo, em breve saberá como definir o modo escuro do WordPress em um clique.
Índice
Adicione um cabeçalho para começar a gerar o índice
O que é o modo escuro?
O modo escuro é uma configuração de exibição para interfaces de usuário, como laptops ou smartphones Embora existam várias cores e matizes, não há textos escuros aparecendo contra uma tela branca neste modo Em vez disso, um fundo escuro ou preto apresenta textos de cores claras e elementos de interface em cima dele.
O modo escuro é conhecido por alguns outros nomes, como tema escuro, modo preto, claro sobre escuro, modo noturno Além de navegadores, smartphones, etc., muitos sistemas operacionais oferecem modo escuro para seus usuários.
A ideia geral do modo escuro é que ele reduz a luz emitida pelas telas dos dispositivos, mantendo as taxas mínimas absolutas de contraste de cores necessárias para que os elementos da interface sejam legíveis No entanto, a ideia não é algo novo Na verdade, o modo escuro antecede o modo claro em algumas décadas Com o avanço da tecnologia, veio o tema da luz E, curiosamente, esse mesmo avanço trouxe o interesse do usuário no modo escuro de volta à vida.
Por que o modo escuro é necessário?
Existem certas vantagens que o modo escuro pode oferecer São as seguintes:
Consumo de Energia Reduzido
Uma vantagem científica mais comumente reconhecida do modo escuro é que ele reduz o consumo de energia com monitores AMOLED e OLED.
Nos painéis OLED e AMOLED, cada pixel acende individualmente No modo de luz, todos os pixels acendem e, por sua vez, a exibição exige mais entrada de energia No entanto, no modo escuro, todos os pixels não precisam acender. Como resultado, a tela não pede tanta entrada de energia quanto no modo de luz.
No entanto, apenas os monitores OLED e AMOLED podem desfrutar da opção de economia de energia no modo escuro.
Emissão de Luz Azul Reduzida
A luz azul é um espectro de luz visível com alta energia que tem o menor comprimento de onda De acordo com especialistas, a exposição excessiva à luz azul pode fazer com que seu corpo secrete menos melatonina A melatonina desempenha um papel vital para que você durma adequadamente.
O Sol é a fonte mais significativa de luz azul No entanto, os dispositivos que você usa secretam vestígios de luz azul também Mas se você estiver usando o modo escuro, ele cortará a luz azul prejudicial, garantindo um sono mais sonoro.
Melhor para configurações de pouca luz
O modo escuro é mais adequado para um ambiente com pouca luz, como na cama ou na sala de cinema. Dessa forma, mesmo que você esteja usando seus dispositivos, isso não incomodará outras pessoas involuntariamente.
Como configurar o modo escuro?
WordPress vem equipado com um esquema de cores admin No entanto, nenhum dos layouts padrão cortar a luz branca proveniente da tela Mas não se preocupe, porque há uma maneira de configurar o modo escuro em seu site WordPress Você pode configurar o modo escuro em seu site WordPress através de um plugin.Em primeiro lugar, você precisará instalar e ativar o Plugin WordPress Modo Escuro. Você pode encontrá-lo diretamente no diretório de plugins do WordPress Você pode acessar o diretório através do painel de administração na seção de plugins.
Como adicionar o modo escuro ao seu site WordPress usando um plug-in
Primeiro de tudo, você precisará instalar e ativar o plugin WordPress Dark Mode Nós vamos estar usando o Apagão: Widget Modo Escuro para este artigo. Você pode encontrá-lo diretamente no diretório de plugins do WordPress Você pode acessar o diretório através do painel de administração na seção de plugins.
Depois de o ter instalado, terá de activar o 'plugin' de modo escuro Após a activação, aceda ao seu painel de administração do WordPress Clique na opção Configurações do seu quadro de administração No menu flyout, escolha o menu Blackout.
Você verá várias opções A partir daí, clique no botão Habilitar modo escuro do OS Aware Uma vez ativado, ele permitirá que os visitantes vejam a versão do modo noturno do seu site WordPress quando o dispositivo tiver uma configuração de modo escuro.
Para fazer a opção de mudar para o modo escuro sempre que quiserem estar disponíveis, encontre a opção Mostrar Interruptor Flutuante Clique no botão para ativá-lo, significa que, independentemente da configuração da interface do usuário, o usuário poderá mudar para o modo escuro quando estiver no seu site.
Existem muitas outras opções disponíveis Por exemplo, você pode escolher as cores do modo escuro, personalizar seus estilos de switch flutuante e muito mais No entanto, apenas uma parte de todas as opções estará disponível para você com a versão gratuita Quando você tiver terminado suas tarefas, clique no botão Salvar alterações para salvar suas configurações.
Agora, para ter certeza de que o plugin está funcionando sem problemas, faça um teste para ver se tudo está funcionando. Você também pode consertar onde seu switch flutuante aparecerá na tela do usuário.
Como adicionar modo escuro ao administrador do WordPress
WordPress oferece diferentes esquemas de cores admin No entanto, nenhum dos esquemas de cores padrão pode reduzir a emissão de luz branca da sua tela, apesar de suas diferenças Felizmente, este plugin de modo escuro cuida desse problema também.
Para isso, terá de aceder mais uma vez ao menu Configurações A partir daí, terá de entrar na página de Apagão e carregar no separador Configurações Gerais Você verá uma opção para o deixar escolher activar o modo de backend escuro Ative essa opção e salve as alterações que fez clicando no botão Gravar Configurações no fundo da página.
Depois de ter ativado o modo back-end escuro, você deve ver um novo interruptor na barra superior do seu painel de administração Se você quiser ativar o modo escuro, clique no botão e alterne-o para a configuração de modo escuro No entanto, seria melhor usar o modo escuro somente quando você estiver em um ambiente escuro para cuidar melhor de seus olhos.
Observe que o modo escuro não é um dos esquemas de cores admin que o WordPress fornece Assim, mesmo se você estiver usando a configuração de modo escuro, você pode usar um dos esquemas de cores admin do WordPress ao lado dele sem qualquer dificuldade Para definir isso, clique na opção Usuários e vá para a página Perfil do menu flyout A partir dessa página, clique em uma opção na página Esquema de cores do administrador.
No entanto, você terá que desligar o modo escuro para notar a outra opção de esquema de cores admin.
Embrulhando
Adicionar modo escuro ao seu site WordPress adiciona um recurso extra agradável ao seu site Mas isso não é tudo o que ele faz Ele também melhora a acessibilidade do usuário e experiência Com sua popularidade revolta, a introdução de modo escuro para o seu site WordPress deve impulsionar o tráfego do seu site.
Agora que você chegou ao final deste artigo, esperamos que agora você saiba como definir o modo escuro WordPress em um clique E agora, você pode introduzir o modo noturno em seu site e melhorar a experiência do usuário.
