Como criar um pré-carregador Elementor no WordPress

Muneeb O negócio Jan 24, 2022

O pré-carregador é algo que você pode querer adicionar ao seu site WordPress. É uma animação que mostra quanto tempo levará para uma página carregar em segundo plano. Os pré-carregadores permitem que as pessoas saibam que o site está trabalhando no carregamento da página para ver o que está acontecendo. Isso pode melhorar a experiência do usuário e reduzir o número de pessoas que saem.

A Elementor lançou agora sua nova opção de pré-carregador. Suponha que você queira a melhor otimização e não queira que todo o seu site WordPress fique lento apenas para lidar com seu pré-carregador. Nesse caso, você deve seguir este tutorial para aprender como criar um Elementor Preloader no WordPress.

Como criar um pré-carregador Elementor

Para começar, escolha um SVG ou GIF que você goste, de preferência um que seja pequeno. Preloaders é um lugar maravilhoso para procurar carregadores SVG gratuitos e básicos.

Create an Elementor Preloader  - No Plugins Needed

Para incluir o pré-carregador Elementor, crie uma Nova Seção no topo da página. Defina a opção No Gap para esta seção. Você pode criar uma Nova Seção no Modelo de Cabeçalho para incluir um pré-carregador em cada página do seu site.

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora

Por fim, adicione o código a seguir a um elemento HTML nesta seção.

Certifique-se de alterar o URL do carregador com o URL do seu site.

>div class="vanilla-preloader" /divscript/scriptstyle/style

É mais ou menos isso! No entanto, com o comentário fornecido ao lado do código, você pode fazer outras alterações para que o pré-carregador fique exatamente como você deseja. E você terá o Elementor Preloader para o seu site.

É assim que você pode reter os visitantes do seu site adicionando um pré-carregador. Isso permite que os usuários pensem que o site está funcionando e os ajuda a permanecer no seu site. Enquanto com Elementor , criar um pré-carregador tem tudo a ver com esses ajustes simples. Certifique-se de se juntar a nós em nosso Facebook  e Twitter para se manter atualizado.

Divi WordPress Theme