Stel je voor: Je logt in op je WordPress-dashboard om een nieuw blogbericht te schrijven. Je start de Classic Editor, alleen om een probleem te ontdekken. Alle opmaakknoppen zijn verdwenen, en de tekst is wit en onmogelijk te zien.
Het tegenkomen van deze fout kan frustrerend zijn. Het kan je zelfs verhinderen je werk te doen, waardoor je mogelijk achter op schema raakt. Gelukkig zijn er verschillende oplossingen voor dit probleem.
In dit artikel bekijken we precies waar deze fout over gaat en vervolgens leiden we je door de oplossing in vijf stappen. Laten we beginnen!
Een Introductie Tot De Fout Met Witte Tekst En Ontbrekende Knoppen In De Visuele Editor Van WordPress
Voordat we deze fout induiken, laten we precies verduidelijken wat we bedoelen met de “visuele editor.” Dit verwijst naar de mooi opgemaakte editor die je gebruikt om je berichten of pagina’s in WordPress te maken, of dat nu de Classic Editor is of de nieuwere Block Editor.
De fout waar we in dit artikel mee te maken hebben, komt voor in de visuele editor wanneer we de Classic Editor-plugin gebruiken.
De opmaakknoppen bovenaan verdwijnen plotseling. Bovendien kan de tekst die je in het editorveld schrijft dezelfde kleur hebben als de achtergrond, waardoor het onleesbaar wordt.
Dit maakt het gebruik van de Classic Editor vrijwel onmogelijk. Als je hierop vertrouwt om je bloginhoud te creëren, wil je dit probleem zo snel mogelijk oplossen. Gelukkig is dit probleem niet moeilijk te verhelpen.
Wat Te Doen Voordat Je Begint Met Probleemoplossing
Voordat je begint met probleemoplossing, raden we aan een back-up van je site te maken. Als je DreamHost gebruikt, maken we het back-upproces ongelooflijk eenvoudig.
Als je een andere hostingprovider gebruikt, biedt deze waarschijnlijk ook een back-upoplossing. Je kunt de betreffende documentatie raadplegen voor instructies. Je kunt ook kiezen voor een WordPress back-up plugin zoals UpdraftPlus.
Vermijd De WordPress Foutenstress
Vermijd probleemoplossing wanneer je je aanmeldt voor DreamPress. Onze vriendelijke WordPress-experts zijn 24/7 beschikbaar om te helpen met websiteproblemen – groot of klein.
Bekijk De PlannenHoe Witte Tekst En Ontbrekende Knoppen In De WordPress Visuele Editor Te Repareren (In 5 Stappen)
Deze fout is hoogstwaarschijnlijk een probleem met je browser cache of met de Classic Editor zelf — beide kunnen gemakkelijk worden opgelost. We raden je aan deze vijf stappen in volgorde te volgen, en alleen naar de volgende te gaan als het probleem zich nog steeds voordoet.
Stap 1: Leeg Je Browser Cache
De eerste en eenvoudigste methode die je kunt proberen is het leegmaken van je browsercache. Je browser slaat versies op van websites die je bezoekt (inclusief je WordPress-editor) om het laden ervan te versnellen.
Als je cache beschadigd is of een versie van een pagina met fouten heeft opgeslagen, kan het blijven doorgaan met het laden van de defecte pagina. Het leegmaken van de cache dwingt de browser om een verse kopie van de editor te laden, in de hoop het probleem op te lossen.
Om je cache in Google Chrome te legen, klik je op het menu-icoon met drie puntjes in de rechterbovenhoek en vervolgens klik je op Instellingen. Onder de Privacy en beveiliging sectie, selecteer Browsegegevens wissen.
In het pop-upvenster, zorg ervoor dat alleen Gecachte afbeeldingen en bestanden geselecteerd is, en klik dan op Gegevens wissen. Als je Chrome niet gebruikt of meer begeleiding wilt, kun je verwijzen naar onze handleiding over het legen van je browsercache.
Stap 2: Deactiveer Al Je WordPress Plugins
Vervolgens kun je controleren of een plugin het probleem veroorzaakt. De beste manier om dit te doen is door al je plugins te deactiveren (behalve de Classic Editor), te controleren of het probleem is opgelost en ze dan één voor één weer in te schakelen totdat de fout terugkeert.
Op dat moment heb je de problematische plugin geïsoleerd. Dan kun je kijken naar updates, zoeken naar alternatieven, of het gewoon gedeactiveerd laten als het er een is waar je niet van afhankelijk bent.
Om je WordPress plugins te deactiveren, ga naar het dashboard en navigeer naar Plugins > Installed Plugins.
Vink het vakje naast alle plugins aan, behalve de Classic Editor. In het Bulkacties vak kun je Deactiveren kiezen en klikken op Toepassen. Laad vervolgens de WordPress-editor opnieuw en controleer of alles correct werkt.
Als het deactiveren van je plugins de fout heeft opgelost, is je volgende stap het isoleren van de plugin die het veroorzaakte. Je kunt de lijst één voor één afgaan en klikken op de Activeer knop onder de naam van de plugin. Nadat elke plugin opnieuw is geactiveerd, controleer je of de fout opnieuw optreedt. Zo niet, dan kun je doorgaan totdat je de problematische plugin vindt.
Stap 3: Vervang De TinyMCE Map
TinyMCE is de technische naam voor de WordPress Classic Editor. Het is een open-source editor die door nogal wat platforms wordt gebruikt, naast WordPress.
Een probleem met de TinyMCE-bestanden kan ervoor zorgen dat de knoppen van de editor verdwijnen. Om dit op te lossen, kun je de map vervangen door een nieuwe kopie.
Eerst, download de versie van WordPress die jouw site gebruikt. Je kunt het huidige versienummer vinden door rechtsonder op elke pagina in je WordPress dashboard te kijken.
Open het WordPress zip-bestand en verplaats de TinyMCE-map naar een andere locatie, zoals je bureaublad. Deze bevindt zich in wp-includes/js/tinymce.
Uiteindelijk moet je toegang krijgen tot het bestandssysteem van je WordPress-site en de oude map vervangen door de nieuwe. Ga naar je DreamPress-account (zie Stap 1 voor instructies). Onder de Details-sectie, klik op Beheer Bestanden om de DreamHost bestandsverkenner te openen.
Als je geen DreamHost-klant bent, kun je ook toegang krijgen tot je site via Secure File Transfer Protocol (SFTP). Navigeer naar wp-includes/js en upload de nieuwe kopie van de TinyMCE-map met de knop “omhoog pijl” linksonder. Vervolgens kun je je WordPress-dashboard vernieuwen en de editor opnieuw controleren.
Stap 4: Wijzig het wp-config.php bestand
Als de bovenstaande oplossingen niet hebben gewerkt, kun je proberen je wp-config.php bestand aan te passen om WordPress te dwingen scripts afzonderlijk te laden. Begin met het openen van je WordPress-site in de DreamHost-bestandsbeheerder of via SFTP, zoals hierboven beschreven.
Het wp-config.php bestand bevindt zich in de hoofdmap van je site. Voeg gewoon de volgende regel code toe aan de bovenkant van het bestand, direct na de openings <php> tag:
define(‘CONCATENATE_SCRIPTS’,false);
Hier is hoe jouw code eruit zou moeten zien:
Als je klaar bent, sla het bestand op, vernieuw je site en probeer dan opnieuw de visuele editor te laden. Als je nog steeds de foutmelding ziet, ga dan verder met de laatste stap.
Stap 5: Installeer de Geavanceerde Editor Gereedschappen Plugin
Voorheen bekend als TinyMCE Advanced, de Geavanceerde Editor Tools Plugin is een versie van het TinyMCE-script dat extra functies biedt.
In wezen biedt het je een combinatie van de TinyMCE-editor en de Block Editor. Bovendien is het gratis te downloaden en te gebruiken.
Nadat je het hebt geïnstalleerd en geactiveerd, kun je de instellingen vinden door te navigeren naar Instellingen > Geavanceerde bewerkingstools.
Zodra het geactiveerd is en je de instellingen naar wens hebt geconfigureerd, vernieuw je WordPress-site. Nu, wanneer je naar een nieuw WordPress-bericht of -pagina gaat, zou je moeten zien dat de voorheen ontbrekende knoppen verschijnen in je visuele editor.
Extra Hulpmiddelen Voor WordPress-problemen
Wil je meer leren over het oplossen van veelvoorkomende WordPress-fouten? We hebben meerdere gidsen samengesteld om je te helpen.
- Hoe De 500 Interne Serverfout In WordPress Op Te Lossen
- Hoe Syntaxfouten In WordPress Te Herstellen
- Hoe Het Probleem Van WordPress Die Geen E-mail Verstuurt Op Te Lossen
- Hoe De Fout Bij Het Verbinden Met De Database In WordPress Op Te Lossen
- Hoe WordPress Fout 404 Niet Gevonden Op Te Lossen
- Hoe De Sidebar Onder Content Fout In WordPress Op Te Lossen (In 3 Stappen)
Websitebeheer Gemakkelijk Gemaakt
Laat ons de backend beheren — we beheren en bewaken je website zodat deze veilig, beveiligd en altijd beschikbaar is.
Meer LerenWordPress Visuele Editor Probleem, Opgelost
Als je WordPress-editor problemen ondervindt, zoals onleesbare witte tekst of verdwijnende knoppen, maak je geen zorgen. Net als veel WordPress-fouten, is deze relatief eenvoudig op te lossen, en er zijn meerdere methoden die je kunt proberen.
Zoals we besproken hebben, kun je deze vijf stappen volgen om de fout met witte tekst en ontbrekende knoppen in de WordPress-editor op te lossen:
- Maak je browsercache leeg.
- Deactiveer je WordPress-plugins.
- Vervang de TinyMCE-map door een nieuwe kopie.
- Wijzig je wp-config.php bestand.
- Installeer de Geavanceerde Editor Hulpmiddelen plugin.
Als je probleemoplossing gemakkelijker wilt maken, overweeg dan DreamPress te gebruiken, onze beheerde WordPress-hostingoplossing. Met DreamPress zorgen wij voor de problemen, zodat jij je kunt concentreren op wat belangrijk is.
