Wil je leren hoe je veelvoorkomende Elementor-fouten kunt oplossen?

Elementor is de primaire optie voor WordPress-gebruikers die de nadruk leggen op design. Hiermee kunt u een visueel mooie website maken zonder met CSS of HTML te maken te hebben. Tijdens het werken met Elementor kunt u fouten tegenkomen, zoals het widgetpaneel dat niet werkt of de editor kan niet worden geladen.

We hebben de meest voorkomende Elementor-fouten samengevat en voor elk van de fouten hebben we een oplossing geboden.

Veelvoorkomende fouten in Elementor

1. Widgets-paneel laadt niet

Elementor wordt geleverd met een paneel dat zich aan de linkerkant van de editor bevindt. U kunt het paneel gebruiken om een ​​widget toe te voegen, basisinstellingen in te stellen (bijv. lay-out configureren), widgetaanpassingen aan te brengen, enz.

Soms kunt u geen nieuwe widget toevoegen omdat widgets niet kunnen worden geladen.

Lees onze gids op: Elementor: een prachtig vervolgkeuzemenu maken

Deze fout treedt meestal op wanneer u te veel Elementor-add-ons hebt ingeschakeld. Een andere mogelijke oorzaak van fouten is dat uw hostingspecificaties niet voldoen aan de minimale vereisten van Elementor.

Hoe de fout op te lossen:

Er zijn ten minste twee manieren om het bovenstaande type fout op te lossen. Ten eerste kunt u tijdelijk de WordPress plugins geïnstalleerd (behalve Elementor) om te achterhalen welke plug-in de fout veroorzaakt.

U kunt met name actieve Elementor-add-ons uitschakelen. Ten tweede kunt u overschakelen naar een ander thema. Tijdelijk overschakelen naar een standaard WordPress-thema zou geweldig zijn.

2. Formulier niet verzonden

Elementor Pro wordt geleverd met een widget - de formulierwidget - waarmee u een formulier kunt maken. U kunt de formulierwidget gebruiken om elk type formulier te maken, inclusief a Contact formulier. 

De veelgemaakte fout bij het maken van een contactformulier in Elementor is dat de formuliergegevens niet worden verzonden. De fout treedt meestal op wanneer u de formulieractie instelt op e-mail.

Hoe de fout op te lossen:

Net als andere plug-ins voor het maken van formulieren, gebruikt Elementor ook de functie wp_mail als koeriersdienst. Functie wp_mail zelf hangt af van send_mail die bij PHP hoort om te functioneren. Het probleem is dat niet alle hostingproviders deze functie inschakelen.

Ontdek ook: Elementor: een audio-afspeellijst maken

U moet uw hostingprovider dus vragen om de functie in te schakelen Verzend mail om de functie te bedienen wp_mail. Als alternatief kunt u gebruik maken van een dienst SMTP gepersonaliseerd op uw WordPress-website.

3. Uittreksellengte werkt niet

Met de Berichten-widget van Elementor kunt u blogberichten van uw WordPress-website op elke pagina weergeven. Het wordt geleverd met enkele aanpassingsopties, waaronder de lengte van het fragment.

Lees ook: Hoe opmerkingen uit de Inhoudsopgave-widget in Elementor uit te sluiten

In sommige gevallen wordt de lengte van het fragment niet weergegeven zoals u deze instelt wanneer u een voorbeeld van de pagina bekijkt of deze publiceert. De fout treedt meestal op bij het gebruik van Elementor op WordPress-thema's die een ingebouwde afstemmingsoptie hebben om de lengte van het fragment in te stellen.

Hoe de fout op te lossen:

In plaats van de lengte van het fragment in te stellen via het Elementor-instellingenpaneel, kun je de lengte van het fragment instellen via Theme Customizer(Uiterlijk -> Aanpassen).

4. Kan editor niet laden

Dit type fout is vergelijkbaar met fout nummer één hierboven, maar is iets dodelijker. Het enige dat u ziet, is een preloader op een grijze pagina. Er zijn enkele oorzaken die deze fout veroorzaken. Een daarvan is onvoldoende serverbron veroorzaakt door te veel belasting.

Zie ook: Hoe WooCommerce dynamische prijzen in te stellen

Hoe de fout op te lossen:

Er zijn alternatieven die u kunt proberen om de fout te herstellen.

  • Plug-ins uitschakelen

Een van de oorzaken van dit type fout is een conflict tussen Elementor en een andere plug-in. U kunt plug-ins dus uitschakelen - behalve Elementor natuurlijk - om erachter te komen welke plug-in het conflict veroorzaakt.

  • Thema-preloader uitschakelen

Sommige WordPress-thema's worden geleverd met een standaard preloader. Als je een thema gebruikt met een standaard preloader, moet je deze mogelijk uitschakelen om de Elementor-editor te openen.

  • Browserextensies uitschakelen

Soms wordt het type fout veroorzaakt door een extensie die in uw webbrowser is geïnstalleerd. Om erachter te komen, kunt u een andere webbrowser gebruiken. Als de Elementor-editor normaal wordt geopend in een andere browser, kunt u uw belangrijkste browserextensies uitschakelen om te bepalen welke de fout veroorzaakt.

  • Zorg ervoor dat Elementor-versies compatibel zijn

