Cum să remediați pictograma elementului nu se încarcă (ghid dovedit)

Elementar este unul dintre cei mai populari constructori de pagini pentru WordPress. Vă permite să proiectați site -uri frumoase fără codificare. Una dintre caracteristicile sale utile este biblioteca de pictograme. Vă oferă acces la multe pictograme gratuite și premium pe care le puteți adăuga cu ușurință la butoanele, meniurile, rubricile și multe altele ale site -ului dvs.

Aceste pictograme vă ajută să faceți site -ul dvs. să pară modern și profesional. Aceștia au capacitatea de a îmbunătăți designul UX, de a ghida utilizatorii și de a evidenția conținut important. Astfel, poate face un site web mai ușor de utilizat, mai ușor de navigat și poate atrage atenția vizitatorilor mai eficient.

Dar, uneori, pictogramele elementare nu se încarcă corect pe frontend, deși sunt afișate în editorul de backend. De exemplu, uitați -vă la imaginea de mai jos. Puteți vedea că pictogramele sunt afișate pe pânza elementar .

Eroare: Când vizitați frontendul paginii, puteți vedea că pictogramele nu sunt afișate. Poate fi gol sau rupt la capătul tău.

Acest lucru poate fi frustrant și face ca site -ul dvs. să pară incomplet. Așadar, în acest articol, vom acoperi un ghid pas cu pas despre cum să remediați problemele de încărcare a pictogramei Elementar. Începeți!

De ce pictogramele elementare nu se pot încărca pe frontend

Există diverse motive pentru care pictogramele elementare nu se pot încărca pe frontendul site -ului dvs. web. După ce le cunoașteți bine, vă va fi ușor să rezolvați problema. Verificați -le mai jos.

• Setări incomplete în Elementar

Elementar vă oferă opțiunea de a încărca icoane minunate manual sau automat. Dacă aceste setări nu sunt configurate în mod corespunzător sub Elementar> Setări> Advanced , este posibil ca biblioteca de pictogramă să nu se încarce. De asemenea, poate dezactiva încărcarea pictogramei pe frontend.

• Fișiere nemaipomenite de font lipsă

Pictogramele elementare depind de Font Awesome, un set de instrumente populare de pictogramă. Dacă fișierele nemaipomenite de font necesare nu sunt încărcate din cauza căilor de fișiere incorecte sau a problemelor serverului, pictogramele nu se vor afișa. Acest lucru se poate întâmpla după o actualizare defectuoasă, o eroare de permis de fișiere sau un mediu de găzduire configurat greșit.

• Probleme de memorie în cache

Plugin -uri în cache sau browserul dvs. ar putea stoca versiuni vechi ale paginilor și resurselor site -ului dvs. Dacă versiunea în cache nu include cele mai recente fișiere sau scripturi de pictograme, pictogramele nu pot apărea corect pe frontend. Ștergerea tuturor cache-urilor (browser, plugin și partea serverului) poate rezolva problema.

• CDN rău

Rețele de livrare a conținutului (CDN) ajută la încărcarea conținutului site -ului mai rapid, servind fișiere de pe serverele din apropiere. Cu toate acestea, dacă CDN -ul dvs. nu reușește să servească sau să actualizeze în mod corespunzător fișierele de pictogramă, pictogramele elementare ar putea să nu apară. Setările CDN incorecte sau întârzierile în sincronizare pot bloca și pictogramele de la încărcare.

• Conexiune la internet lent sau instabilă

Dacă internetul dvs. nu este suficient de rapid, este posibil ca pictogramele elementare să nu se încarce complet. Uneori, încărcarea parțială a fișierelor din cauza problemelor de rețea poate opri să apară pictogramele așa cum este de așteptat pe frontend.

NOTĂ: Deci, după cum puteți vedea, printre problemele identificate de mai sus, setările incomplete în Elementar , fișierele nemaipomenite de font lipsă și problemele de memorie în cache sunt cele care sunt sub controlul dvs. Puteți rezolva aceste probleme făcând pașii potriviți.

Verificați această postare despre modul de depanare a editorului elementului care nu încărcați problema pe site -ul dvs. web.

Cum să remediați pictograma elementului nu se încarcă - configurarea setărilor

Acum, în această secțiune, vă vom arăta cum să remediați pictograma elementar care nu încărcați problema prin gestionarea problemelor menționate în nota secțiunii de mai sus. Continuați să citiți.

Soluția unu: Configurarea setărilor incomplete

În primul rând, accesați tabloul de bord backend al site -ului dvs. web. Navigați la Elementar> Setări> Advanced .

Parcurgeți puțin pagina, ajungeți la opțiunea Fonturile Google . Din opțiunea derulantă, activați -o.

În același mod, găsiți opțiunea de suport pentru font de încărcare Awesome 4 și selectați Da pentru aceasta.

Când toate modificările sunt făcute, faceți clic pe butonul Salvare modificări .

Acum, veniți la frontend și reîncărcați pagina. Veți vedea că pictogramele apar perfect.

Deci, această primă soluție va rezolva atât setările incomplete din Elementar, cât și problemele fișierelor de font lipsă .

