Hoje, vamos informar como funciona o plugin de pontos de interrupção personalizados Elementor Entre as centenas de recursos de primeira linha incluídos no Elementor, o ponto de interrupção personalizado é um recurso obrigatório para dar ao seu site uma aparência profissional.
Enquanto você está pretendendo fazer uma página web 100% responsiva, o Ponto de interrupção personalizado para Elementor irá ajudá-lo a fazê-lo perfeitamente Em geral, Elementor oferece apenas três pontos de interrupção personalizados para usar.
Felizmente, Master Addons vem com uma enorme coleção de breakpoints Você pode usar 17 breakpoints personalizados padrão na edição premium de Master Addons E, o Master Addons gratuito oferece como o Elementor usual oferece, ele tem 3 breakpoints personalizados.
Plug-in de pontos de interrupção personalizados do elementor
Primeiro de tudo, você tem que instalar Ponto de interrupção personalizado Uma vez instalado, salvá-lo e recarregar a página Web O plugin irá ajudá-lo a adicionar pontos de interrupção para sua página.
Por que o ponto de interrupção personalizado é necessário?
Enquanto estiver usando o Elementor para criar seus sites clientes, você precisa usar pontos de interrupção personalizados Se você quiser obter seu site em um telefone celular, no modo paisagem, então você definitivamente precisa da ajuda de pontos de interrupção personalizados Isso significa que, para usar o Elementor para obter um modo paisagem móvel em seu site, você tem que usar pontos de interrupção personalizados Além disso, você pode simplesmente adicionar pontos de interrupção personalizados em larguras de pixel específicas.
No início da década de 2010, a maioria dos dispositivos costumava ter largura de tela semelhante Mas, no momento, em 2020, você terá muitas resoluções de tela disponíveis Ou seja, uma tela de retina MacBook de 13 polegadas vem com uma resolução de 2560 por 1600, enquanto uma tela XPS Dell de 13 polegadas vem com uma resolução de 3.840 por 2.400 Ou seja, eles são semelhantes em classe, mas diferentes em tamanhos.
Outra coisa importante do ponto de interrupção personalizado é que ele permite que seu site se encaixe perfeitamente em telas diferentes.
Não é tudo Mas vamos mergulhar mais fundo nos Pontos de Interrupção Personalizados, e você saberá como funciona.
Como funcionam os pontos de interrupção personalizados do Elementor?
Hoje vamos dar uma olhada nos Pro Pontos de interrupção personalizados que darão uma quantidade ilimitada de pontos de interrupção Se você é um usuário gratuito de complementos mestre, então você pode adicionar um número limitado de pontos de interrupção.
Elementor é uma espécie de limitado nos pontos de interrupção personalizados Assim, você não estará mais limitado ao ponto de interrupção padrão Isso significa que você pode adicionar muitos pontos de interrupção personalizados.
Aqui você pode colocar o nome do seu dispositivo Em seguida, nomeie o ponto de interrupção Defina a largura mínima e máxima Selecione como quiser configurá-lo.
Há um recurso especial que você certamente gostaria é Importar/Exportar Digamos que você tenha vários sites e você tenha seus próprios pontos de interrupção personalizados que você trabalha para os vários sites do cliente você poderia exportar essas configurações e importá-los para cada um instantaneamente Então, você não tem que adicionar estes cada um de volta manualmente cada vez que você trabalha em um site.
Instale os Master Addons agora mesmo!
Depois, ative o Plugin de Pontos de Interrupção Personalizados dentro de alguns segundos Como você fez a instalação do plugin, agora vamos para uma página para trabalhar Vamos para “pages” e “adicionar novo”.
Agora vou definir uma página rápida Isso expressará como o editor de páginas tem a aparência do Ponto de interrupção personalizado.
Editando o design para pontos de interrupção
Estou arrastando o elemento Heading, e Text Widget dentro de uma seção Como adicionei 2 breakpoint antes, você pode ver que dentro da opção “Responsive Mode” Todos os breakpoints configurados aparecerão aqui, selecione gradualmente um por um e faça responsivo para os elementos ou seções.
Aproveite a seguinte animação GIF.
Como mencionei anteriormente, existe um recurso interessante chamado configuração Importar/Exportar.
Você pode simplesmente excluir todos os pontos de interrupção padrão e organizar a largura min-max exata em suas necessidades Em seguida, exporte as configurações Isso vai lhe dar um jason.file Você pode pegar esse arquivo e importá-lo a qualquer momento.
Isso é tudo sobre como os pontos de interrupção personalizados do Elementor funcionam em complementos mestres O widget de ponto de interrupção personalizado realmente o ajudará a ajustar seus designs e a ficar ótimo em todos os dispositivos.
Esperançosamente, o tutorial a seguir foi frutífero para você Se você ainda tiver alguma dúvida, sinta-se à vontade para nos perguntar na caixa de comentários abaixo ou use o formulário de contato para entrar em contato conosco.
