Como criar um pré-carregador no WordPress usando o Elementor

Muneeb Tutoriais do WordPress Nov 22, 2021

Um pré-carregador, também conhecido como carregador, é uma animação ou GIF simples ou complexa que continua em execução na página enquanto o outro conteúdo da página é carregado.

É muito importante manter seus usuários entretidos pelo curto período de tempo que seu site leva para carregar o conteúdo. Isso não apenas ajuda a reter muitos usuários, mas também permite criar uma presença duradoura nas mentes dos usuários. Neste tutorial, vamos entender como criar Preloaders usando Elementor .

Como criar um pré-carregador usando o Elementor

Elementor está repleto de opções que permitem a você representar seu site em um nível completamente distinto. Da mesma forma, também permite que você crie Preloaders com os quais você pode capturar os usuários que saem rapidamente de seu site.

Para começar, certifique-se de criar Preloaders apenas para páginas que realmente precisam de alguns minutos para carregar o conteúdo e é um aspecto importante do seu site.

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora

Depois de decidir em que página colocará o Preloader, encontre um SVG ou GIF adequado ao seu site e a essa página específica. Icons8 é uma fonte realmente famosa de animação Preloaders.

Se você não sabe como importar arquivos no formato SVG no Elementor, vá em frente e confira nosso tutorial .

Em seguida, existem duas maneiras de usar Preloaders em seu site: para uma página específica ou para todo o site.

  • Se você quiser usar o Preloader para todo o site, crie uma nova seção no modelo de cabeçalho .
  • Se você quiser usar o Preloader para uma página específica, crie uma nova seção na parte superior da página .

Em ambos os casos, certifique-se de alterar as configurações da seção para Sem lacuna .

Ao todo, quando você terminar as configurações, vá até a guia Elementos à esquerda da tela e escolha HTML .

No campo HTML, adicione o código a seguir, certificando-se de alterar o URL do Preloader pelo seu próprio.

>div class="loader" /divscript/scriptstyle/style

A codificação tem uma explicação de comentário para que os iniciantes façam algum tipo de alteração se houver necessidade.

Por fim, publique seu Preloader e verifique se ele funciona perfeitamente. É assim que você pode criar um Preloader com Elementor em seu site WordPress.

Esperamos que este tutorial ajude você a reter os usuários do seu site e também a torná-lo muito mais profissional. Isso é tudo de nós para este tutorial. Junte-se a nós em nosso Twitter e Facebook para se manter atualizado sobre nosso conteúdo.