Em sua versão mais recente, Elementor 3.16 introduziu vários aprimoramentos notáveis para desenvolvedores web e proprietários de sites. Por padrão, os Flexbox Containers agora estão ativados em todos os novos sites, aumentando significativamente o desempenho e a flexibilidade de design. Esta atualização também introduz um controle aprimorado de ‘Gap entre elementos’, proporcionando aos usuários ainda mais flexibilidade ao trabalhar com Flexbox Containers.
Uma das principais melhorias nesta versão é a distinção clara entre Flexbox e Grid Container Widgets no painel Widget. Essa diferenciação resulta em widgets separados para cada tipo de contêiner, agilizando o processo de design e melhorando a experiência geral do usuário.
Além disso, os visitantes do site se beneficiarão de tempos de carregamento visivelmente mais rápidos, graças às otimizações feitas nas métricas Time to First Byte (TTFB). Esta atualização também dá grande ênfase à acessibilidade, garantindo uma experiência mais inclusiva para usuários que dependem de leitores de tela e outras tecnologias assistivas.
Notavelmente, os widgets de menu e guias passaram por atualizações essenciais de infraestrutura, preparando o terreno para a implementação de recursos avançados em versões futuras. Essas melhorias coletivamente tornam o Elementor 3.16 uma atualização valiosa para sites novos e existentes.
Create Amazing Websites
Com o melhor criador de páginas gratuito Elementor
Comece agoraDesbloqueando a máxima liberdade de design: habilitando contêineres Flexbox para novos sites
Os contêineres Flexbox fazem jus ao seu nome, oferecendo um notável grau de flexibilidade. Eles concedem aos designers o poder de criar sites que não sejam apenas perfeitos em pixels, mas também de alto desempenho e responsivos. Com suas opções de posicionamento preciso, os Flexbox Containers simplificam a tarefa de organizar e distribuir itens dentro de um contêiner, facilitando a criação de layouts flexíveis. Tomemos, por exemplo, a capacidade de colocar widgets de cabeçalho, imagem e editor de texto em um único contêiner. O que é ainda mais impressionante é a capacidade de definir direções flexíveis distintas para diferentes tamanhos de tela, permitindo que os elementos sejam reordenados perfeitamente com base no dispositivo.
Além disso, os Flexbox Containers vêm equipados com suporte para widgets aninhados, permitindo o posicionamento de widgets nas áreas de conteúdo de Carrossel, Menu, Guias e Widgets Acordeões. Considere a possibilidade de usar o widget Accordion para construir layouts complexos, apresentando um formulário de contato em um item e um widget do Google Maps em outro.
Um desenvolvimento significativo nesse sentido é que, a partir desta versão, os Flexbox Containers serão habilitados automaticamente para todos os novos sites. Esta alteração não afetará os sites existentes construídos com seções e colunas, que podem continuar a ser utilizadas. No entanto, é altamente recomendável adotar Containers para aproveitar ao máximo os novos recursos de design. Se você está embarcando na criação de um novo site e pretende ficar com seções e colunas, você tem a opção de desativar o recurso Flexbox Container, embora isso signifique perder o acesso a recursos e widgets com recursos aninhados.
A ativação do Flexbox Containers também desbloqueia o acesso a kits e modelos baseados em contêineres, abrangendo kits populares baseados em seções que foram adaptados para contêineres, juntamente com novas opções de design. Por outro lado, se você preferir ficar com kits e modelos baseados em seções, simplesmente desative o recurso Flexbox Container.
Controle de lacuna atualizado
Na atualização mais recente, os desenvolvedores simplificaram a interface do usuário, simplificando a terminologia. O controle anteriormente conhecido como “Gap entre elementos” agora é simplesmente chamado de “Gap”. Essa mudança torna mais fácil para os usuários compreenderem seu propósito. Além disso, há uma melhoria notável na forma como você ajusta a lacuna entre os elementos dentro dos Containers.
Anteriormente, um único controle de intervalo fazia o trabalho, mas agora você encontrará duas entradas numéricas distintas – uma para lacunas horizontais e outra para lacunas verticais. Esta mudança abre um mundo de precisão, pois você pode ajustar o posicionamento de cada elemento com a máxima precisão. Já se foram os dias das lacunas uniformes; agora você tem a flexibilidade de definir valores diferentes para espaços horizontais e verticais, adaptando seu projeto com perfeição.
Outro recurso interessante é a capacidade de personalizar as unidades nas quais você define essas lacunas. Quer você prefira pixels, porcentagens, EM, REM ou VW, você tem o poder de definir suas lacunas de acordo com seus requisitos de projeto. O objetivo é dar a você a liberdade criativa e o controle necessários para destacar seus projetos.
Widget de contêiner de grade
No domínio do web design e gerenciamento de layout, Grid Containers surge como uma ferramenta formidável, oferecendo os meios para criar arranjos intrincados de vários elementos dentro de um invólucro singular em forma de grade. A iteração mais recente introduz um aprimoramento que confere aos Grid Containers sua própria presença no Painel de Widgets. Esta nova integração oferece aos usuários a conveniência de acesso direto aos Grid Containers, eliminando a necessidade de recorrer ao processo mais complicado de arrastar um Flexbox Container e posteriormente modificar seu tipo.
O fluxo de trabalho foi simplificado para conveniência do usuário. Quando um usuário insere um Flexbox Container no editor, o sistema o instancia perfeitamente como tal, enquanto a introdução de um Grid Container é atendida com a manifestação imediata do layout da grade. No entanto, é crucial notar que esta flexibilidade vai além da mera seleção inicial. Os usuários mantêm a capacidade de converter qualquer tipo de contêiner em alternativa por meio do menu suspenso Layout do contêiner na seção Layout. Essa adaptabilidade garante que os designers tenham a liberdade criativa para adaptar os seus layouts precisamente às suas especificações.
Aceleração mais rápida com TTFB
A atualização mais recente do popular construtor de páginas WordPress, Elementor, promete melhorias substanciais no tempo de carregamento do site. A versão 3.16, lançada na quinta-feira, 21 de setembro de 2023, aumenta o tempo até o primeiro byte (TTFB) em 5-20% para sites que usam o Elementor Core gratuito e em até 40% para sites que usam o Elementor Pro de acordo com a complexidade da página . Esta atualização proporcionará uma experiência mais rápida e tranquila aos visitantes do site, entregando conteúdo mais rápido do que nunca.
O considerável aumento de desempenho do frontend foi alcançado modificando as condições de exibição no editor Elementor. Essas mudanças na forma como o Elementor renderiza o conteúdo na interface do editor levam ao TTFB aprimorado, que é uma métrica chave para medir a rapidez com que um site envia o primeiro byte de dados aos usuários. Ao simplificar seu editor, Elementor permite que os sites entreguem conteúdo com mais rapidez, ao mesmo tempo que fornece todas as funcionalidades de design avançadas que tornaram o construtor tão popular.
Acessibilidade Melhorada
A versão mais recente do popular construtor de páginas WordPress Elementor contém várias melhorias notáveis na acessibilidade e inclusão do site. De acordo com o anúncio de quinta-feira, 21 de setembro de 2023, a versão 3.16 facilita o acesso dos visitantes que utilizam leitores de tela e outras tecnologias assistivas ao conteúdo do site.
Por exemplo, foram feitas melhorias em widgets como Icon Box e Image Box que contêm vários elementos e links. Agora, quando um leitor de tela verifica esses widgets, ele lê cada link exclusivo apenas uma vez, em vez de repetir os mesmos links de forma redundante. Esta atualização evita o desperdício de tempo dos usuários de leitores de tela com informações duplicadas.
O Posts Widget também recebeu uma atualização para acessibilidade. Os leitores de tela agora se concentrarão apenas nos títulos das postagens neste widget, ignorando qualquer conteúdo adicional desnecessário, como CTAs "Leia mais" e texto alternativo da imagem em destaque. Simplificar a experiência de leitura dessa forma melhora a acessibilidade do site para visitantes com deficiência visual que navegam nas postagens com tecnologia assistiva.
No geral, essas melhorias cuidadosas no Elementor capacitam os criadores a criar sites que sejam mais inclusivos e agradáveis para todos os usuários, independentemente de suas habilidades. As melhorias ajudam a garantir que o conteúdo do site seja entregue de forma eficiente e eficaz aos visitantes que dependem de leitores de tela e outras tecnologias assistenciais.
Widgets de menu e guias atualizados
A versão mais recente do Elementor inclui melhorias internas na infraestrutura que alimenta os widgets Menu e Guias. De acordo com o anúncio de quinta-feira, 21 de setembro de 2023, a versão 3.16 atualiza esses widgets para gerar código unificado para itens de menu e títulos de guias em todos os tamanhos de tela.
Esta atualização elimina código duplicado que poderia ocorrer ao aplicar configurações responsivas a esses widgets em versões anteriores. A consolidação da base de código de back-end também abre caminho para que recursos avançados sejam implementados para esses widgets no futuro.
Além das melhorias de codificação, os widgets Menu e Guias agora estão mais acessíveis em geral. No entanto, a unificação do código do título poderia potencialmente quebrar os designs de widgets existentes se CSS personalizado tivesse sido aplicado aos títulos no passado.
As melhorias nesses widgets comumente usados demonstram o compromisso da Elementor em manter seus widgets principais atualizados. Embora as mudanças possam exigir que os desenvolvedores verifiquem novamente o CSS personalizado, elas estabelecem as bases para um melhor comportamento responsivo e acessibilidade no futuro. Para a maioria dos usuários, as atualizações devem ser perfeitas e resultar em uma experiência melhor em todos os tamanhos de tela.
Empacotando
No geral, esta versão mais recente representa um progresso significativo na criação de sites mais rápidos, responsivos e acessíveis. À medida que o Elementor continua a refinar seus principais recursos, os desenvolvedores devem considerar a atualização para desbloquear o potencial dos contêineres, aumentar o desempenho e melhorar a acessibilidade. Explorar essas adições de ponta ao popular construtor de páginas pode ajudar os sites a permanecerem na vanguarda do design, ao mesmo tempo que fornece experiências excelentes para todos os visitantes.
