Elementor 2.6 Beta: Ícones, SVG e Melhorias na Interface

O Elementor 2.6 Beta chegou no Github e valeu a pena esperar. Já faz um tempo desde a última vez que foi uma nova versão principal e como o Elementor tem uma base de usuários muito ampla, os desenvolvedores coletaram vários recursos e liberar após o teste beta adequado.

Esta versão elimina muitos dos seus pedidos e se concentra em três aspectos principais da manipulação de ícones no Elementor.

Conheça a nova biblioteca de ícones

O time do Elementor redesenhou completamente a maneira como você trabalha com ícones.

Com esta versão, existe uma interface inteira baseada no React que tornará os ícones de seleção muito mais fáceis, rápidos e divertidos.

Clique no botão Biblioteca de ícones que aparece em qualquer widget com controles de ícone e pronto – a nova interface da biblioteca de ícones será exibida.

Os ícones relevantes serão mostrados automaticamente de acordo com o widget que você está usando. Até agora, você só podia selecionar entre alguns ícones pré-definidos. De agora em diante, você pode clicar no botão Biblioteca de ícones e a Biblioteca aparecerá e permitirá que você escolha os ícones recomendados.

Se você é do tipo exigente, pode navegar pela biblioteca inteira e escolher o ícone desejado. Você também pode filtrar ícones pesquisando uma palavra-chave, ou percorrer os ícones.

A Biblioteca de Ícones inclui um painel à esquerda, onde você verá os diferentes conjuntos de ícones e poderá filtrar os ícones existentes.

Apresentando o Font Awesome 5 Library do Elementor 2.6

A tão aguardada biblioteca Font Awesome 5 finalmente chega ao Elementor!

Levou tempo para liberar esse recurso porque o time do Elementor queria ter certeza de que tudo funcionaria bem. Isso inclui compatibilidade com versões anteriores e remoção de dependências do Font Awesome 4.

Com essa atualização, sua biblioteca de fontes básica ficou muito maior. Até o Elementor 2.6, você tinha que se contentar com apenas 675 ícones, agora tem acesso a 1.534 incríveis ícones de Font Awesome 5 (incluindo um ícone do logo Elementor!).

Font Awesome 5 não é apenas sobre mais ícones. Ele traz desempenho mais rápido e velocidade de página mais rápida, o que pode beneficiar sua velocidade de carregamento de página e SEO.

Com essa biblioteca, apenas o CSS e as fontes da família de ícones que você usa são carregados. Tempo de carregamento mais rápido significa melhores resultados de SEO para você e seus clientes!

O FA5 vem incluído com três famílias de ícones principais: sólido, marca e regular. Essas famílias são filtráveis ​​e permitem que você fique consistente com uma determinada linguagem de design em todo o site.

Por favor, note que devido a pequenas alterações de design feitas em alguns ícones do FontAwesome 5, alguns dos seus antigos ícones do FontAwesome 4 podem parecer um pouco diferentes no Elementor 2.6.

Biblioteca de arquivos SVG no Elementor 2.6

O Elementor 2.6 inclui mais do que apenas FontAwesome 5. O novo controle Icons também permite que você aproveite o poder dos arquivos SVG.

Então, o que é SVG e o que há de tão especial nisso? O Scalable Vector Graphics (SVG) é um formato de imagem vetorial baseado em XML para gráficos bidimensionais com suporte para interatividade e animação.

Os arquivos SVG funcionam de maneira semelhante aos ícones. Você pode escalá-los para cima ou para baixo sem perda de resolução ou desfocagem. Eles são extremamente leves e mantêm suas páginas enxutas.

Aviso de segurança importante: O upload de arquivos SVG de fontes desconhecidas pode representar uma possível ameaça à segurança. Recomendamos que você envie arquivos somente de uma fonte confiável e ative esse recurso depois de entender e aceitar os riscos de segurança envolvidos.

O módulo SVG do Elementor 2.6 fará o melhor para desinfetar os arquivos enviados para o seu site, mas é melhor fazer upload de arquivos SVG apenas de fontes conhecidas e confiáveis.

Depois que você fizer o upload de um arquivo SVG, o Elementor irá higienizar o arquivo, removerá qualquer código malicioso e deixará apenas o esqueleto da imagem desejada. Depois que o upload for concluído, você poderá visualizar a imagem e filtrá-la usando a biblioteca de mídia nativa do WordPress, exibindo apenas arquivos SVG. O SVG é inserido na página como código embutido.

Recomendamos o upload de SVGs sem qualquer estilo inline, para aproveitar todos os recursos dos controles de estilo do Elementor.

Melhor Experiência do Usuário no Elementor 2.6

Uma simples mudança em uma interface sempre em expansão como o Elementor pode ser esmagadora às vezes. É por isso que constantemente são discutidas novas formas inovadoras de ajudá-lo em cada etapa do seu processo de design.

O Elementor 2.6 traz duas novas ferramentas: Indicadores do Navegador e Botões de Ajuda.

Indicadores do Navegador do Elementor 2.6

O recurso Navigator tornou-se uma ferramenta de edição indispensável no Elementor. É como o Waze, você se pergunta como você conseguiu sem ele. Agora, estamos melhorando ainda mais com os Indicadores do Navegador.

Toda vez que você usa o Posicionamento Personalizado do Elementor em qualquer elemento específico, você poderá ver uma indicação dessa personalização no painel Navegador.

Por exemplo, se eu usar uma posição absoluta para um título, o Navegador mostrará um indicador azul com um ícone de arrastar ao lado do título.

Na próxima versão Pro, também adicionaremos dois outros indicadores para efeitos de movimento e CSS personalizado.

Botões de Ajuda do Elementor 2.6

A documentação abrangente sempre foi uma das principais prioridades para a equipe do Elementor. Dito isso, nem sempre é fácil encontrar o documento exato no momento exato em que você precisa.

É por isso que foi adicionado um botão de ajuda no final de cada painel do editor. Clique nele e uma nova guia será aberta com a documentação relevante necessária.

Finalizando

O Elementor 2.6 Beta chega em boa hora e com ótimos recursos. Além nos novos recursos foram corrigidos mais de 30 problemas reportados pela comunidade que auxiliam a estabilidade da plataforma. Realmente é um excelente update.

Um abraço!

Luiz Eduardo

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Deixe uma resposta

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Fechar Menu
×

Carrinho