Je WordPress-thema is misschien wel het belangrijkste deel van je WordPress-site. Het bepaalt niet alleen hoe de site eruitziet, maar ook hoe jouw content wordt weergegeven en laat je site er modern, professioneel en on-brand uitzien.

Daarom is het belangrijk om je thema up-to-date te houden en ervoor te zorgen dat het altijd werkt zoals het hoort te werken.

Maar soms is dat niet eenvoudig. Als je wijzigingen hebt aangebracht aan (de code van het) WordPress thema, dan is de kans aanwezig dat je bij een update het risico loopt al je aanpassingen te verliezen. En als de plugins op jouw site niet compatibel zijn met de nieuwe versie van je thema, moet je beslissen welke code je wilt updaten en welke niet. Als je een WooCommerce-winkel beheert met een door jou aangepast thema, dan kan zelfs je hele winkel in de soep lopen na een update. Zaak dus om dit te voorkomen!

In dit artikel loop ik daarom samen met jou door het proces van het updaten van een WordPress-thema.

Ben je er klaar voor? Laten we beginnen!

Bekijk deze video gids voor het updaten van een WordPress thema

Waarom je jouw WordPress-thema’s up-to-date moet houden

Het is erg belangrijk om de code van jouw WordPress-site actueel te houden. Nieuwe versies van plugins, thema’s en WordPress zelf worden namelijk niet voor de lol uitgebracht. Je site kan namelijk gevaar lopen als je niet gebruik maakt van deze updates. Laten we eens kijken naar de drie belangrijkste redenen waarom je jouw site altijd up-to-date wil houden: beveiliging, compatibiliteit en features.

#1 Beveiliging

De voornaamste reden waarom je ervoor wil zorgen dat de code op jouw site altijd wordt bijgewerkt, is beveiliging.

Een aanzienlijk deel van de updates van thema’s, plugins en de WordPress-core zijn zogenaamde beveiligingspatches: kleine releases die zijn ontworpen om (soms aanzienlijke) beveiligingsproblemen op te lossen.

Omdat WordPress een opensource-systeem is, met een actieve community die de software controleert op (beveiligings)problemen, worden eventuele zwakke punten openbaar besproken en wordt er zo snel mogelijk een oplossing voor gevonden.

Dit is een van de grote voordelen van WordPress: die actieve community zorgt ervoor dat kwetsbaarheden zeer snel geïdentificeerd en opgelost worden .

Maar er is wel een keerzijde: dit openbare karakter betekent dat iedereen, dus ook mensen die jouw site wil aanvallen, op de hoogte is van problemen rond, zeg maar, een bepaalde versie van een bepaald thema. En deze lieden kunnen zich dus richten op sites met die specifieke versie van dat specifieke thema.

Je moet er dus goed voor zorgen dat je thema’s, plugins en de WordPress-core bijwerkt zodra updates worden uitgebracht, om te voorkomen dat je een doelwit wordt.

Als je een goede beveiligingsplugin installeert, word je gewaarschuwd wanneer er een nieuwe versie van een thema uitgebracht wordt. Je hebt dus geen excuus om de update niet uit te voeren. Hieronder gaan we kijken hoe je dat veilig doet, zodat jouw site tijdens en na de update nog steeds soepel werkt.

Hopelijk ben je inmiddels overtuigd: het up-to-date houden van jouw site is cruciaal voor de beveiliging ervan.

#2 Compatibiliteit

Thema’s worden daarnaast bijgewerkt om te zorgen dat deze compatibel blijft met de nieuwste versie van WordPress. Dit gebeurt ofwel zodra de nieuwe WordPress-release uitkomt of in elk geval kort hierop volgend. Een goede thema-ontwikkelaar test zijn thema(‘s) met nieuwe versies van WordPress (en met de beta-versie terwijl deze nog in ontwikkeling is) en brengt de nodige wijzigingen aan om compatibiliteit te garanderen.

Na verloop van tijd zullen er echter nieuwe versies van WordPress worden uitgebracht en kunnen er problemen wat betreft compatibiliteit met jouw thema ontstaan. Naar mijn ervaring komt dit minder vaak voor dan met plugins, maar het is nog steeds iets waar je op moet letten.

