Conteúdos sobre Programação, Automação, Design e Marketing

Neste artigo vou disponibilizar um código Javascript para que seja possível bloquear a visualização de uma página ou site completo em dispositivos mobile. Isso serve para quando você ainda não tem a versão mobile pronta, e precisa que alguém acesse a aplicação somente em desktop. ... Continue a ler.

Neste artigo vou disponibilizar a tag para adicionar no campo texto para trazer dinamicamente o texto inserido no campo “Meta Descrição (meta-description)” do plugin Yoast SEO, para ser exibido na página do post ou na grade personalizada. Código para usar no campo “Chave personalizada” do Elementor: ... Continue a ler.

Neste artigo, vamos criar um efeito “Leia Mais” em páginas construídas com o Elementor. Vamos implementar um código personalizado em JavaScript e CSS que permite alternar entre mostrar e ocultar o conteúdo de textos longos, utilizando dois botões distintos para abrir e fechar o conteúdo. Além disso, adicionaremos um gradiente invertido ao final do parágrafo […] ... Continue a ler.

Este código JavaScript sincroniza botões customizados com um slider implementado pelo Slick Slider do JetEngine usando o Widget “Listing”, garantindo que, ao clicar nos botões ou interagir com o slider (por meio de setas, dots ou deslizando), a classe active-button seja atribuída ao botão correspondente ao slide atualmente visível. Ele também oculta tooltips associados aos […] ... Continue a ler.

Nesse vídeo vou mostrar passo a passo como integrar o seu site WordPress desenvolvido em Elementor, através do formulário de contato via webhook com N8N para criar fluxos de automação sem limite. ... Continue a ler.

Nessa publicação vou disponibilizar um trecho de código simples para minificar código ao passar para uma variável. Segue código abaixo: ... Continue a ler.

Neste artigo disponibilizo um código CSS bem simples que pode lhe auxiliar a criar um carrossel de imagens com scroll (rolagem) infinita. É muito simples adicionar este efeito. 1 – Adicione o widget de carrossel em sua página, como mostra no exemplo abaixo: 2 – Edite as opções do carrossel do Elementor, para desativar e […] ... Continue a ler.

Neste video vou lhe ensinar rapidamente como retirar os espaçamentos padrões dos parágrafos de maneira global no Elementor, que é aquele espacinho de 15px que fica presente em todo paragrafo que você arrasta para a tela do construtor. Esse espaçamento gera o problema de você não ter controle exato naturalmente dos parágrafos no container. ... Continue a ler.

Caso queira usar botões customizados para controlar a rolagem dos itens no widget Listing do JetEngine, você pode criar isso usando os widgets de “Botão” do Elementor e adicionar um JavaScript personalizado. Adicione 2 botões do Elementor em sua página, e adiciona uma class classButtonPrevCliente em um deles e uma class classButtonNextCliente no outro. Depois […] ... Continue a ler.