Elementor


  • Código JavaScript para adicionar no Acordião do Elementor para evitar problemas de SEO

    O código abaixo foi desenvolvido para alterar a estrutura HTML padrão do idget de acordeão do editor de tema Elementor, para que você não sofra penalidades de SEO, principalmente na análise da ferramenta do Google PageSpeed. Esse código possibilita que você altere o atributo padrão do acordeão para que ele seja indexado da maneira correta. ... Continue a ler.

  • Campo anexar arquivo (File Input) personalizado no Formulário do Elementor com CSS + JS

    Nesse post eu vou te mostrar como você pode personalizar o campo de anexar arquivos do formulário do Elementor para que ele fique com uma estética muito mais agradável, apenas utilizando um pouco de CSS JavaScript personalizado. Primeiramente você precisa adicionar este script CSS em “Avançado > Custom CSS” no seu widget de formulário: Depois, […] ... Continue a ler.

  • [Vídeo] Condições de exibição personalizada com jetengine

    Nesse vídeo eu mostro passo a passo como configurar a exibição personalizada com o JetEngine, aproveitando ao máximo os recursos para segmentar conteúdo. ... Continue a ler.

  • [Vídeo] Criando listagem personalizada com filtro com JetEngine e JetSmartFilter

    Neste vídeo, vou te mostrar passo a passo como criar uma listagem personalizada com filtro usando o JetEngine e o JetSmartFilter. Você vai aprender a configurar esses poderosos plugins para organizar e personalizar suas listagens, tornando o gerenciamento do seu site mais eficiente e atraente. Com essas dicas, você poderá otimizar a exibição de conteúdos […] ... Continue a ler.

  • [Vídeo] Editando o Elementor via JSON no VSCode

    Nesse vídeo eu vou mostrar passo a passo como é possível exportar toda uma página em Elementor ou uma seção específica, para que você consiga editar o arquivo JSON em um editor de código, assim como o VSCode, para que você consiga editar diretamente as informações dessa página. Isso vai te ajudar bastante, principalmente se […] ... Continue a ler.

  • Slide Infinito com Largura Total (Listing Grid) Usando o Elementor e JetEngine

    Este código vai permitir que seu slide usando o widget Listing Grid do JetEngine fique com a largura total da tela, e também se movimente automaticamente para o lado de maneira suave sem parar. ... Continue a ler.

  • [Vídeo] Consumindo REST API Externa com JetEngine no WordPress

    Nesse vídeo eu vou te mostrar passo a passo como utilizar o WordPress e o plugin JetEngine para consumir uma API externa, e exibir esses dados utilizando o construtor Elementor. Dessa maneira, você consegue integrar qualquer tipo de informação ao seu site WordPress, e criar um visual extremamente agradável, com este construtor de temas, sem […] ... Continue a ler.

  • Código CSS Personalizado Para Alinhar Itens do Widget “Lista de ícones” do Elementor no Mobile

    Neste post vou compartilhar um código CSS simples, para que você possa aplicar no Widget “Lista de ícones” do Elementor, para mudar o alinhamento dos itens da lista apenas na versão mobile. ... Continue a ler.

  • Checkbox Customizado com CSS para Formulário do Elementor (WordPress)

    Nesse post vou disponibilizar um trecho de código CSS para usar em formulários do Elementor, em campos do tipo checkbox, onde você pode customizar o botão nativo do navegador, para deixar com uma estética mais amigável e agradável. Segue código CSS abaixo para copiar e colar em seu site: ... Continue a ler.