Sådan rettes Elementor-ikoner, der ikke vises: 5 nemme tips

Webudvikling har sine særheder. Det ene øjeblik ser alt perfekt ud, og det næste er dine Elementor-ikoner forsvundet! Hvis du oplever det samme problem, så bare rolig, du er ikke alene. Mange brugere støder på dette problem på grund af forkert konfigurerede indstillinger, manglende CSS-filer eller konflikter med deres hostingudbyder.

Så hvad forårsager dette? Det kan være alt fra deaktiverede indlejrede fontikoner, ødelagt PHP-kode, forkerte filtilladelser eller endda et manglende link til de nødvendige stylesheets.

Men den gode nyhed? Der er klare svar og enkle løsninger, der ikke kræver avancerede kodningsfærdigheder.

Denne guide gennemgår trinvise instruktioner til, hvordan du gendanner dine Elementor-ikoner. Lad os dykke ned i problemet og løse det én gang for alle!

TL;DR: Hurtige løsninger på manglende ikoner i din sidebygger

• Tjek din WordPress-adresse og webstedsadresse for at sikre, at URL- og HTTPS-indstillingerne er korrekte.
• Ryd browserens og webstedets cache for at løse almindelige cachingproblemer, der får ikoner til at se tomme ud.
• Opdater Elementor, plugins og tilføjelser for at undgå kompatibilitetsproblemer, der kan udløse visningsfejl.
• Regenerer CSS-filer og gennemgå databasedata fra dashboardet for at gøre ikoner synlige igen.

Hvad er ikonboksen i Elementor?

Ikonboksen er en af ​​de praktiske widgets i Elementor, et yndlingsværktøj for mange WordPress-brugere. Den kombinerer elegant et ikon, en titel og en tekst. Tænk på den som en lille overstregningstusch til din hjemmeside; en måde at fremhæve noget særligt eller vigtigt.

Lær mere: Elementor sidder fast på indlæsningsskærmen? Sådan retter du det!

Her er hvad du kan gøre med ikonboksen:

• Vælg dit ikon: Uanset om du kan lide dem fra Font Awesome, Material Design, eller du har et unikt ikon, er valget dit.

• Gør det til dit eget: Vil du have ikonet lidt større? En anden farve? Intet problem. Du kan justere størrelsen, ændre farvetonen og eksperimentere med udseendet. Derudover kan du skrive din egen titel og beskrivelse.

• Træk, slip og færdig: Du behøver ikke at være teknisk kyndig for at bruge det. Træk blot ikonboks-widgetten til den ønskede placering på din side eller dit indlæg, og så er du klar.

Har du problemer med ikoner i Elementor? Her er en tjekliste, der kan hjælpe

Hvis dine ikoner ikke er synlige, skal du følge denne hurtige tjekliste for at identificere den mulige fejl og gendanne dem, før du prøver mere avancerede løsninger.

• Opdater Elementor: Ligesom når du opdaterer dine telefonapps, skal software nogle gange opdateres. Sørg for, at din Elementor er opdateret.

• Se ikonbiblioteket: Elementor bruger en samling af brugerdefinerede ikoner fra Font Awesome. For at kontrollere, om det er aktiveret: Gå til Elementor, gå til indstillinger, derefter Avanceret, og søg efter indstillingen Font Awesome, og sørg for, at den er markeret.

• Kunne det være et andet plugin eller tema: Nogle gange fungerer forskellige værktøjer ikke godt sammen. Prøv at deaktivere andre plugins et øjeblik. Du kan også overveje at skifte til et grundlæggende WordPress-tema (som Twenty-One).

• Ryd op i din cache: Forestil dig cachen som din browsers korttidshukommelse. At rydde den kan løse mange mindre fejl. Ryd din internetbrowsers cache og cookies. Nulstil også Elementors hukommelse (dens cache).

• Fungerer din browser godt? Ikke alle browsere er ens. Prøv en anden browser (f.eks. Firefox) for at se, om ikonerne vises igen.

• Holder CDN'et ikoner som gidsler: Hvis du bruger et Content Delivery Network (CDN) til dit websted, kan det nogle gange blokere ikoner. Det kan være en god idé at tale med din CDN-udbyder om det.

Læs mere: Anmeldelse af QI-tilføjelser til Elementor-plugin

Tips til at løse problemer med Elementor-ikoner, der ikke vises

Det kan være forvirrende, når Elementors brugerdefinerede ikoner beslutter sig for at lege gemmeleg på dit websted.

Men den gode nyhed er, at det normalt er ligetil at få dem tilbage. Oftest koger problemerne ned til en af ​​disse to årsager:

• Ændringer af Elementor-pluginnet: Nylige ændringer, opdateringer eller tilpasninger kan kræve, at ikoner vises korrekt. Dette kan skyldes konflikter eller inkompatible indstillinger.

• Ikoner mangler i biblioteket: Biblioteksikoner kan lejlighedsvis være blevet fjernet eller ikke indlæst, hvilket får dem til at forsvinde fra dine layouts.

Nu hvor vi har identificeret de sandsynlige syndere, lad os gennemgå løsningerne for at bringe dine ikoner tilbage i rampelyset.

Relateret: Fix Elementor Animated Headline virker ikke

Problem 1: Ændringer i Elementor-pluginnet

Du har muligvis for nylig opdateret Elementor-pluginnet eller lige installeret det, og nu vises nogle Font Awesome-ikoner ikke. Bare rolig!

Her er hvad du kan gøre:

• Naviger til dit WordPress-dashboard.
• Vælg “Elementor” i sidebjælken, og vælg derefter “Indstillinger”
• Klik på fanen "Avanceret".
• Se efter muligheden "Indlæs Font Awesome 4 Support". Aktiver den, eller sørg for, at den er aktiveret.