Wanneer je jouw thema bijwerkt, moet je er altijd voor zorgen dat je de nieuwste versie van WordPress gebruikt.

#3 Features

De derde reden om jouw thema up-to-date te houden, is om alle nieuwe features te benutten die door de ontwikkelaar zijn toegevoegd.

Van tijd tot tijd worden thema’s voorzien van nieuwe functies, hetzij omdat gebruikers hierom hebben gevraagd of omdat het thema gebruik kan maken van nieuwe  features van WordPress zelf (bijvoorbeeld Gutenberg) en hierdoor extra features aan het thema kan toevoegen die daar gebruik van maken.

Als jouw thema nieuwe features lanceert die jouw site te verbeteren, waarom zou je hier dan niet van profiteren?

Hoe update je een thema in WordPress (twee manieren)

Het bijwerken van jouw thema in WordPress is heel eenvoudig gemaakt. Ga naar Dashboard > Updates en selecteer jouw thema en klik vervolgens op de knop Thema’s bijwerken.

Een thema updaten
Een thema updaten

Wacht! Je denkt misschien dat je alleen op de knop Bijwerken hoeft te klikken en je dan klaar bent, of niet? Uiteraard zal dit je thema van een update voorzien. Het zal echter niet veilig gebeuren.

Telkens wanneer jij een element van een WordPress-website bijwerkt (thema’s, plugins of WordPress-core), moet je een back-up van je site maken en de bijgewerkte software testen om te controleren of alles nog goed werkt. Om dit te doen zonder jouw live WordPress-site aan te raken, moet je de update eerst op een tijdelijke WordPress testversie van jouw site testen.

Laten we eens uitgebreid kijken hoe je dit doet.

Eerst een back-up maken

Stop! Voordat je een update op de site uitvoert, moet je altijd een back-up maken. De reden hiervoor is dat je dan iets hebt om op terug te vallen, mocht de update ervoor zorgen dat je site stopt met werken.

Als je het onderstaande advies opvolgt en altijd eerst binnen een testomgeving de update test, is het zeer onwaarschijnlijk dat je problemen  op de productiesite zal tegenkomen: alles is inmiddels al uitvoerig getest. Maar voorkomen is natuurlijk beter dan genezen.

Automatische dagelijkse back-ups bij Kinsta
Automatische dagelijkse back-ups bij Kinsta

Met Kinsta-hosting heb je dagelijkse geautomatiseerde back-ups van je site tot je beschikking. Maar je kunt ook een handmatige back-up maken op het moment voordat je de update uitvoert. Dit is iets wat ik aanbeveel, omdat er mogelijk wijzigingen zijn aangebracht aan jouw site sinds de laatste automatische back-up.

Om een handmatige back-up te maken, ga je naar jouw site in het Kinsta dashboard, selecteer je de optie Back-ups in het menu en vervolgens kies je het tabblad Handmatig. Vanaf hier kan je maximaal vijf handmatige back-ups maken, die elk 14 dagen worden bewaard.

Handmatige back-ups bij Kinsta
Handmatige back-ups bij Kinsta

Als er iets misgaat tijdens de update en je moet jouw site herstellen, kan je de back-up met één klik herstellen.

Ga naar het back-up scherm in je Kinsta dashboard, selecteer de back-up en klik op de knop Herstellen naar. Je hebt de mogelijkheid om te herstellen naar de test- of live site. Zorg ervoor dat je hier niet te lang mee wacht, omdat je geen aanpassingen wilt verliezen die zijn aangebracht in de site nadat de back-up is gemaakt (bijvoorbeeld als een andere gebruiker content toevoegt).

Als je niet bij Kinsta zit en jouw hostingprovider geen manier biedt om (makkelijk) back-ups te maken van je site, moet je een back-upplugin gebruiken. Met de gratis Updraft Plus plugin kan je automatische en handmatige back-ups maken en is het herstellen relatief eenvoudig. Wanneer je bij Kinsta zit, heb je gelukkig geen back-up plugin nodig, omdat alle pakketten bij Kinsta automatische back-ups bevatten.

Wanneer je updates moet uitvoeren

