Quer adicionar um efeito de sugestão a uma coluna no Elementor?
Elementor é perfeito para criar um site, em que a ênfase está no design. No Elementor, você pode adicionar efeitos de animação para tornar seu site mais interativo.
Um dos efeitos de animação que você pode adicionar a uma página ativada pelo Elementor é um efeito de ponto. Você pode adicionar um efeito de ponto a uma seção, coluna ou widget.
Este artigo mostrará como adicionar uma pontuação a uma coluna no Elementor. A propósito, se você é novo no Elementor, pode consultar nosso artigo anterior para descobrir como instalar o Elementor.
Como adicionar efeito de ponto a uma coluna no Elementor
No Elementor, a coluna é um elemento obrigatório. É aqui que você pode adicionar widgets - os elementos de design reais para criar sua página. Tal como acontece com outros tipos de elementos no Elementor, você também pode personalizar uma coluna para torná-la elegante.
Você pode adicionar fundo de cor sólida, fundo de imagem, sombra, para efeito de foco. O efeito de foco embutido do Elementor permite que você use um fundo diferente, uma borda diferente e uma sombra projetada diferente ao apontar.
Para começar a adicionar um efeito de ponto a uma coluna no Elementor, primeiro clique na alça da coluna à qual deseja adicionar o efeito de ponto para alternar para o painel de configurações da coluna.
No painel de configurações (painel do lado esquerdo), vá para a guia Style e abra o bloco Fundo. Neste último, você pode abrir a guia AU VISÃO GLOBAL para definir um plano de fundo diferente no estado de apontar.
Você pode usar um plano de fundo de cor sólida, um plano de fundo de cor gradiente ou um plano de fundo de imagem. Você também pode definir a duração da transição (a transição do estado normal para o estado de apontar) em a opção de duração da transição.
Para definir borda diferente e sombra de caixa diferente no estado de apontar, você pode abrir o bloco Fronteira. Clique na aba VISÃO GLOBAL desse bloco e defina o estilo da borda, o tamanho da borda, a cor da borda, o raio da borda e a sombra da área para o estado de apontamento.
Adicionando um efeito de foco avançado a uma coluna no Elementor
Ao contrário Divi BuilderElementor não usa a transformação CSS para seu efeito de foco. Portanto, você só pode adicionar efeitos básicos de foco. Mas, como Elementor (a versão profissional), você permite que você adicione CSS personalizado, você pode usar CSS customizado para adicionar transformação CSS para adicionar efeito de foco avançado.
Os efeitos de rollover são criados usando a transformação CSS. Para adicionar uma transformação CSS a uma coluna, primeiro vá para a guia Avançado e abra o bloco CSS customizado (certifique-se de que o painel de configurações esteja no modo de painel de configurações de coluna). Adicione o seguinte código CSS.
O código :
seletor: hover {transição: all .2s easy-in-out; transformar: escala (1.1); cursor: ponto; índice z: 1; }
Na própria transformação CSS, existem 5 estilos de transformação que você pode usar:
- Matriz
- traduzir
- Escala
- Rodar
- enviesado
O código CSS acima usa a transformação de escala. Você pode simplesmente substituí-lo por qualquer estilo de transformação de sua preferência.
ler esta página para saber mais sobre a transformação CSS.
Outros plug-ins premium adicionais do WordPress
Descubra também outros WordPress plugins premium que otimizam o desempenho do seu blog ou site WordPress.
1. Reserva Visual de Restaurante
Crie o sistema reserva online do site do seu restaurante ou café, graças a este excelente plugin WordPress premium. Com este último, você terá a possibilidade de criar mesas e assentos por conta própria na grade que este plugin oferece e deixar seus clientes reservarem os gratuitos, esta é a principal característica deste plugin e o que o diferencia dos outros plugins em esta lista.
Usando Arrastar e Soltar, você pode arrastar diferentes tipos de mesas para a grade do seu restaurante e calcular o número máximo de assentos para cada mesa, bem como o número de mesas. Os visitantes do seu restaurante podem escolha a forma da mesa que prefere e a localização da mesa em relação às outras mesas da grade.
Aqui para você 5 WordPress plugins para otimizar descrições de categorias e rótulos
Os clientes do seu restaurante terão o maior prazer em fazer essa escolha diretamente na internet, em vez de viajar. Com este plugin, eles poderão ter uma idéia do que os espera hoje.
Entre outros recursos, oferece: Suporte para arrastar e soltar, 3 tipos de sistema de reservas, uma manipulação bastante intuitiva, personalização completa de seu layout e muito mais.
Descarregar | Demo | hospedagem na web
2. MapSVG
MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises local, listas de fornecedores, etc. 
Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.
Leia também nosso artigo sobre Como manter seus visitantes por mais tempo em seu site
Descarregar| Demo | hospedagem na web
3. Revolução deslizante
Slider Revolution é um plug-in WordPress de carrossel inovador e responsivo que exibe seu conteúdo de maneira bonita. Seja um controle deslizante ou um carrossel, seu editor visual de arrastar e soltar permitirá que você conte, por exemplo, a história de sua empresa, destaque seus melhores produtos, seus melhores artigos e muito mais.
Descubra também o nosso Plugins do WordPress 10 para criar facilmente um pop-up
Suas principais características são: uma excelente interface de criação de slides, design de arrastar e soltar slides, layout totalmente responsivo, gerenciamento perfeito de conteúdo multimídia, desempenho otimizado, Suporte Multilíngue, excelente suporte ao cliente, suporte para telas sensíveis ao toque, atualizações gratuitas e regulares, documentação e vídeos tutoriais disponíveis e muito mais.
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- Qual é a diferença entre um blog e um site?
- Como copiar e colar texto no WordPress sem problemas de formatação
- Comparativo de mercado de SEO: análise competitiva
- 5 plug-ins WordPress para aceitar pagamentos PayPal
Conclusão
Aqui ! É isso para o nosso artigo, que mostra como adicionar um efeito de ponto a uma coluna no Elementor. Se você tem comentários ou sugestões, não hesite em nos informar na seção reservada.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