Problem 2: Forældede Elementor CSS og datafiler

Nogle gange kan Elementor-ikoner ikke indlæses, fordi de genererede CSS-filer bliver forældede eller beskadigede efter en plugin-opdatering eller konfigurationsændring. Når dette sker, indlæses ikonernes skrifttyper muligvis ikke korrekt, hvilket fører til, at ikonerne vises tomme eller usynlige på siden.

Heldigvis tilbyder Elementor en hurtig løsning på dette problem. Følg disse trin for at regenerere filerne:

• Gå til dit WordPress-dashboard, og åbn Elementor.
• Klik på Værktøjer i menuen.
• Under Generelt skal du vælge Regenerer filer og data.
• Klik på knappen, og lad Elementor opdatere dataene.

Denne proces genopbygger de CSS-filer, der er gemt i databasen, og opdaterer de ressourcer, der bruges til at vise ikoner. Når du har gennemført disse trin, skal du genindlæse din side og kontrollere, om ikonerne nu er synlige.

I mange tilfælde løser denne enkle løsning fejlen uden at kræve yderligere fejlfinding.

Problem 3: Problemer med blandet indhold eller HTTPS-konfiguration

En anden almindelig årsag til, at ikoner ikke vises, er et problem med blandet indhold. Dette sker, når dit websted indlæses via HTTPS, men nogle ikonfiler eller skrifttyperessourcer stadig anmodes om via HTTP.

Moderne browsere blokerer disse anmodninger af sikkerhedsmæssige årsager, hvilket forhindrer ikonerne i at indlæses.

Start med at tjekke WordPress-adressen og webstedsadressen i dine generelle indstillinger for at sikre, at begge bruger den korrekte https-URL. Hvis der er en uoverensstemmelse, skal du opdatere indstillingerne og gemme ændringerne.

Du kan også undersøge siden i din browsers udviklerværktøjer for at finde blokerede ressourcer. Hvis ikonfiler blokeres, skal du opdatere URL'erne i din database eller plugin-indstillinger.

Når alle ressourcer er indlæst via HTTPS, burde ikonerne blive synlige igen.

Problem 4: Problemer med filtilladelser eller serverkonfiguration

I nogle situationer kan problemet skyldes din hosting eller serverkonfiguration. Elementor-ikoner er afhængige af skrifttypefiler som WOFF og TTF. Hvis serveren blokerer disse filtyper, eller filtilladelserne er forkerte, indlæses ikonerne muligvis ikke korrekt.

For at løse dette skal du kontrollere filtilladelserne i din WordPress-installation, især i mapper, der gemmer Elementor-ressourcer. Tilladelserne skal give serveren adgang til disse filer.

Du kan også kontakte din hostingudbyder for at bekræfte, at skrifttypefilerne ikke er begrænset af sikkerhedsregler. Nogle servere blokerer som standard bestemte ressourcer, hvilket kan medføre, at ikoner vises tomme.

Når serveren tillader adgang til de nødvendige filer, burde Elementor-ikoner indlæses normalt på tværs af din hjemmesides menu og sider.

Relateret: Sådan rettes problemet med, at widgetpanelet ikke indlæses i Elementor

Problem 5: Ikoner forsvinder fra biblioteket

Nogle gange forsvinder ikoner i Elementors ikonbibliotek, især i skabeloner, der bruger "Nucleo Mini"-ikoner.

Sådan kan du tjekke og løse dette:

• Besøg den side, hvor dine ikoner skal vises.
• Klik på knappen “Rediger med Elementor” for at starte Elementor-editoren.
• Derfra skal du åbne mediebiblioteket. Dette vil lade dig se, om det ikon, du leder efter, findes i biblioteket.
• Hvis det ønskede ikon mangler, bør du opdatere dit Kava Extra-plugin til den nyeste version for at løse problemet.

Læs også: Divi vs Elementor

Alternativ til Font Awesome Plugin

Hvis ovenstående løsninger ikke gendanner dine ikoner, kan du prøve en anden metode: installer Font Awesome -pluginnet direkte.

• I dit WordPress-administrationspanel skal du navigere til Plugins → Tilføj nyt → Upload plugin.
• Her har du mulighed for at uploade det Font Awesome Plugin, du har downloadet, til din computer.
• Klik på knappen “Installer nu”.
• Når det er installeret, skal du ikke glemme at klikke på knappen "Aktiver plugin".
• Font Awesome-pluginnet burde nu være aktiveret på dit websted, og dine ikoner burde fungere igen.

Tag altid en sikkerhedskopi af dit websted, før du foretager væsentlige ændringer eller opdateringer. Hvis der sker noget uventet, har du et sikkerhedsnet at falde tilbage på.

Læs mere: Bedste Elementor SaaS WordPress-temaer

Afslutning

At tackle webdesign og -udvikling kan nogle gange føles som en rejse med uventede drejninger og vendinger. Men med hvert eneste problem er der ofte en løsning lige om hjørnet.

Når det kommer til Elementor og dets ikoner, har vi navigeret i disse sving og leveret brugervenlige løsninger. Fra at forstå de smarte funktioner som ikonboksen til fejlfinding af, hvorfor ikoner bliver AWOL, har vi dig dækket ind.

Med den rette viden og et drys tålmodighed bliver det en leg at sikre en problemfri brugeroplevelse på din hjemmeside.

Husk, at enhver udfordring, uanset hvor lille, er en mulighed for at lære og vokse. Så hold de kreative safter i gang, og her er vejen til at bygge smukkere, mere effektive og brugervenlige hjemmesider!

Ofte stillede spørgsmål om rettelse af Elementor-ikoner, der ikke vises