Ten eerste is het zeker de moeite waard om te kijken naar het moment waarop je het best je updates kan uitvoeren. Je wil natuurlijk de downtime of storingen voor jouw sitebezoekers zoveel mogelijk minimaliseren, wat betekent dat het goed is om updates op een tijdstip uit te voeren wanneer de bezoekersaantallen het laagst zijn.

Ga er niet automatisch vanuit dat dit op het moment van de dag is wanneer jij je site het minst gebruikt: als je een aanzienlijk aantal buitenlandse bezoekers heeft, kan het zijn dat ook ’s avonds en ’s nachts je site drukbezocht is.

Gebruik een tool als Google Analytics om te bepalen wanneer jouw site de minste bezoeken krijgt en plan op basis van die informatie je updates in.

Zodra je deze informatie hebt, kan je je updates plannen. Let op: het testen van je site in de testomgeving kan natuurlijk op elk moment. We hebben het nu specifiek over het moment dat je de updates daadwerkelijk uitvoert of je testomgeving naar je live omgeving pusht. Beide zullen voor enige downtime veroorzaken, dus plan dit moment goed in.

Met de premium versie van de plugin Easy Updates Manager kan je updates automatiseren of handmatig inplannen.

Easy Updates Manager plugin
Easy Updates Manager plugin

Maak gebruik van een testomgeving voor updates

Voordat je een update van jouw thema uitvoert, moet je altijd testen of de update naar behoren werkt, niet botst met andere code op de site en dat de site na de update nog steeds werkt.

Om dit te doen, heb je een kopie van jouw site nodig die onzichtbaar is voor het grote publiek en waarbij het niet erg is als je site stopt met werken na het maken van een foutje.

Idealiter doe je dit binnen een testomgeving. Dit komt omdat een testomgeving zich op dezelfde server bevindt als jouw live site en een identieke kopie is. Dit betekent dat als iets op jouw testsite werkt (of juist niet werkt), dit ook voor je live site moet gelden.

Staging-omgeving bij Kinsta
Staging-omgeving bij Kinsta

Kinsta heeft een testomgeving voor elk van je sites en je kunt tot vijf extra premium testomgevingen toevoegen als je meer nodig hebt. Voordat je jouw thema-update test, moet je zorgen dat je een recente testomgeving hebt. Je doet dit door de bestaande te verwijderen en een nieuwe te maken. Ook je kan de back-up gebruiken die je zojuist van je live site hebt gemaakt en die naar jouw testsite herstellen.

Staging-omgeving aangemaakt in MyKinsta
Testomgeving aangemaakt in MyKinsta

Zodra je een kopie van de live-site in staging hebt, moet je de URL https://staging-sitenaam.kinsta.cloud gebruiken, waarbij sitenaam de naam van jouw site is. Hiermee ga je naar de testsite, waar je jezelf kunt inloggen en de site kan bijwerken en testen.

Nadat je de update op de testsite hebt getest (waarover zometeen meer), kan je teruggaan naar de testomgeving in jouw MyKinsta dashboard en daar op de knop Push Staging naar Live klikken. Hiermee worden alle wijzigingen die jij op je testsite hebt aangebracht, naar de live site gekopieerd. Vergeet niet om ook een controle op jouw live site uit te voeren om er 100% zeker van te zijn dat alles werkt.

De update testen

Dus je hebt jouw testomgeving aangemaakt, je bent er klaar voor om de thema-update te installeren en je wil deze testen. Wat nu?

