Wordpress


  • [Vídeo] Código Javascript para Manipular Formulário do Elementor usando Objetos Externos

    Nesse vídeo vou mostrar como criar elementos externos e manipular o formulário do Elementor, adicionando informações quando o usuário clica em uma div ou botão. ... Continue a ler.

  • [Vídeo] Área de membros no WordPress + Elementor + ProfilePress c/ tela de login customizada

    Nesse vídeo mostro como criar uma área de membros (nível fácil) no WordPress usando o plugin ProfilePress junto com o Elementor. Você vai ver como criar uma página customizada e bloquear apenas para membros, criar um formulário de login customizado, e configurar o redirecionamento da maneira correta. ... Continue a ler.

  • [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.