Como corrigir o ícone Elementor não carregando (guia comprovado)

O Elementor é um dos construtores de páginas mais populares do WordPress. Ele permite que você projete sites bonitos sem nenhuma codificação. Um de seus recursos úteis é a biblioteca do ícone. Ele fornece acesso a muitos ícones gratuitos e premium que você pode adicionar facilmente aos botões, menus, títulos e muito mais do seu site.

Esses ícones ajudam a fazer seu site parecer moderno e profissional. Eles têm a capacidade de melhorar o design do UX, orientar os usuários e destacar conteúdo importante. Assim, ele pode tornar um site mais fácil de usar, mais fácil de navegar e chamar a atenção dos visitantes com mais eficiência.

Mas, às vezes, os ícones do Elementor não carregam corretamente no front -end, embora sejam mostrados no editor de back -end. Por exemplo, observe a imagem abaixo. Você pode ver que os ícones são exibidos na tela Elementor .

Erro: Ao visitar o front -end da página, você pode ver que os ícones não são exibidos. Pode estar em branco ou quebrado do seu lado.

Isso pode ser frustrante e fazer com que seu site pareça incompleto. Portanto, neste artigo, abordaremos um guia passo a passo sobre como corrigir problemas de carregamento do Elementor Icon. Comece!

Por que os ícones do Elementor podem não carregar no front -end

Existem várias razões pelas quais os ícones do Elementor podem não carregar no front -end do seu site. Depois que você os conhece bem, será fácil para você resolver o problema. Verifique -os abaixo.

• Configurações incompletas no Elementor

O Elementor oferece a opção de carregar ícones impressionantes da fonte manual ou automaticamente. Se essas configurações não forem configuradas corretamente em Elementor> Configurações> Avançado , a biblioteca do ícone poderá não carregar. Além disso, pode desativar o carregamento de ícones no front -end.

• Falta de arquivos incríveis de fontes

Os ícones Elementor dependem da Fonte Awesome, um popular kit de ferramentas de ícone. Se os arquivos incríveis da fonte necessários não estiverem sendo carregados devido a caminhos incorretos de arquivo ou problemas do servidor, os ícones não serão exibidos. Isso pode acontecer após uma atualização defeituosa, erro de permissão do arquivo ou um ambiente de hospedagem incorreta.

• Problemas de cache

Os plugins de cache ou seu navegador podem armazenar versões antigas das páginas e recursos do seu site. Se a versão em cache não incluir os arquivos ou scripts mais recentes do ícone, os ícones poderão não aparecer corretamente no front -end. A limpeza de todos os caches (navegador, plug-in e servidor) pode corrigir o problema.

• CDN ruim

Redes de entrega de conteúdo (CDNs) ajudam a carregar o conteúdo do site mais rápido, servindo arquivos de servidores próximos. No entanto, se o seu CDN não servir ou atualizar os arquivos de ícone corretamente, os ícones do Elementor poderão não aparecer. Configurações ou atrasos incorretos da CDN na sincronização também podem bloquear o carregamento dos ícones.

• Conexão de Internet lenta ou instável

Se a sua Internet não for rápida o suficiente, os ícones do Elementor podem não carregar completamente. Às vezes, o carregamento parcial de arquivos devido a problemas de rede pode impedir que os ícones apareçam como esperado no front -end.

NOTA: Portanto, como você pode ver, entre os problemas identificados acima, configurações incompletas no Elementor , falta de arquivos impressionantes da fonte e problemas de cache são os que estão sob seu controle. Você pode corrigir esses problemas tomando as etapas certas.

Verifique este post sobre como solucionar problemas do Elementor Editor que não está carregando problemas no seu site.

Como corrigir o ícone Elementor não carregando - definindo configurações

Agora, nesta seção, mostraremos como corrigir o ícone Elementor não carregando o problema, lidando com os problemas mencionados na nota da seção acima. Continue lendo.

Solução um: Configurando configurações incompletas

Primeiro, vá para o painel de back -end do seu site. Navegue para Elementor> Configurações> Avançado .

Rolando um pouco a página para baixo, venha para a opção Google Fontes . Na opção suspensa, ative -a.

Da mesma forma, encontre a opção de suporte 4 de suporte de fontes de carga 4 e selecione Sim para ela.

Quando todas as alterações forem feitas, clique no botão Salvar alterações .

Agora, venha para o front -end e recarregue a página. Você verá que os ícones estão aparecendo perfeitamente.

Portanto, esta primeira solução resolverá as configurações incompletas no Elementor e os problemas de arquivos de fonte ausentes .