Volg deze stappen.

  1. Controleer of het thema compatibel is met jouw versie van WordPress. Als dit niet het geval is, moet je mogelijk WordPress bijwerken (dit heeft altijd prioriteit). Maak een testomgeving aan, gebruik deze om de update te testen en druk vervolgens op Push naar live.
  2. Werk het thema bij via het scherm Thema’s in de WordPress-admin, door op de koppeling Bijwerken onder de naam van het thema te klikken of door de nieuwe versie te uploaden als je het thema van een externe leverancier hebt gekocht.
  3. Test of de tijdelijke versie van de site werkt. Test verschillende contenttypes (startpagina, afzonderlijke berichten en pagina’s, archiefpagina’s, custom post types of taxonomieën). Controleer of er geen problemen zijn met widgets of menu’s. Test processen zoals formulierverzending of verkoop. Wat jij in jouw geval precies moet testen hangt af van je site, maar het is ten allen tijde belangrijk om dit grondig te doen; als je de site snel doorbladert en niet alle inhoudstypen en -processen test, kunnen jouw gebruikers problemen ondervinden voordat jij dat doet. Misschien wanneer ze een aankoop doen of een formulier invullen.
  4. Als de thema-update zorgt dat je site niet meer goed werkt, controleer dan de ondersteuningsforums van het thema om te zien of er bekende problemen zijn. Je kan deze vinden door naar Thema’s te gaan in de admin en op het thema te klikken om de informatie over het thema te openen. Klik op de link voor meer informatie over deze versie. Vervolgens in de sidebar aan de rechterkant vind je de knop Bekijk ondersteuningsforum. Controleer deze om te zien of iemand anders ook een probleem heeft gehad.
  5. Als jij een probleem hebt en niemand anders heeft dit probleem gemeld, meld dit dan bij de thema-ontwikkelaar. Dit zal hen helpen het probleem op te lossen. Daarna moet je dit proces herhalen wanneer ze een volgende versie van het thema uitbrengen, hopelijk met een oplossing.
  6. Als alles werkt zoals zou moeten, kan je de testomgeving naar de live omgeving pushen, in de wetenschap dat je hem grondig hebt getest.

Hoe update je een door jou aangepast WordPress-thema

Maar wat als je het thema hebt aangepast en het wilt bijwerken zonder je wijzigingen te verliezen?

Dat is iets lastiger om uit te voeren, maar niet onmogelijk, zolang je je kunt herinneren wat de wijzigingen waren, of specifieker: welke bestanden je hebt bewerkt.

Een child-thema gebruiken om problemen te voorkomen bij het bijwerken van jouw aangepaste WordPress-thema

De veiligste manier om een ​​aangepast WordPress-thema bij te werken, is door een child-thema te maken en daar jouw aanpassingen aan toe te voegen. Als je niet zeker weet of je site een child-thema gebruikt, kun je je site inspecteren met onze WordPress Theme Detector Tool om erachter te komen.

Om dit te doen, moet je een child-thema maken met de themabestanden die jij hebt bewerkt. Volg deze stappen op jouw testsite (je kan je live site namelijk ontoegankelijk maken bij zelfs het kleinste foutje).

  1. Maak een back-up van het hoofdthema en kopieer deze naar je computer. Dit betekent dat je een kopie van de te wijzigen versie van het thema hebt voor het geval je iets over het hoofd hebt gezien en wijzigingen moet aanbrengen na het bijwerken van het thema.
  2. Maak een child-thema van het bestaande thema. Voeg de stylesheet toe met gegevens van het hoofdthema (zie hierboven) en een function-bestand dat de stijlen van het hoofdthema ophaalt.
  3. Zoek naar eventuele wijzigingen die jij hebt aangebracht in het function.php-bestand van het hoofdthema. Kopieer de nieuwe functies naar het function.php-bestand van het child-thema.
  4. Zoek naar eventuele wijzigingen die jij hebt aangebracht in de stylesheet van het bovenliggende thema. Kopieer deze code naar de stylesheet van het onderliggende thema. Dit vervangt de stijl van dezelfde elementen, classes of ID’s in het hoofdthema.
  5. Zoek de template-bestanden of neem bestanden op die jij hebt bewerkt. Kopieer deze naar het child-thema en zorg ervoor dat je dezelfde bestandsstructuur gebruikt (indien sommige bestanden zich in submappen bevinden).
  6. Activeer het child-thema in plaats van het hoofdthema.
  7. Test jouw site. Controleer eventuele aanpassingen die jij aan het thema hebt aangebracht en controleer in het bijzonder pagina’s die worden weergegeven met de template-bestanden die je hebt bewerkt en gekopieerd.
  8. Controleer je bestanden nogmaals om er zeker van te zijn dat je geen door jou bewerkte bestanden hebt gemist.
  9. Werk het hoofdthema in je testomgeving bij, hetzij via het scherm Thema’s of door het thema te uploaden als je deze niet uit de thema-directory hebt gedownload.
  10. Test de site nogmaals. Zorg ervoor dat alle template-bestanden die jij hebt bewerkt, nog steeds werken zoals ze zouden moeten. Wanneer er iets ontbreekt, gebruik je jouw back-up van de bewerkte versie van het bovenliggende thema en kopieer je alles dat je nodig hebt naar het child -thema.
  11. Test opnieuw. Als je blij bent met hoe alles functioneert binnen de testwebsite, kan je de wijzigingen in je testomgeving naar live pushen (zorg ervoor dat je eerst een back-up van je live site maakt). Test je live site en je bent klaar!