Als u zowel Elementor Free als Elementor Proc gebruikt(lezen : Elementor Gratis versus Elementor Pro), zorg ervoor dat ze compatibel zijn. Als u de ene ouder gebruikt dan de andere, kan dit incompatibiliteit veroorzaken. Zorg er bij het bijwerken van Elementor Free voor dat u ook de versie van Elementor Pro bijwerkt wanneer deze beschikbaar is, en vice versa.

5. Interne serverfout 500

Een andere veelvoorkomende fout die u kunt tegenkomen tijdens het werken met Elementor is een interne serverfout 500. Wanneer u deze fout tegenkomt, bevindt de fout zich aan uw serverzijde in plaats van Elementor. 

Verschillende oorzaken veroorzaken dit type fout. Het kan PHP-geheugenlimiet zijn, onjuiste bestandsrechten, bestand .htaccess corrupt, van browser cache, een beschadigde database, enz ...

Lees ook: Elementor gebruiken om websites te bouwen

Hoe de fout op te lossen:

Zoals hierboven vermeld, is er een breed scala aan scenario's die de interne serverfout 500 veroorzaken. U kunt de fout dus oplossen afhankelijk van de oorzaak van de fout. Als de oorzaak de PHP-geheugenlimiet is, kun je je hostingprovider vragen om de PHP-geheugenlimiet te verhogen.

6. Wijzigingen niet toegepast op de live pagina

Elementor heeft een visuele editor die wordt geleverd met een live-editor. Wat betekent dat wat u op de editor ziet, precies hetzelfde is op de live-pagina. Er is echter een scenario waarin de stijlen die u in de editor hebt toegepast, niet worden toegepast op de live-pagina. Deze fout wordt meestal veroorzaakt door een cacheprobleem.

Hoe de fout op te lossen:

  • Clear Cache

Je hebt de oorzaak van de fout ontdekt - caching. U kunt de fout dus oplossen door de cache van uw webbrowser te wissen. Als u een caching-plug-in op uw WordPress-website heeft, kunt u deze ook tijdelijk uitschakelen.

  • CSS opnieuw genereren

Als de bovenstaande methode niet werkt, kunt u CSS opnieuw genereren. Om dit te doen, ga naar Elementor -> Extra op uw WordPress-dashboard. Klik op de knop Bestanden en gegevens opnieuw genereren.

repareer veelvoorkomende fouten op Elementor

U kunt de bovenstaande twee methoden ook combineren.

7. De knop Publiceren / Updaten werkt niet

Als je klaar bent met het bewerken van een pagina met Elementor, kun je op de knop Publiceren / Bijwerken onderaan het instellingenpaneel klikken om je pagina te publiceren / bijwerken. Wat gebeurt er als de knop niet werkt?

Zie ook: Hoe een WPForms-formulier op een pagina toe te voegen met Elementor

Er zijn twee belangrijke redenen waarom de knop publiceren/bijwerken niet werkt in Elementor. Ten eerste kan het een geheugenlimiet zijn. Ten tweede kan het een beveiligingsprobleem zijn.

Hoe de fout op te lossen:

  • Verhoog de PHP-geheugenlimiet

Om Elementor correct uit te voeren op uw WordPress-site, moet uw server ten minste 128 MB PHP-geheugenlimiet hebben, waarbij 256 MB of meer meer wordt aanbevolen. Als uw hostingprovider slechts 128 MB PHP-geheugenlimiet biedt, kunt u een aanvraag indienen om deze te verhogen.

  • Installeer SSL op uw website

Tegenwoordig gebruiken de meeste websites SSL (HTTPS). Als je er nog geen hebt gebruikt, kun je deze op je WordPress-site installeren. De meeste hostingproviders bieden SSL als standaardfunctie aan. Als je hostingprovider cPanel gebruikt, kun je SSL installeren via cPanel.

8. Aangepaste CSS werkt niet

Met de aangepaste CSS-functie die door Elementor Pro wordt aangeboden, kunt u enkele stijlen krijgen die niet standaard door Elementor worden aangeboden. Normaal gesproken wordt de wijziging na het toevoegen van aangepaste CSS toegepast op de actieve pagina zodra u de pagina publiceert/bijwerkt. Als dit niet het geval is, is er mogelijk een cacheprobleem op uw website.

Hoe de fout op te lossen:

Hetzelfde als fout nummer zes hierboven, u kunt de cache wissen om dit type fout op te lossen. U kunt de cache van uw webbrowser en website wissen. Voordat u dit doet, kunt u CSS opnieuw genereren zoals weergegeven in nummer zes hierboven.

9. Tekstkleur verandert niet

In Elementor zijn er twee widgets om tekstelementen aan een pagina toe te voegen: de widget Teksteditor en de widget Titel. Wanneer u met deze widgets werkt (en andere widgets die opties hebben om de tekst aan te passen), kunt u de kleur van de tekst instellen. In sommige gevallen werkt de tekstkleur niet op de live-pagina.