Solução dois: limpe o cache

Se você ainda não consegue ver os ícones no front -end, pode haver um problema de armazenamento em cache.

Existem inúmeras maneiras de limpar o cache do seu site. Hoje, a maioria das empresas de hospedagem oferece uma opção de armazenamento em cache. Por exemplo, se você estiver usando o Hostinger, acesse o site e selecione seu site. Você verá a opção Clear Cache .

Ao clicar no botão , você pode limpar o cache do seu site.

Se o seu site não tiver uma opção de cache clara, não se preocupe. Hoje existem muitos plugins que também oferecem essa opção. Por exemplo, o WP Rocket é um dos melhores e mais populares.

Suponha que você tenha o plug -in WP Rocket instalado no seu site. Vá para o painel do plug -in. Você verá a opção clara e pré -carga . Ao clicar no botão , você pode limpar o cache do seu site.

O WP Rocket é um plug-in apenas premium. Mas muitos outros plugins de cache oferecem versões gratuitas e premium. Você os receberá nesta postagem - os melhores plugins de cache do WordPress.

Solução três: atualize o elementador e plugins dependentes

Muitas vezes, esse problema pode acontecer se você não atualizar o Elementor e os plugins relacionados, porque as versões antigas podem ter erros. Portanto, se o seu problema não for resolvido mesmo após a conclusão das abordagens mencionadas acima,

Basta ir à página dos plugins e verificar se existe alguma atualização agora notificação abaixo dela. Se você vir a notificação, atualize o plug -in clicando no botão.

Em seguida, recarregue sua página da web. Espero que isso resolva seu problema.

Solução quatro: use uma Internet e CDN melhor

Se você ainda sofre com esse problema, pode haver um problema na sua Internet ou no CDN que você está usando. Porque você fez todo o trabalho técnico possível para você. Portanto, podemos assumir que o restante dos problemas pode estar no seu serviço de CDN ou Internet.

Existem muitas ferramentas online (fast.com), pelas quais você pode verificar sua velocidade da Internet. Além disso, discuta seu provedor de serviços de hospedagem ou CDN. Espero que eles tenham uma resposta para você.

Assim, você pode resolver o ícone Elementor não carregando o problema no WordPress.

Ponto de bônus: use um plug -in adicional para importar ícones gratuitos para a Biblioteca Elementor

Por padrão, o Elementor usa ícones impressionantes da fonte. No entanto, se você sentir que esses ícones não são suficientes e precisará de mais opções, poderá fazer upload de novos lotes de ícones para a biblioteca. Existem muitas maneiras de fazer isso.

Mas sabemos uma maneira fácil de adicionar uma enorme coleção de novos ícones à biblioteca, simplesmente instalando um plug -in. Discutiremos esse processo nesta seção.

Instale o plug -in

Vá para a opção Adicionar nova plugin . Instale e ative o elemento do ícone do plug -in - Pacote de ícones do Elementor Page Builder (ícones 6718) .

Agora, vá para a tela novamente e abra a biblioteca do ícone. Você verá que alguns novos lotes foram adicionados no lado esquerdo abaixo das opções padrão.

Você pode clicar neles e explorar os ícones que os acompanham.

Espero com este plug -in gratuito, você pode desbloquear e usar milhares de ícones úteis em seu site.

Perguntas freqüentes sobre os ícones do Elementor não carregando

Espero que você tenha gostado do tutorial. Agora, nesta seção, listaremos e respondemos algumas perguntas mais frequentes relacionadas ao tópico de hoje.

Fechando!

Corrigir o ícone Elementor não o problema de carregamento pode parecer difícil no início, mas com as etapas certas, você pode resolvê -lo facilmente. Sempre comece verificando as configurações básicas no Elementor e verifique se a Font Awesome está ativada. Limpe todos os tipos de cache após fazer alterações, pois os arquivos de cache antigos geralmente bloqueiam os recursos atualizados.

Além disso, atualize o Elementor e todos os outros plugins regularmente para evitar bugs inesperados e problemas de compatibilidade. Para evitar esse problema no futuro, evite usar muitos plugins que possam entrar em conflito com o Elementor. Use um tema bem codificado que suporta o Elementor totalmente. Fique longe de plug -ins nulos.

Se você usar um CDN, verifique se ele está configurado e sincronizado corretamente. Por fim, teste seu site em diferentes navegadores e dispositivos para garantir que os ícones estejam carregando suavemente para todos os visitantes. Esses hábitos simples podem ajudar a manter seu site com aparência perfeita o tempo todo.