Als je dit eenmaal hebt gedaan, hoef je het de volgende keer dat je het hoofdthema bijwerkt niet te herhalen. Maar onthoud: als je in de toekomst meer wijzigingen moet aanbrengen, breng deze dan aan in het child-thema en niet in het hoofdthema. Maak back-ups van jouw child-thema voordat je wijzigingen aanbrengt, test alles in de testomgeving en gebruik een versiebeheersysteem zoals Github.

De GitHub Website
De GitHub Website

Hoofdthema updaten: wijzigingen aanbrengen in het child-thema

Soms merk je dat wanneer je een hoofdthema bijwerkt dat jouw site niet meer functioneert vanwege wijzigingen die je hebt aangebracht in een child-thema.

Misschien heb je een functie gekoppeld aan een hook in het hoofdthema en is deze gewijzigd of zelfs helemaal verwijderd. Misschien is het template-bestand van jouw child-thema niet meer consistent met de template-bestanden van het hoofdthema, wat betekent dat de pagina’s die door jouw child-thema zijn gegenereerd, niet consistent meer zijn met de rest van de site.

Wanneer dit gebeurt, moet je een van de volgende twee dingen doen:

  • Zorg dat je de de bestanden uit het child-thema niet meer gebruikt, door ze uit het child-thema te verwijderen. In sommige gevallen zorgt een update van het hoofdthema ervoor dat de wijzigingen die jij aan het thema gemaakt hebt, simpelweg niet meer nodig zijn.  Nadat je het bestand uit het child-thema hebt verwijderd, gebruikt WordPress het bestand uit het bovenliggende thema.
  • Bewerk de bestanden in jouw child-thema bij zodat ze consistent zijn met het hoofdthema.

Als je voor de eerste optie kiest, zorg er dan voor dat je test op je testsite en dat je een back-up van het child-thema bewaart voordat je deze bewerkt. Nogmaals, met behulp van Github kan je jouw wijzigingen bijhouden.

Als je de tweede methode moet gebruiken en de themabestanden van je child-thema wil bewerken, moet je exact uitzoeken welke wijzigingen je hebt aangebracht, wat de wijzigingen in het bovenliggende thema zijn en hoe deze op elkaar inwerken. Het loont om de code van de vorige en nieuwe versies van het hoofdthema te vergelijken, net als die van het child thema. Op deze manier kan je zien waar eventuele problemen zich voordoen en kan je deze oplossen.

Lees de documentatie voor de release van het hoofdthema: de release-opmerkingen in de thema repository of meer gedetailleerde documentatie op de website van de ontwikkelaar. Dit helpt je eventuele wijzigingen in het thema die van invloed zijn op jouw child thema te identificeren.

En nogmaals, zorg ervoor dat je back-ups bewaart en grondig test.

Hoe pas je een thema aan zodat je deze in de toekomst veilig kunt updaten

Als je nog geen thema hebt aangepast, maar dit wel van plan bent, kan je het voor jezelf eenvoudiger maken door de aanpassingen vanaf het begin in een child thema te plaatsen.

Als je een thema van de thema-bibliotheek of van een themaverkoper rechtstreeks bewerkt, gaan wijzigingen die je in het thema hebt aangebracht verloren wanneer je het thema van een update voorziet. De nieuwe themabestanden vervangen de bewerkte bestanden en al jouw werk is verdwenen.

