Adicionar um padrão escuro ao seu sítio Web é importante para proporcionar uma melhor experiência ao utilizador e tornar o seu sítio Web mais acessível. O Elementor é uma das ferramentas de criação de páginas mais populares para WordPress, facilitando a adição de um padrão escuro em apenas alguns passos simples.
Porquê adicionar um modo de cor escura?
Antes de explorar a forma de implementar o modo escuro no Elementor, vamos compreender as suas vantagens para os sítios Web. Existem dois benefícios principais: melhor experiência do utilizador e melhor acessibilidade.
- Experiência de utilizador melhoradaModo escuro: O modo escuro proporciona-lhe uma experiência de navegação mais confortável, especialmente em ambientes pouco iluminados. Minimiza o cansaço visual, melhora a legibilidade e torna o sítio mais atrativo para os visitantes.
- Melhoria da acessibilidadeO modo escuro também melhora a acessibilidade para pessoas com deficiências visuais ou sensibilidade à luz brilhante. Isto permite-lhes navegar e interagir com o conteúdo do seu sítio mais confortavelmente, sem qualquer inconveniente.
Passo 1: Instale e active a versão gratuita dos Elementos Ilimitados do Elementor
A versão gratuita do Unlimited Elements for Elementor deve ser instalada e activada.
Passo 2: Instale o widget do modo escuro em Unlimited Elements
Encontre "modo escuro ", mova o cursor sobre ele e verá um botão "Instalar". Clique nesse botão para configurar o Widget.
Passo 3: Adicione o widget Dark Mode à página Elementor.
Arraste e largue o widget Modo escuro na página.
Personalize as definições do modo escuro a seu gosto.
1. velocidade de animação
Ajusta a velocidade a que as transições ocorrem quando muda entre os modos claro e escuro.
2、Posição horizontal do botão
Determina a posição horizontal do botão de alternância do modo escuro no widget.
3、Posição vertical do botão
Especifica a posição vertical do botão de alternância do modo escuro no widget.
4、Deslocamento vertical do botão
Ajuste o alinhamento vertical do botão de alternância do modo escuro em relação à posição predefinida.
5. desvio horizontal do botão
Ajusta o alinhamento horizontal do botão de alternância do modo escuro em relação à sua posição predefinida.
6. ícones de botões
Personalize o ícone apresentado no botão de alternância do modo escuro.
7) Guarde no Cookie
Escolha se pretende guardar as preferências de modo escuro do utilizador num cookie para acesso futuro.
8, não afecta a imagem
Opte por excluir imagens da conversão em modo escuro para uma melhor visibilidade ou estética.
9. correspondência automática de temas do sistema operativo
Sincronize automaticamente o modo escuro do widget com o tema do sistema operativo (se disponível).
10, modo escuro misturando cores
Defina a cor de mistura a ser misturada com o fundo do modo escuro para melhorar a legibilidade ou a consistência do design.
11, cor de fundo do modo escuro
Define a cor de fundo do ecrã do modo escuro dentro do widget.
resumos
Adicionar um modo escuro ao seu site WordPress com o Elementor não só permite aos utilizadores navegarem como preferirem, como também torna o site único e mostra a importância da variedade e da experiência do utilizador. O objetivo é criar um ambiente flexível onde os utilizadores possam optar por navegar de acordo com os seus hábitos, tornando-os assim mais empenhados e satisfeitos. Se estiver a ter dificuldades em configurar o modo escuro, pode saber mais sobre o mesmo na nossa secção "pergunta e resposta"Procure ajuda ou encontreContactar-nosO serviço de apoio ao cliente ajuda-o.