Webdevelopment kent zo zijn eigenaardigheden. Het ene moment ziet alles er perfect uit, en het volgende moment zijn je Elementor-pictogrammen verdwenen! Als je met dit probleem te maken hebt, geen zorgen, je bent niet de enige. Veel gebruikers ondervinden dit probleem door verkeerd geconfigureerde instellingen, ontbrekende CSS-bestanden of conflicten met hun hostingprovider.
Wat is de oorzaak hiervan? Het kan van alles zijn, van uitgeschakelde inline-lettertypepictogrammen, defecte PHP-code, onjuiste bestandsrechten tot een ontbrekende link naar de benodigde stylesheets.
Maar het goede nieuws? Er zijn duidelijke antwoorden en eenvoudige oplossingen waarvoor geen geavanceerde programmeervaardigheden nodig zijn.
Deze handleiding leidt je stap voor stap door het proces om je Elementor-pictogrammen te herstellen. Laten we aan de slag gaan en dit probleem voor eens en voor altijd oplossen!
Kort samengevat: snelle oplossingen voor ontbrekende pictogrammen in je paginabouwer
- Controleer uw WordPress-adres en siteadres om er zeker van te zijn dat de URL- en HTTPS-instellingen correct zijn.
- Wis de cache van uw browser en website om veelvoorkomende cacheproblemen op te lossen die ervoor zorgen dat pictogrammen blanco worden weergegeven.
- Update Elementor, plugins en add-ons om compatibiliteitsproblemen te voorkomen die weergavefouten kunnen veroorzaken.
- Genereer de CSS-bestanden opnieuw en controleer de databasegegevens vanuit het dashboard om de pictogrammen weer zichtbaar te maken.
Wat is het iconenvak in Elementor?
De Icon Box is een van de handige widgets in Elementor, een favoriete tool voor veel WordPress-gebruikers. Het combineert op een overzichtelijke manier een pictogram, titel en tekst. Zie het als een kleine markeerstift voor je website; een manier om iets bijzonders of belangrijks te benadrukken.
Meer informatie: Elementor blijft hangen op het laadscherm? Zo los je het op!
Dit is wat je met het iconenvak kunt doen:
- Kies je pictogram: Of je nu de pictogrammen van Font Awesome of Material Design mooi vindt, of een uniek pictogram hebt, de keuze is aan jou.
- Maak het persoonlijk: Wil je het icoontje iets groter? Een andere kleur? Geen probleem. Je kunt de grootte aanpassen, de kleur veranderen en experimenteren met het uiterlijk. Bovendien kun je zelf een titel en beschrijving toevoegen.
- Slepen, neerzetten en klaar: je hoeft geen techneut te zijn om het te gebruiken. Sleep de Icon Box-widget gewoon naar de gewenste plek op je pagina of bericht, en je bent klaar.
Worden de Elementor-pictogrammen nog steeds niet weergegeven? Geen paniek!
Ons deskundige WordPress-supportteam kan u helpen dit probleem op te lossen. Neem vandaag nog contact met ons op.
Heb je problemen met pictogrammen in Elementor? Hier is een checklist die je kan helpen
Als uw pictogrammen niet zichtbaar zijn, volg dan deze korte checklist om de mogelijke fout te achterhalen en de pictogrammen te herstellen voordat u meer geavanceerde oplossingen probeert.
- Elementor bijwerken: Net zoals je je telefoonapps bijwerkt, heeft software soms een opfrisbeurt nodig. Zorg ervoor dat je Elementor up-to-date is.
- Bekijk de iconenbibliotheek: Elementor maakt gebruik van een verzameling aangepaste iconen van Font Awesome. Om te controleren of deze is ingeschakeld: ga naar Elementor, vervolgens naar Instellingen, dan naar Geavanceerd en zoek de Font Awesome-optie. Zorg ervoor dat deze is aangevinkt.
- Zou het aan een andere plugin of thema kunnen liggen? Soms werken verschillende tools niet goed samen. Probeer andere plugins tijdelijk uit te schakelen. Je kunt ook overwegen om over te stappen naar een eenvoudiger WordPress-thema (zoals Twenty-One).
- Maak je cache schoon: Zie de cache als het kortetermijngeheugen van je browser. Door deze te wissen, kun je veel kleine problemen oplossen. Wis de cache en cookies van je internetbrowser. Reset ook het geheugen van Elementor (de cache).
- Werkt je browser wel goed? Niet alle browsers zijn hetzelfde. Probeer een andere browser (zoals Firefox) om te zien of de pictogrammen dan weer verschijnen.
- Wordt het pictogram geblokkeerd door het CDNgebruikt Content Delivery Network voor uw website, kan het voorkomen dat pictogrammen worden geblokkeerd. Het is wellicht verstandig om hierover met uw CDN-provider te overleggen.
Lees meer: Review van de QI Addons for Elementor-plugin
Tips om het probleem op te lossen dat Elementor-pictogrammen niet worden weergegeven
Het kan behoorlijk verwarrend zijn als de aangepaste pictogrammen van Elementor plotseling op je website verschijnen.
Maar het goede nieuws is dat het terugkrijgen ervan meestal eenvoudig is. Meestal komen de problemen neer op een van deze twee redenen:
- Wijzigingen aan de Elementor-plug-in: Recente wijzigingen, updates of aanpassingen kunnen ervoor zorgen dat pictogrammen niet correct worden weergegeven. Dit kan te wijten zijn aan conflicten of incompatibele instellingen.
- Ontbrekende pictogrammen in de bibliotheek: Soms zijn pictogrammen in de bibliotheek verwijderd of niet geladen, waardoor ze uit uw lay-outs verdwijnen.
Nu we de waarschijnlijke boosdoeners hebben geïdentificeerd, gaan we de oplossingen bekijken om uw iconen weer in de schijnwerpers te zetten.
Gerelateerd: Probleem met geanimeerde koptekst in Elementor oplossen
Probleem 1: Wijzigingen in de Elementor-plugin
Mogelijk heb je onlangs de Elementor-plugin bijgewerkt of net geïnstalleerd, waardoor sommige Font Awesome-pictogrammen niet meer worden weergegeven. Geen probleem!
Dit is wat je kunt doen:
- Ga naar je WordPress-dashboard.
- Kies 'Elementor' in de zijbalk en selecteer vervolgens 'Instellingen'
- Klik op het tabblad 'Geavanceerd'.
- Zoek naar de optie "Font Awesome 4-ondersteuning laden". Schakel deze in of zorg ervoor dat deze is geactiveerd.
Probleem 2: Verouderde Elementor CSS- en gegevensbestanden
Soms laden Elementor-pictogrammen niet correct omdat de gegenereerde CSS-bestanden verouderd of beschadigd raken na een plugin-update of configuratiewijziging. In dat geval worden de letterstijlen van de pictogrammen mogelijk niet goed geladen, waardoor de pictogrammen blanco of onzichtbaar op de pagina verschijnen.
Gelukkig biedt Elementor een snelle oplossing voor dit probleem. Volg deze stappen om de bestanden opnieuw te genereren:
- Ga naar je WordPress-dashboard en open Elementor.
- Klik op 'Gereedschap' in het menu.
- onder het Algemeen Selecteer de optie Bestanden en gegevens opnieuw genereren.
- Klik op de knop en laat Elementor de gegevens vernieuwen.
Dit proces herbouwt de CSS-bestanden die in de database zijn opgeslagen en werkt de bronnen bij die worden gebruikt om pictogrammen weer te geven. Nadat u deze stappen hebt voltooid, vernieuwt u de pagina en controleert u of de pictogrammen nu zichtbaar zijn.
In veel gevallen lost deze simpele oplossing de fout op zonder dat verder onderzoek nodig is.
Probleem 3: Problemen met gemengde inhoud of HTTPS-configuratie
Een andere veelvoorkomende reden waarom pictogrammen niet worden weergegeven, is een probleem met gemengde inhoud. Dit gebeurt wanneer uw website via HTTPS, maar sommige pictogrambestanden of lettertypebronnen nog steeds via HTTP worden opgevraagd.
Moderne browsers blokkeren deze verzoeken om veiligheidsredenen, waardoor de pictogrammen niet laden.
Controleer eerst het WordPress-adres en het siteadres in je algemene instellingen om er zeker van te zijn dat beide de juiste https-URL gebruiken. Als er een verschil is, pas dan de instellingen aan en sla de wijzigingen op.
Je kunt de pagina ook inspecteren met de ontwikkelaarstools van je browser om geblokkeerde bronnen te vinden. Als pictogrambestanden worden geblokkeerd, werk dan de URL's in je database of plug-ininstellingen bij.
Zodra alle bronnen via HTTPS zijn geladen, zouden de pictogrammen weer zichtbaar moeten worden.
Probleem 4: Problemen met bestandsrechten of serverconfiguratie
In sommige gevallen kan het probleem te maken hebben met uw hosting of serverconfiguratie. Elementor-pictogrammen zijn afhankelijk van lettertypebestanden zoals WOFF en TTF. Als de server deze bestandstypen blokkeert of als de bestandsrechten onjuist zijn, worden de pictogrammen mogelijk niet correct geladen.
Om dit op te lossen, controleer je de bestandsrechten binnen je WordPress-installatie, met name in mappen waar Elementor-bronnen zijn opgeslagen. De rechten moeten de server toegang geven tot deze bestanden.
U kunt ook contact opnemen met uw hostingprovider om te controleren of de lettertypebestanden niet door beveiligingsregels worden geblokkeerd. Sommige servers blokkeren standaard bepaalde bronnen, waardoor pictogrammen mogelijk niet worden weergegeven.
Zodra de server toegang verleent tot de benodigde bestanden, zouden de Elementor-pictogrammen normaal moeten laden in het menu en op de pagina's van uw website.
Gerelateerd: Hoe los je het probleem op dat het widgetpaneel niet laadt in Elementor?
Probleem 5: Pictogrammen verdwijnen uit de bibliotheek
Soms verdwijnen pictogrammen in de Elementor-pictogrambibliotheek, vooral in sjablonen die gebruikmaken van 'Nucleo Mini'-pictogrammen.
Zo kunt u dit controleren en oplossen:
- Ga naar de pagina waar uw pictogrammen moeten verschijnen.
- Klik op de knop "Bewerken met Elementor" om de Elementor-editor te openen.
- Open vervolgens de mediabibliotheek. Zo kunt u zien of het pictogram dat u zoekt in de bibliotheek aanwezig is.
- Als het gewenste pictogram ontbreekt, moet u uw Kava Extra-plug-in bijwerken naar de nieuwste versie om het probleem op te lossen.
Lees ook: Divi versus Elementor
Alternatief voor de Font Awesome-plugin
Als de bovenstaande oplossingen je pictogrammen niet herstellen, kun je een andere methode proberen: de Font Awesome -plugin rechtstreeks installeren.
- Ga in je WordPress-beheerpaneel naar Plugins → Nieuwe toevoegen → Plugin uploaden.
- Hier heb je de mogelijkheid om de Font Awesome-plug-in die je naar je computer hebt gedownload, te uploaden.
- Klik op de knop "Nu installeren".
- Vergeet na de installatie niet op de knop "Plugin activeren" te klikken.
- De Font Awesome-plugin zou nu op je site geactiveerd moeten zijn en je pictogrammen zouden weer moeten werken.
Maak altijd een back-up van je website voordat je belangrijke wijzigingen of updates doorvoert. Mocht er iets onverwachts gebeuren, dan heb je een vangnet.
Lees meer: Beste Elementor SaaS WordPress-thema's
Afronding
Webdesign en -ontwikkeling kunnen soms aanvoelen als een reis vol onverwachte wendingen. Maar voor elke tegenslag is er vaak een oplossing in zicht.
Als het gaat om Elementor en de bijbehorende pictogrammen, hebben we de nodige uitdagingen aangepakt en eenvoudige oplossingen geboden. Van het begrijpen van handige functies zoals de Icon Box tot het oplossen van problemen waardoor pictogrammen verdwijnen, wij helpen je graag verder.
Met de juiste kennis en een beetje geduld wordt het garanderen van een vlekkeloze gebruikerservaring op uw website een fluitje van een cent.
Onthoud dat elke uitdaging, hoe klein ook, een kans is om te leren en te groeien. Dus laat je creativiteit de vrije loop en op naar het bouwen van nog mooiere, efficiëntere en gebruiksvriendelijkere websites!
Veelgestelde vragen over het oplossen van problemen met Elementor-pictogrammen die niet worden weergegeven
Waarom worden de Elementor-pictogrammen niet weergegeven op mijn WordPress-website?
Elementor-pictogrammen worden mogelijk niet weergegeven vanwege cacheproblemen, een onjuist WordPress- of siteadres, of compatibiliteitsproblemen met plug-ins of add-ons.
Soms laadt het pictogramlettertype niet vanwege een onjuiste URL, geblokkeerde HTTPS-bronnen of verouderde databasebestanden.
Als dit voor de eerste keer gebeurt, wis dan de cache en volg de bovenstaande stappen in deze handleiding om de pictogrammen te herstellen en ze weer zichtbaar te maken.
Hoe kan ik het probleem oplossen dat de Elementor-pictogrammen niet worden weergegeven na het inloggen?
Nadat je bent ingelogd op je WordPress-dashboard, open je de Elementor-instellingen en genereer je de CSS-bestanden opnieuw. Deze actie vernieuwt de opgeslagen gegevens en lost veel fouten op bij het laden van pictogrammen.
Je kunt de cache van je website ook wissen via je hostingpaneel of een caching-plugin. In veel gevallen lossen deze twee methoden het probleem snel op.
Kan een cacheprobleem ervoor zorgen dat Elementor-pictogrammen blanco worden weergegeven?
Ja. Een cacheprobleem kan er vaak voor zorgen dat nieuwe pictogrambestanden niet laden. Wanneer bestanden in de cache verouderd blijven, kunnen pictogrammen blanco of afwezig zijn. Wis de cache van uw browser, plug-ins en CDN. Zodra de oude gegevens zijn vernieuwd, zouden de pictogrammen weer zichtbaar moeten worden.
Worden Elementor-pictogrammen beïnvloed door conflicten tussen plugins of add-ons?
Ja. Sommige Elementor-add-ons of plug-ins van derden kunnen compatibiliteitsproblemen veroorzaken waardoor pictogrammen niet laden. Schakel de plug-ins één voor één uit via het menu om het conflict te vinden. Zodra het conflict is vastgesteld, kunt u de problematische plug-in bijwerken of vervangen.
Wat moet ik controleren als de fout zich blijft voordoen?
Als de fout aanhoudt na het volgen van bovenstaande stappen, controleer dan de WordPress-adres- en siteadresinstellingen, bevestig de juiste HTTPS-configuratie en controleer de databasegegevens.
Je kunt ook Elementor-bronnen doorzoeken of een reactie achterlaten als je nog vragen hebt. We hopen dat deze handleiding je helpt om je pictogrammen snel te herstellen.