Hoe de fout op te lossen:

Als je de tekstkleur hebt ingesteld, maar deze niet wordt toegepast op de live pagina, is de kans groot dat er een conflict is tussen Elementor en het thema dat je gebruikt. Sommige WordPress-thema's worden geleverd met geavanceerde aanpassingsopties om de kleuren van elementen op uw site te regelen, inclusief tekst.

Lees ook: Hoe aangepaste CSS toe te voegen aan de gratis versie met Elementor

Om het conflict op te lossen, kunt u de kleurinstellingen van uw thema opnieuw instellen zodat Elementor-stijlen van kracht worden. U kunt dit doen vanuit de thema-aanpasser(Uiterlijk -> Aanpassen)of vanuit het instellingenpaneel van je thema als het er een heeft.

10. Themabouwer-conflict

Als u Elementor Pro gebruikt, kunt u elk onderdeel van uw WordPress-site visueel aanpassen met de functie voor het maken van thema's. Van koptekst, voettekst, archiefpagina's, enkele post, enkele pagina, 404-pagina, pagina met zoekresultaten, enz ...

Ontdek ook Hoe maak je een knop met hover-effect

Sommige Elementor-add-ons (bijv. JetThemeCore) hebben ook vergelijkbare functionaliteit. Als je een bepaalde aangepaste sjabloon hebt gemaakt met Elementor-themabouwer (bijvoorbeeld een aangepaste kopsjabloon) en je JetThemeCore installeert, is de kans groot dat je aangepaste sjabloon niet werkt.

Hoe de fout op te lossen:

Als u JetThemeCore gebruikt, kunt u de JetThemeCore Compatibility Kit installeren. Het is een WordPress-plug-in die is ontwikkeld door Crocoblock om het incompatibiliteitsprobleem tussen Elementor-themabouwer en JetThemeCore te verhelpen.

11. Aangepaste velden verschijnen niet in het invoervak ​​van Elementor

De mogelijkheid om aangepaste velden toe te voegen is een andere functie die wordt aangeboden door Elementor Pro. U kunt deze functie gebruiken om: maak een website complexe dynamiek. Elementor zelf ondersteunt populaire plug-ins voor aangepaste velden zoals ACF, Pods, Meta Box, Toolset en JetEngine.

Lees ook: Een sectie een naam geven in Elementor

Wanneer u probeert een aangepast veld in Elementor toe te voegen, kunt u een probleem tegenkomen waarbij de aangepaste veldgegevens niet worden weergegeven in het canvasgebied van de Elementor-editor.

Hoe de fout op te lossen:

Eén ding moet je eerst weten. Aangepaste velden kunnen alleen worden toegevoegd aan een aangepast sjabloon (bijvoorbeeld een aangepast uniek berichtsjabloon). U kunt geen aangepast veld toevoegen aan een gewone pagina.

Zie ook: Een pop-up openen vanuit url of menu met Elementor

Als u een aangepast veld aan een aangepaste sjabloon heeft toegevoegd, maar het bijbehorende aangepaste veld wordt niet weergegeven, kunt u de voorbeeldinstelling wijzigen. Klik op het tandwielpictogram in de linkerbenedenhoek en open het blok Voorbeeldinstellingen. Selecteer het inhoudstype dat is gekoppeld aan de aangepaste sjabloon waaraan u werkt en selecteer bestaande inhoud. Klik op de knop TOEPASSEN & VOORBEELD.

Overzicht

Elementor is de meest populaire plug-in voor het bouwen van pagina's voor WordPress. Er zijn enkele veelvoorkomende fouten waarmee Elementor-gebruikers worden geconfronteerd, zoals we hierboven vermeldden.

Voordat u Elementor op uw WordPress-website installeert, kunt u ervoor zorgen dat uw hostingspecificaties voldoen aan de minimale vereisten die Elementor vereist om fouten bij het werken ermee te minimaliseren.

Dit zijn de systeemvereisten voor Elementor:

  • WordPress-versie: 5.2 of hoger
  • PHP-versie: 7 of hoger
  • MySQL-versie: 5.6 of hoger
  • PHP-geheugenlimiet: 128 MB of meer

Hoewel Elementor add-ons ondersteunt om de functionaliteit uit te breiden, kun je een add-on beter alleen installeren als je hem echt nodig hebt. Het kan ook het risico op fouten verkleinen, aangezien elke add-on die u installeert serverbronnen verbruikt.

Lire aussi Een sectie voor teamleden maken

Nog iets om op te merken. Zorg ervoor dat u een plug-in voor het maken van pagina's op uw WordPress-website installeert, omdat het installeren van twee of meer plug-ins voor het maken van pagina's een conflict kan veroorzaken.

Andere bronnen:

Conclusie

Alstublieft ! Dat zal het zijn voor deze lijst met veelvoorkomende Elementor-fouten en hoe u ze kunt oplossen. We hopen dat met deze lijst vanWordPress-plug-in, vindt u degene die aan uw verwachtingen voldoet.

U kunt echter ook onze raadplegen ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Vooral deel dit artikel op uw verschillende sociale netwerken.   

...