Olá pessoal! Tenho novidades incríveis para compartilhar com vocês hoje. A equipe do Elementor já lançou a tão aguardada atualização 3.12, repleta de novos recursos que vão ajudar a melhorar o design de seus sites.
Um dos destaques dessa atualização é o novo widget de Menu, que promete revolucionar a forma como você cria Mega Menus. Com esse recurso, você terá mais opções de personalização para o menu do seu site, proporcionando uma experiência de navegação ainda mais agradável para os visitantes.
Além disso, o Loop Builder também recebeu muitas melhorias. Há uma série de novos recursos e templates disponíveis, o que torna mais fácil criar listagens de posts e produtos rapidamente. Com o Loop Builder, você pode personalizar o conteúdo do seu site de forma fácil e rápida, garantindo que seu site esteja sempre atualizado e com conteúdo de qualidade.
E não para por aí! O Elementor 3.12 inclui outras atualizações que aprimoram a experiência do usuário e ajudam a construir sites ainda mais bonitos e profissionais.
Se você é usuário do Elementor, é hora de atualizar seu plugin e aproveitar ao máximo esses novos recursos. Se ainda não usa o Elementor, essa é uma ótima oportunidade para conhecer essa ferramenta poderosa e intuitiva.
Como instalar a versão beta para testar antecipadamente
Antes de conhecer todas as atualizações da versão 3.12 do Elementor preciso te dar 3 recomendações.
- Você terá que baixar a versão BETA3.12 que ainda não está disponível no Elementor Padrão. Para isso, acesse o esse link.
- Para testar opções do elementor pro é necessário te adquirido, faça-o aqui;
- Use em um site de testes pois pode comprometê-lo.
Se você ainda não ativou o teste beta no Elementor, siga estas etapas:
- Ir para Elementor > Ferramentas > Versões;
- Ativar o recurso de testador beta;
- Vá para Atualizações do Painel > e atualize para a versão beta mais recente.
Isso irá configurá-lo para testar o novo Elementor 3.12 Beta.
OBS. Caso a atualização já esteja em vigor, não precisa dos passos para ativar a versão beta, basta instalar normalmente.
Agora sim, vamos lá?!
Você pode gostar também:
1 – [Pro] Mega Menu
O Elementor 3.12, nesse caso o elementor pro, apresenta o novo widget de Menu, que permite criar um Mega Menu expansível com qualquer layout, tipo de widget e conteúdo, além de permitir vincular a qualquer página. Os Mega Menus são ideais para melhorar a experiência do visitante em sites com uma arquitetura de navegação complexa, além de exibir menus com design incrível.
O novo widget de Menu está disponível após a ativação dos experimentos Container, Nested Elements e Menu. Você pode criar um menu simples sem conteúdo dropdown ou ativar o conteúdo dropdown por item, o que criará um Contêiner para a área de conteúdo de cada item do menu. Dentro deste contêiner, você pode criar qualquer layout usando elementos e aninhando contêineres.
Configurando a Navegação
O novo widget de Menu permite que você crie itens de menu do zero, em vez de criar automaticamente como o antigo Nav Menu (agora WordPress Menu).
Você pode dar nomes e vincular a qualquer página, escolhendo como os visitantes interagem com menus dropdown – clicando ou passando o mouse e se a animação é usada ou não.
Estilizando seu Menu
O novo widget de Menu tem muitas capacidades de estilo para criar o menu perfeito para o site, incluindo todas as capacidades disponíveis no painel do widget, Itens do Menu, Toggle do Menu, Menu Dropdown e muito mais.
Também será possível adicionar ícones aos títulos dos Itens de Menu, e usar todo o estilo e configurações dos Contêineres para ajustar o estilo do conteúdo dropdown.
-Configurações Responsivas
É possível escolher o ponto de interrupção em que o menu se torna um menu toggle, e personalizar os ícones usados para o toggle nos estados normal e ativo, visando proporcionar uma boa experiência aos visitantes do site.
2 – [Pro] Modelo alternativo de loop
O Elementor 3.12 apresenta um novo recurso no ‘widget Loop Grid’ chamado “Aplicar um modelo alternativo“, que permitirá criar ou aplicar outro modelo dentro da sua grade de loop.
Ao ativar esta opção, você pode escolher um modelo existente ou criar um novo modelo usando todos os widgets do Elementor.
Extensão da coluna
Permitindo que o modelo alternativo se estenda por mais de uma coluna.
Isso significa que, ao aplicar o modelo em um item específico, é possível fazer com que ele ocupe mais de uma coluna na exibição da página, proporcionando maior flexibilidade na configuração do layout do Loop Grid.
3 – [Pro] Biblioteca de Modelos de Loop
O Elementor 3.12 apresenta 10 novos modelos de loop para postagens e produtos WooCommerce na biblioteca, criados pela equipe do Elementor seguindo as melhores práticas do setor.
Os modelos de loop podem ser usados nos widgets Loop Grid e Loop Carousel e requerem que os contêineres estejam ativados no site.
4 – Renovação da interface do Elementor
O Elementor 3.12 celebra os 6,5 anos do Elementor e a interface do Editor será gradualmente reformulada em 2023 para melhorar as práticas de criação de sites, sua acessibilidade, fluxo de trabalho e recursos, com a adoção de um novo sistema de design com melhor semântica de cores.
Um novo esquema de cores para Elementor
O Elementor 3.12 apresenta a primeira alteração na interface do Editor com a introdução da nova semântica de cores, que recoloriza e simplifica o Editor e outras telas do Elementor.
As novas cores são otimizadas para acessibilidade e adaptadas para os modos Escuro e Claro, mas não afetam nenhuma funcionalidade do produto.
Experimento: nova barra superior
O Elementor 3.12 apresenta uma nova barra superior como um experimento, desativada por padrão. A Top Bar foi construída no React para melhor desempenho e facilitar novos recursos no futuro. Ela consolida as ações comuns que você precisa realizar em seu site em um local central e acessível.
Nesta versão, a barra superior inclui os seguintes itens e recursos:
- Elementor Menu – que fornece acesso direto ao Construtor de Temas, Histórico de Revisão, Usuário – Preferências, Atalhos de Teclado e Gerenciar Site (Painel do WordPress).
- Widget panel – acessível clicando no ícone ‘+’ na barra superior.
- Site Settings – acesso direto a todas as configurações do site.
- Structure – que abrirá o painel de estrutura (anteriormente navegador).
- Document indication – que esclarecerá em qual parte do site você está trabalhando em um determinado momento.
- Page Settings – acessíveis a partir da roda dentada, que permitirá ajustar as configurações da página em que você está trabalhando no momento.
- Responsive – os pontos de interrupção ativos em seu site serão colocados na barra superior e fornecerão acesso direto a cada um deles, melhorando seu fluxo de trabalho.
- Finder – acessível a partir do ícone da lupa, que permite encontrar facilmente partes do site, executar ações rápidas e adicionar novas páginas ou postagens.
- Help Center – acessível a partir do ícone de ponto de interrogação, o levará diretamente ao centro de ajuda
- View Page – permitirá que você veja a visualização do seu site.
- Publish – subiu da parte inferior do painel de widgets para o canto direito da barra superior.
Você ativa a nova barra superior acessando Elementor → Configurações → Recursos e ativando o experimento “Barra superior“. Como está apenas no início da implementação, não é recomendável ativá-lo em sites em produção.
5 – [Pro] Ícones personalizados no carrinho
A atualização do widget Menu Cart permite escolher ou fazer upload de qualquer SVG para os ícones do carrinho, incluindo o ícone para fechar o carrinho e remover um item. Para adicionar um ícone personalizado, abra a lista de ícones, escolha Personalizar e selecione um ícone da biblioteca de ícones ou faça upload de seu próprio SVG.
O controle para escolher ou fazer upload de um SVG para os ícones de fechar carrinho e remover itens também está disponível no painel de edição.
6 – Alinhamento vertical na Lista de ícones
O widget Lista de ícones agora permite escolher o alinhamento vertical dos ícones, podendo ser na parte superior, no meio ou na parte inferior, usando o novo controle Alinhamento vertical na guia de estilo do widget.
7 – Unidades personalizadas
O Elementor 3.10 agora permite a adição de unidades personalizadas em contêineres, seções, colunas e controles de tipografia. Com a atualização, será possível usar unidades personalizadas em todos os campos baseados em unidades, permitindo o uso de palavras-chave CSS personalizadas e funções CSS para obter um design perfeito em pixels.
Todos os campos baseados em unidades foram alinhados e incluem EM, REM, pixels, porcentagens, VW e VH.
As unidades personalizadas no Elementor permitem que o usuário seja mais específico ao definir opções de unidade e aplicar CSS personalizado em todo o site ou página. Ele também menciona como as funções CSS podem ser usadas para ajustar automaticamente o tamanho da fonte da tipografia com base em variáveis definidas em CSS personalizado.
Exemplo: usar a função CSS “var(–h1-heading-size)” para definir o tamanho da fonte da tipografia e definir as variáveis no CSS personalizado da página ou site.
Conclusão sobre o elementor 3.12
Chegamos ao final deste artigo sobre as atualizações do plugin Elementor 3.12! Esperamos que você tenha gostado das novidades que esse plugin incrível nos trouxe.
É importante destacar que algumas das atualizações mencionadas são exclusivas da versão Pro do Elementor. Por isso, recomendamos fortemente que adquira a versão Pro, você viu um pouco do poder que a versão Pro tem!
Para adquirir a versão Pro do Elementor, basta acessar o site oficial da ferramenta clicando aqui. Com a versão Pro, você terá acesso a recursos exclusivos que ajudarão a criar sites ainda mais bonitos e profissionais.
Não se esqueça de deixar o seu comentário abaixo. Queremos saber o que você achou das novidades do Elementor e se já usa ou pretende usar essa ferramenta para criar páginas incríveis.
Fique ligado em nosso blog para mais dicas e informações sobre o Elementor e outras ferramentas de criação de sites.
Desejamos que seus projetos sejam um sucesso e até a próxima!