Daarom moet je nooit rechtstreeks een extern thema bewerken. De enige juiste manier om een thema van een externe partij te bewerken, is door een child-thema van dat thema te maken en daar de bewerkingen aan toe te voegen.

Laten we uitgebreid kijken naar child-thema’s: hoe werken ze en hoe maak jij er gebruik van om een aangepast WordPress-thema veilig bij te werken (en te bewerken).

Child-thema gebruiken om problemen tijdens het updaten van een thema te voorkomen

Een child-thema is een thema dat samenwerkt met het hoofdthema om de site te beheren. Het voegt extra functies toe aan het hoofdthema, zoals design-elementen en functionaliteit(en), zonder dat je wijzigingen aanbrengt aan het bovenliggende thema. In plaats daarvan maak je specifieke bestanden aan in het child-thema die de specifieke bestanden met dezelfde naam in het hoofdthema overschrijven. Hierbij hou je ook rekening met de hiërarchie van templates binnen WordPress om WordPress te vertellen welk template-bestand moet worden gebruikt om een ​​bepaalde pagina op de site weer te geven.

Wanneer je weinig weet over template-bestanden en bovenstaande je enigszins in verwarring brengt, kan ik het misschien verduidelijken met een voorbeeld.

Jouw bestaande thema heeft drie bestanden voor het weergeven van archiefpagina’s:

  • het category.php-bestand, die archiefpagina’s voor categorieën zal weergeven.
  • het archive.php-bestand, die alle archieftypen zal weergeven, tenzij er een specifieker bestand bestaat (zoals category.php). Dit betekent dat dit bestand wordt gebruikt voor tag-archieven (bijvoorbeeld) maar niet voor categorie-archieven.
  • het index.php-bestand, een fallback-bestand voor alle inhoudstypen die geen specifieker bestand hebben. In dit geval, omdat er een archive.php bestand is, zal geen enkel archiefpagina het index.php bestand gebruiken.

Wanneer je een archief op je site laat zien, doorloopt WordPress deze hiërarchie en kiest het bestand waar het eerst naar toe gaat. In het geval van categorie-archieven is dat category.php. In het geval van tag-archieven is dit archive.php, omdat het thema geen tag.php-bestand heeft.

Maar wanneer je een child-thema maakt, kiest WordPress altijd het hoogste bestand in de hiërarchie in het child-thema, in plaats van een bestand uit het hoofdthema.

Dit betekent dat wanneer je een child-thema met een archive.php bestand zou maken, het volgende zou gebeuren:

  • Voor categorieën gebruikt WordPress category.php uit het hoofdthema, omdat dit hoger in de hiërarchie staat.
  • Voor tags zou het archive.php van het child-thema gebruiken, omdat een bestand met dezelfde naam in het child-thema een bestand met diezelfde naam in het hoofdthema overschrijft.

Dit betekent dat wanneer je een bestand in je thema wil bewerken, je een child-thema maakt, dit bestand van het hoofdthema naar het child-thema kopieert en dat bestand bewerkt. De originele bestanden van het hoofdthema zijn onaangeroerd, dus als je het thema bijwerkt, verlies je geen werk. En het betekent ook dat zelfs na een update, het archive.php bestand van het child-thema zal worden gebruikt door WordPress in plaats van het bijgewerkte archive.php bestand van het hoofdthema.

Dit alles heeft twee consequenties voor het bijwerken van thema’s:

  • Als je een child-thema maakt, kan je het hoofdthema bijwerken zonder je bewerkingen te verliezen.
  • Wanneer je het hoofdthema bijwerkt, moet je controleren op wijzigingen in de code die een conflict met jouw child-thema kan opleveren.

