Wordpress


  • [Vídeo] Passo a Passo – Tela de Manutenção Nativa do Elementor (WordPress)

    Nesse video vou ensinar a como habilitar a tela de manutenção personalizada nativa do Elementor do WordPress. Isso vai te ajudar a desenvolver e atualizar o site sem que o usuário possa ver o que esta sendo feito, alem disso, o melhor é que você pode criar uma página customizada do zero como quiser. ... Continue a ler.

  • Exibindo Meta Descrição do Yoast SEO com Elementor

    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.

  • Botão “Leia Mais” Customizado p/ Parágrafos de Texto no Elementor (WordPress) com JavaScript (JS) + CSS

    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.

  • Código JavaScript (JS) p/ Controlar Slide do JetEngine c/ Widget Listing (Simulando Clique)

    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.

  • [Vídeo] Integrando e Automatizando o Formulário do Elementor (WordPress) com o N8N (Workflow) via Webhook

    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.

  • Slide Infinito com o Widget Carrossel de Imagens do Elementor com WordPress

    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.

  • [Vídeo] Retirando Globalmente o Espaçamento dos Parágrafos no Elementor

    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.

  • Setas Customizadas Usando Função Slide Listing do JetEngine + JS

    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.

  • [Video] Configuração Completa: WordPress e Elementor (Passo a Passo)

    Nesse vídeo vou mostrar como realizar a configuração completa do WordPress e Elementor, passo a passo do zero ao avançado. Se você tem problemas com o funcionamento do WordPress e Elementor, provavelmente você não esta configurando corretamente o começo do seu projeto, e isso pode gerar dor de cabeça na entrega do site do seu […] ... Continue a ler.