Jak naprawić ikonę Elementor, nie ładowanie (sprawdzony przewodnik)

Elementor jest jednym z najpopularniejszych budowniczych stron WordPress. Umożliwia projektowanie pięknych stron internetowych bez kodowania. Jedną z jego przydatnych funkcji jest biblioteka ikon. Daje dostęp do wielu bezpłatnych i premium ikon, które możesz łatwo dodać do przycisków, menu, nagłówków i innych.

Te ikony sprawiają, że Twoja witryna będzie wyglądać nowoczesna i profesjonalna. Mają możliwość ulepszania projektu UX, prowadzenia użytkowników i wyróżnienia ważnych treści. W ten sposób może sprawić, że witryna może być bardziej przyjazna dla użytkownika, łatwiejsza w nawigacji i skuteczniej przyciągnąć uwagę odwiedzających.

Ale czasami ikony elementu nie ładują się poprawnie na froncie, chociaż są pokazane w edytorze backend. Na przykład spójrz na obraz poniżej. Możesz zobaczyć, że ikony są wyświetlane na płótnie Elementor .

Błąd: odwiedzając frontend strony, możesz zobaczyć, że ikony nie są wyświetlane. Na końcu może być puste lub złamane.

Może to być frustrujące i sprawić, że Twoja witryna będzie wyglądać niekompletnie. Tak więc w tym artykule omówimy przewodnik krok po kroku, jak naprawić problemy z ładowaniem ikony elementora. Zacznij!

Dlaczego ikony elementu mogą nie ładować się na frontend

Istnieją różne powody, dla których ikony elementorów mogą nie ładować się na frontendie Twojej witryny. Gdy dobrze je znasz, rozwiązanie problemu będzie łatwo rozwiązać problem. Sprawdź je poniżej.

• Niekompletne ustawienia w Elementor

Elementor daje opcję ładowania czcionki Niesamowite ręczne lub automatycznie. Jeśli te ustawienia nie są prawidłowo skonfigurowane pod elementem> Ustawienia> Zaawansowane , biblioteka ikon może nie ładować. Ponadto może wyłączyć ładowanie ikony na frontend.

• Brakuje niesamowitych plików czcionki

Ikony elementora zależą od Font Awesome, popularnego zestawu narzędzi ikon. Jeśli niezbędne pliki niesamowite czcionki nie są ładowane z powodu niepoprawnych ścieżek plików lub problemów z serwerem, ikony nie będą wyświetlane. Może się to zdarzyć po wadliwej aktualizacji, błędu uprawnień do pliku lub błędnie skonfigurowanym środowisku hostingowym.

• Problemy z buforowaniem

Buforowanie wtyczek lub przeglądarka mogą przechowywać stare wersje stron i zasobów witryny. Jeśli wersja buforowana nie zawiera najnowszych plików i skryptów ikon, ikony mogą nie pojawiać się poprawnie na frontend. Wyczyszczenie wszystkich buforów (przeglądarka, wtyczka i serwer) może rozwiązać problem.

• Zły cdn

Sieci dostarczania treści (CDN) pomagają szybciej ładować zawartość witryny, obsługując pliki z pobliskich serwerów. Jeśli jednak CDN nie obsługuje lub aktualizuje pliki ikon, ikony elementora mogą nie pojawić się. Niepoprawne ustawienia CDN lub opóźnienia w synchronizacji mogą również blokować ikony ładowania.

• Powolne lub niestabilne połączenie internetowe

Jeśli Twój Internet nie jest wystarczająco szybki, ikony elementora mogą nie ładować się całkowicie. Czasami częściowe ładowanie plików z powodu problemów sieciowych może powstrzymać ikony przed oczekiwaniami na frontend.

Uwaga: Tak więc, jak widać, wśród zidentyfikowanych powyższych problemów, niekompletne ustawienia w Elementor , brakuje niesamowitych plików czcionek i problemy z buforowaniem są pod twoją kontrolą. Możesz rozwiązać te problemy, podejmując właściwe kroki.

Sprawdź ten post, w jaki sposób rozwiązywać problem z edytorem Elementor, który nie ładuje problemu na swojej stronie internetowej.

Jak naprawić ikonę elementor, nie ładowanie - konfigurowanie ustawień

Teraz, w tej sekcji, pokażemy, jak naprawić ikonę Elementor, nie ładując problemu, zajmując się problemami wymienionymi w notatce powyższej sekcji. Czytaj dalej.

Rozwiązanie pierwsze: Konfigurowanie niekompletnych ustawień

Najpierw przejdź do pulpitu Backend swojej witryny. Przejdź do Elementor> Ustawienia> Zaawansowane .

Nieco przewijając stronę, przejdź do opcji czcionek Google . Z opcji rozwijanej włącz to.

W ten sam sposób znajdź opcję obsługi Font Font Font Font i wybierz tak .

Po dokonaniu wszystkich zmian kliknij przycisk Zapisz zmiany .

Teraz przyjdź na frontend i ponownie załaduj stronę. Zobaczysz, że ikony doskonale się pojawiają.

Tak więc to pierwsze rozwiązanie rozwiąże zarówno niekompletne ustawienia w Elementor, jak i brakujące problemy z plikami czcionek .

Rozwiązanie drugie: Wyczyść pamięć podręczną

Jeśli nadal nie widzisz ikon na frontend, może wystąpić problem z buforowaniem.