Soluția a doua: Ștergeți cache -ul

Dacă încă nu puteți vedea pictograme pe frontend, s -ar putea să existe o problemă în cache.

Există numeroase modalități de a șterge memoria cache a site -ului dvs. web. Astăzi, majoritatea companiilor de găzduire oferă o opțiune de memorie în cache. De exemplu, dacă utilizați Hostinger, accesați site -ul și selectați site -ul dvs. web. Veți vedea opțiunea Clear Cache .

Făcând clic pe buton , puteți șterge cache -ul de pe site -ul dvs. web.

Dacă site -ul dvs. web nu are o opțiune clară în cache, nu vă faceți griji. Există multe plugin -uri astăzi care oferă și această opțiune. De exemplu, WP Rocket este una dintre cele mai bune și mai populare.

Să presupunem că aveți pluginul WP Rocket instalat pe site -ul dvs. Accesați tabloul de bord al pluginului. Veți vedea opțiunea clară și de preîncărcare . Făcând clic pe buton , puteți șterge cache -ul de pe site -ul dvs.

WP Rocket este un plugin premium. Dar multe alte pluginuri în cache oferă atât versiuni gratuite, cât și premium. Le veți obține în această postare - cele mai bune pluginuri de cache WordPress.

Soluția trei: Actualizați pluginurile elementare și dependente

Adesea, această problemă se poate întâmpla dacă nu actualizați elementul și pluginurile aferente, deoarece versiunile vechi pot avea bug -uri. Deci, dacă problema dvs. nu se rezolvă chiar și după finalizarea abordărilor menționate mai sus,

Accesați pagina dvs. de pluginuri și verificați dacă există o notificare de actualizare acum mai jos. Dacă vedeți notificarea, actualizați pluginul făcând clic pe buton.

Apoi, reîncărcați pagina dvs. web. Sper că acest lucru vă va rezolva problema.

Soluția patru: Utilizați un internet și un CDN mai bun

Dacă mai suferiți de această problemă, s -ar putea să existe o problemă cu internetul dvs. sau cu CDN -ul pe care îl utilizați. Pentru că ați făcut toate lucrările tehnice care au fost posibile pentru dvs. Deci, putem presupune că restul problemelor pot fi pe CDN sau pe serviciul dvs. de internet.

Există multe instrumente online (rapid.com) prin care vă puteți verifica viteza internetului. De asemenea, discutați furnizorul de servicii de găzduire sau CDN. Sper că vor avea un răspuns pentru tine.

Astfel, puteți rezolva pictograma elementului care nu încărcați problema în WordPress.

Punct bonus: Utilizați un plugin suplimentar pentru importul pictogramelor gratuite în biblioteca Elementar

În mod implicit, Elementar folosește pictograme font minunate. Cu toate acestea, dacă simțiți vreodată că aceste pictograme nu sunt suficiente și aveți nevoie de mai multe opțiuni, puteți încărca noi loturi de pictogramă în bibliotecă. Există multe modalități de a face acest lucru.

Dar știm o modalitate ușoară de a adăuga o colecție uriașă de icoane noi la bibliotecă prin simpla instalare a unui plugin. Vom discuta acest proces în această secțiune.

Instalați pluginul

Accesați opțiunea Adăugare nouă plugin . Instalați și activați elementul pictogramei pluginului - pachetul de pictograme al elementului de pagini de pagini (6718 pictograme) .

Acum, accesați din nou pânza și deschideți biblioteca pictogramelor. Veți vedea că unele loturi noi au fost adăugate pe partea stângă sub opțiunile implicite.

Puteți face clic pe ele și explorați pictogramele care vin cu ele.

Sper cu acest plugin gratuit, puteți debloca și utiliza mii de pictograme utile pe site -ul dvs. web.

Întrebări frecvente despre pictogramele elementare nu se încarcă

Sper că v -a plăcut tutorialul. Acum, în această secțiune, vom enumera și vom răspunde la unele întrebări cele mai frecvente legate de subiectul de astăzi.

Închiderea!

Fixarea pictogramei elementare care nu încărcă problema poate părea dificilă la început, dar cu pașii potriviți, îl puteți rezolva cu ușurință. Începeți întotdeauna prin a verifica setările de bază din Elementar și asigurați -vă că Font Awesome este activat. Ștergeți toate tipurile de cache după ce modificări, deoarece fișierele de cache vechi blochează adesea resursele actualizate.

De asemenea, actualizați Elementar și toate celelalte pluginuri în mod regulat pentru a evita erorile neașteptate și problemele de compatibilitate. Pentru a preveni această problemă în viitor, evitați să folosiți prea multe plugin -uri care pot intra în conflict cu Elementar. Utilizați o temă bine codată care acceptă Elementar pe deplin. Stai departe de plugin -urile nule.

Dacă utilizați un CDN, asigurați -vă că este configurat și sincronizat corespunzător. În cele din urmă, testați site -ul dvs. pe diferite browsere și dispozitive pentru a vă asigura că pictogramele se încarcă fără probleme pentru toți vizitatorii. Aceste obiceiuri simple vă pot ajuta să vă mențineți site -ul perfect perfect.