Elementor is een van de meest gebruikte manieren om in WordPress pagina’s op te bouwen zonder code. Dat maakt websites toegankelijk voor ondernemers die hun eigen teksten en secties willen aanpassen, en dat is een groot voordeel. Maar het verandert wel iets aan het onderhoud.

Bij een gewone WordPress-site zit uw opmaak grotendeels in het thema. Bij Elementor onderhoud heeft u te maken met een extra laag: de pagebuilder zelf, de bijbehorende widgets en vaak nog een uitbreidingspakket. Die lagen moeten met elkaar overweg kunnen, en elke update is een moment waarop dat kan misgaan. In dit artikel leest u waar dat in de praktijk gebeurt en wat u anders doet dan bij een gewone site.

Waarom een pagebuilder het onderhoud verzwaart

Drie eigenschappen van Elementor bepalen waar u op let.

Ten eerste slaat Elementor uw ontwerp op in de database, niet in bestanden. Elke sectie, kolom en instelling staat als gegeven in de database opgeslagen. Dat betekent dat een databaseback-up bij een Elementor-site zwaarder weegt dan bij een gewone site: raakt u de database kwijt, dan bent u uw hele opmaak kwijt, ook al staan alle bestanden er nog.

Ten tweede genereert Elementor CSS-bestanden per pagina. Die worden opnieuw aangemaakt bij wijzigingen, maar soms blijven er oude versies hangen. Dat verklaart een groot deel van de gevallen waarin een site na een update ineens scheef staat terwijl er inhoudelijk niets is veranderd.

Ten derde komt Elementor bijna nooit alleen. Er zit vrijwel altijd een pakket met extra widgets bij, en soms een thema dat speciaal voor Elementor is gemaakt. Die uitbreidingen worden door andere makers gebouwd en lopen dus achter op de hoofdversie. Daar zit de meest voorkomende bron van problemen.

De juiste updatevolgorde

Bij een Elementor-site is de volgorde belangrijker dan bij een gewone site. Deze werkt in de praktijk het beste.

  1. Maak een back-up van bestanden én database. Bij Elementor is dat tweede het echte vangnet.
  2. Werk eerst Elementor zelf bij, daarna Elementor Pro als u dat heeft. Andersom levert regelmatig meldingen op dat de versies niet bij elkaar passen.
  3. Dan pas de uitbreidingspakketten met extra widgets. Controleer op hun website of ze de nieuwe Elementor-versie al ondersteunen. Doen ze dat niet, wacht dan.
  4. Dan het thema. Bij thema’s die speciaal voor Elementor zijn gemaakt, geldt hetzelfde: eerst kijken of de combinatie is getest.
  5. Dan de overige plugins en WordPress zelf.
  6. Regenereer daarna de CSS. Dat doet u onder Elementor, Gereedschappen, met de knop “Regenerate CSS & Data”. Sla deze stap nooit over.
  7. Leeg alle caches: uw cachingplugin, de servercache en eventueel Cloudflare.

Bij een grote versiesprong van Elementor is testen op een kopie geen luxe maar noodzaak. Hoe dat werkt, staat in de uitleg over een staging-omgeving. Een tussentijdse update van 3.24 naar 3.25 kunt u met een back-up prima direct doen; een sprong over meerdere hoofdversies niet.

Wat u na elke update controleert

Elementor-sites gaan zelden helemaal stuk. Ze gaan scheef, en dat merkt u alleen als u kijkt. Loop deze punten langs, en doe het op zowel desktop als mobiel.

  • De homepage, van boven tot onder gescrold. Let op afstanden tussen secties en op tekst die over een afbeelding valt.
  • Uw belangrijkste dienstenpagina en een blogartikel, want die gebruiken vaak andere sjablonen.
  • De header en de footer. Die zijn in Elementor Pro losse sjablonen en updaten soms anders dan de rest.
  • Pop-ups en formulieren. Test een formulier daadwerkelijk en kijk of de mail aankomt.
  • Knoppen op mobiel: vallen ze nog binnen het scherm, en is de tekst er niet overheen geschoven?
  • Sliders, accordeons en tabbladen. Dit zijn widgets met JavaScript en ze breken het snelst.

Ziet iets er raar uit, denk dan eerst aan de cache voordat u gaat sleutelen. In een flink deel van de gevallen is het probleem verdwenen nadat de CSS opnieuw is aangemaakt en de caches leeg zijn. Blijft het staan, dan schakelt u tijdelijk het uitbreidingspakket uit; dat is de gebruikelijke verdachte.

Twee dingen die specifiek bij Elementor spelen

Snelheid. Elementor genereert meer HTML dan een handgebouwd thema, en de meeste uitbreidingspakketten laden hun scripts op elke pagina, ook waar u ze niet gebruikt. Dat is te beperken: schakel in de instellingen ongebruikte widgets uit, gebruik de optimalisatie-opties die Elementor zelf biedt, en installeer geen tweede uitbreidingspakket voor één widget. Wat u verder aan laadtijd kunt doen, staat in het artikel over het verbeteren van de LCP.

Vastgeroeste versies. Bij sommige sites is Elementor bewust bevroren omdat een update ooit iets brak. Dat lost niets op; het stelt uit. Hoe verder u achterloopt, hoe groter de sprong en hoe kleiner de kans dat uw uitbreidingen nog aansluiten. Werk in kleine stappen bij, niet in één keer.

Een voorbeeld uit de praktijk

Een wellnesscentrum in Alkmaar had een fraaie Elementor-site met een uitbreidingspakket voor de prijstabellen en het reserveringsblok. De eigenaar werkte netjes elke maand alles bij, maar altijd in de volgorde waarin WordPress ze toonde: alfabetisch.

Op een dag werd het uitbreidingspakket bijgewerkt voordat Elementor zelf aan de beurt was. De prijstabellen verdwenen van drie pagina’s. Geen foutmelding, gewoon lege secties. Omdat er een back-up was, kon het worden teruggedraaid, maar het kostte een avond. In de juiste volgorde, met achteraf een keer op “Regenerate CSS” drukken, was er niets aan de hand geweest.

Sindsdien houdt het centrum een vast lijstje aan: back-up, Elementor, Elementor Pro, uitbreidingen, thema, rest, CSS regenereren, caches leeg, drie pagina’s controleren. Dat kost een kwartier per maand.

Kort samengevat

Een Elementor-site is prima te onderhouden, maar vraagt om iets meer discipline dan een gewone WordPress-site. Onthoud vooral: de database is uw ontwerp, de volgorde van updaten is niet vrijblijvend, en na elke update regenereert u de CSS en kijkt u zelf even rond op mobiel.

Vindt u dat te veel gedoe naast uw gewone werk, dan is dit precies het soort site waarbij maandelijks onderhoud door een vaste partij loont, juist omdat het testen na een update meer tijd kost dan het updaten zelf. Bij WebMaintor gaan pagebuilder-sites standaard eerst over een kopie voordat de live site wordt aangeraakt.

Concrete volgende stap: kijk in uw beheerscherm welke versie van Elementor er draait en of het uitbreidingspakket dat u gebruikt die versie ondersteunt. Loopt u meer dan een paar versies achter, plan dan een rustig moment in en werk in stappen bij, niet in één keer.