Veilig je CSS code nakijken met deze online vergelijk tool

Heb je langere tijd geleden wat CSS code aangepast in je website, maar je weet niet meer wat? En is het nu echt tijd om je theme te updaten, maar je wil je wijzigingen niet kwijt? Kijk dan eens naar deze handige online vergelijk tool!

Als je altijd rechtstreeks in je website hebt gewerkt zonder een child-theme te gebruiken, worden eventuele wijzigingen in je style.css verwijderd bij een update. Om toch veilig te kunnen updaten, is het handig om snel de oude style.css te vergelijken met de nieuwe style.css.

Eventuele wijzigingen die je vindt zijn dan na het updaten makkelijk weer terug te plaatsen.

Let op

De wijzigingen waar ik het over heb zijn bv kleuren, lettertypes en dat soort simpele zaken. Als je bepaalde wijzigingen niet herkent, wees uiteraard voorzichtig.

Zoek het verschil met Diffchecker

Diffchecker is een gratis online tool waarbij je code en teksten kunt vergelijken.

diffchecker

Voor en na

De werking spreekt voor zich. Links in het scherm plak je je huidige CSS code, rechts in het scherm plak je de nieuwe CSS code. Klik op Find Difference! en vervolgens krijg je een overzicht welke code veranderd is.

Zo kun je na je update weer rustig stuk voor stuk je wijzigingen doorvoeren via Weergave – Editor in WordPress. *

diffchecker_vergelijk

Links de CSS code met wijzigingen, rechts de nieuwe ongewijzigde CSS code.

* Voor wie bekend is met een child-theme is dit niet noodzakelijk, aangezien de wijzigingen gewoon meegaan met de updates van het theme.

Conclusie

Ben je huiverig om een child-theme te gebruiken of is jouw theme er niet geschikt voor, dan helpt Diffchecker je snel even uit de brand. Zo kun je toch veilig je theme updaten en de wijzigingen weer terug plaatsen.

Werk jij al met een child-theme? Laat het weten in de comments!

 

 

0 antwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.