Hieronder behandelen we het tweede punt. Maar hoe gebruik je een child-thema om eventuele wijzigingen aan je thema aan te brengen?

  1. Maak een child-thema aan, met een stylesheet en een function-bestand waarin je de stijlen van het hoofdthema ophaalt.
  2. Bepaal welke bestanden in het hoofdthema je wil bewerken.
  3. Wanneer de bestanden die je wil bewerken het function.php-bestand of de stylesheet zijn, kopieer deze dan niet, maar voeg in plaats daarvan jouw nieuwe code toe aan de stylesheet en het function.php bestand dat je al in het onderliggende thema hebt gemaakt.
  4. Als de thema’s, die jij wil bewerken, template-bestanden zijn of andere bestanden zijn, maak dan een kopie van die bestanden in het child-thema en kopieer ze vanuit het hoofdthema. Kopieer ze met dezelfde bestandsstructuur, dus als het loop.php-bestand bijvoorbeeld in de child-thema-map/includes/loop.php staat, kopieer deze dan naar child-thema-map/includes/loop.php.
  5. Bewerk daarna de bestanden in het child-thema.
  6. Activeer het child-thema in de WordPress admin, in plaats van het hoofdthema.

En dat is alles! Het enige extra werk is het maken van het child-thema, wat je niet veel tijd kost. Wanneer je nu wijzigingen in het thema moet aanbrengen, bewerk je gewoon het child-thema. Op die manier verliest je jouw werk niet wanneer je het hoofdthema bijwerkt.

Hoe update je een WordPress-thema op een WooCommerce-website

Als je WooCommerce gebruikt, heb je jouw thema mogelijk moeten bewerken om het compatibel te maken met WooCommerce.

Dit is alleen nodig wanneer je een versie van WooCommerce gebruikt vóór versie 3.3. Het advies van het team van WooCommerce is om de plugin te upgraden en dan zul je merken dat je de extra code in je thema niet nodig hebt om compatibiliteit te garanderen.

Maar als je om de een of andere reden niet in staat bent om bij te werken naar de huidige versie van WooCommerce (iets wat ik niet aanbeveel), moet je de wijzigingen die je in jouw thema hebt aangebracht naar een child-thema kopiëren voordat je het thema bij kunt werken.

Je kan dit op twee manieren doen:

  • Wanneer je de functie woocommerce_content() hebt toegevoegd aan een woocommerce.php-bestand dat je in jouw thema hebt gemaakt, kopieer je dat bestand gewoon naar een child-thema, waarbij je het huidige thema als hoofdthema gebruikt.
  • Als je WooCommerce-hooks hebt gebruikt, kopieer dan de code van het function.php bestand van jouw thema naar het function-bestand van jouw child-thema. Kopieer niet het hele bestand; alleen die code.

Een vaker voorkomend scenario is wanneer je extra template-bestanden aan het thema hebt toegevoegd om de template-bestanden van WooCommerce te vervangen. Dit is iets dat relevant is bij elke versie van WooCommerce.

Wanneer je dit hebt gedaan, moet je een child-thema maken en die templates vervolgens naar jouw child thema kopiëren. Zorg ervoor dat je dezelfde bestandsstructuur hanteert als in het hoofdthema. Activeer vervolgens het child-thema volgens bovenstaande instructies. Test het en werk vervolgens het hoofdthema bij.

Nadat je dit hebt gedaan, moet je grondiger testen dan op een site zonder winkel. Naast het testen van de algemene aspecten van jouw site (zie hierboven), moet je ook de werking van de winkel testen. Test de homepage van je winkel; de productcategorie-pagina’s; de individuele productpagina’s; en het betalingsproces. Zorg ervoor dat alles werkt zoals het hoort voordat je de wijzigingen doorstuurt naar de live site.

Samenvatting

Je weet nu waarom het belangrijk is om je WordPress-thema up-to-date te houden en, belangrijker nog, hoe je deze op verschillende manieren kan updaten. Een bijgewerkt thema is veiliger, compatibel met de WordPress-core en profiteert van nieuwe features.

Maar het is belangrijk om het updaten wel goed te doen! Maak altijd een back-up voordat je een update uitvoert (je hoeft je bij Kinsta hierover geen zorgen te maken), test eerst binnen jouw testomgeving en pas daarna pas de wijzigingen toe op je live site.

Wanneer je werkt met een door jou gewijzigd thema, dan moet je een aantal extra stappen uitvoeren. Maak eerst een child-thema aan en voeg eventuele wijzigingen toe die je hebt aangebracht of nog moet aanbrengen. Op die manier gaan jouw wijzigingen niet verloren wanneer je het hoofdthema bijwerkt.

Rachel McCollin

Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.