Istnieje wiele sposobów wyczyszczenia pamięci podręcznej Twojej witryny. Dzisiaj większość firm hostingowych oferuje opcję buforowania. Na przykład, jeśli korzystasz z Hosteringer, przejdź do strony internetowej i wybierz swoją witrynę. Zobaczysz opcję Clear Cache .

Klikając przycisk , możesz wyczyścić pamięć podręczną ze swojej witryny.

Jeśli Twoja witryna nie ma jasnej opcji buforowania, nie martw się. Obecnie istnieje wiele wtyczek, które również oferują tę opcję. Na przykład WP Rocket jest jednym z najlepszych i najpopularniejszych.

Załóżmy, że na swojej stronie zainstalujesz wtyczkę rakiet WP. Przejdź do deski rozdzielczej wtyczki. Zobaczysz opcję wyraźnego i wstępnego ładowania . Klikając przycisk , możesz wyczyścić pamięć podręczną ze swojej witryny.

WP Rocket to wtyczka wyłącznie premium. Ale wiele innych wtyczek buforujących oferuje zarówno wersje bezpłatne, jak i premium. Dostaniesz je w tym poście - najlepsze wtyczki buforowania WordPress.

Rozwiązanie trzecie: Zaktualizuj wtyczki elementarne i zależne

Często ten problem może się zdarzyć, jeśli nie aktualizujesz Elementora i powiązanych wtyczek, ponieważ stare wersje mogą mieć błędy. Tak więc, jeśli twój problem nie zostanie rozwiązany nawet po zakończeniu wyżej wymienionych podejść,

Po prostu przejdź do strony wtyczek i sprawdź, czy poniżej jest jakieś powiadomienie o aktualizacji . Jeśli zobaczysz powiadomienie, zaktualizuj wtyczkę, klikając przycisk.

Następnie ponownie załaduj swoją stronę internetową. Mam nadzieję, że rozwiązuje to twój problem.

Rozwiązanie czwarte: Użyj lepszego Internetu i CDN

Jeśli nadal cierpisz na ten problem, może wystąpić problem z twoim Internetem lub CDN, którego używasz. Ponieważ wykonałeś wszystkie możliwe dla ciebie prace techniczne. Możemy więc założyć, że reszta problemów może być w Twojej usłudze CDN lub internetowej.

Istnieje wiele narzędzi online (fast.com), za pomocą których możesz sprawdzić szybkość Internetu. Omów także dostawcę usług hostingowych lub CDN. Mam nadzieję, że będą miały dla ciebie odpowiedź.

W ten sposób możesz rozwiązać ikonę elementu, który nie ładuje problemu w WordPress.

Punkt bonusowy: Użyj dodatkowej wtyczki do importowania bezpłatnych ikon do biblioteki Elementor

Domyślnie Elementor używa niesamowitych ikon czcionki. Jeśli jednak uważasz, że te ikony nie wystarczą i potrzebujesz więcej opcji, możesz przesłać nowe partie ikon do biblioteki. Istnieje wiele sposobów, aby to zrobić.

Ale znamy łatwy sposób na dodanie ogromnej kolekcji nowych ikon do biblioteki, po prostu instalując wtyczkę. Omówimy ten proces w tej sekcji.

Zainstaluj wtyczkę

Przejdź do opcji Dodaj nową wtyczkę . Zainstaluj i aktywuj element ikony wtyczki - pakiet ikon ikon ikony ikony 6718) .

Teraz idź ponownie na płótno i otwórz bibliotekę ikon. Zobaczysz kilka nowych partii dodanych po lewej stronie poniżej domyślnych opcji.

Możesz je kliknąć i zbadać ikony, które są z nimi.

Mam nadzieję, że dzięki tej bezpłatnej wtyczce możesz odblokować i używać tysięcy pomocnych ikon na swojej stronie internetowej.

Często zadawane pytania dotyczące ikon elementarnych nie ładujących

Mam nadzieję, że podobał Ci się samouczek. Teraz w tej sekcji wymienimy i odpowiemy na niektóre najczęściej zadawane pytania związane z dzisiejszym tematem.

Zamknięcie!

Naprawienie ikonę elementora, który nie jest problemem ładowania, może na początku wydawać się trudna, ale przy odpowiednich krokach możesz go łatwo rozwiązać. Zawsze zacznij od sprawdzenia podstawowych ustawień w Elementor i upewnij się, że Font Awesome jest włączona. Wyczyść wszystkie rodzaje pamięci podręcznej po wprowadzeniu zmian, ponieważ stare pliki pamięci podręcznej często blokują zaktualizowane zasoby.

Ponadto regularnie aktualizuj Elementor i wszystkie inne wtyczki, aby uniknąć nieoczekiwanych błędów i problemów z kompatybilnością. Aby zapobiec temu problemowi w przyszłości, unikaj używania zbyt wielu wtyczek, które mogą sprzeciwić się z Elementor. Użyj dobrze zakodowanego motywu, który w pełni obsługuje Elementor. Trzymaj się z dala od zerowych wtyczek.

Jeśli używasz CDN, upewnij się, że jest on odpowiednio skonfigurowany i synchronizowany. Na koniec przetestuj swoją witrynę w różnych przeglądarkach i urządzeniach, aby upewnić się, że ikony płynnie ładują się dla wszystkich odwiedzających. Te proste nawyki mogą sprawić, że witryna będzie wyglądać idealnie przez cały czas.