Wat er met je afbeeldingen gebeurt<\/h2>\n
Voordat we je gaan uitleggen hoe je thumbnails opnieuw genereert in WordPress, is het essentieel om te begrijpen hoe WordPress omgaat met afbeeldingen en afbeeldingsafmetingen<\/a>.<\/p>\n WordPress bevat instellingen die automatisch afbeeldingen bijsnijden wanneer je ze uploadt. Deze instellingen kan je vinden in het beheerdersdashboard onder Instellingen > Media<\/strong>.<\/p>\n Op de pagina Media-instellingen<\/strong> kan je “Thumbnailgrootte”, “Gemiddelde afmeting” en “Grote afmeting” vinden. Hier kan je het aantal pixels voor elk ervan bijwerken.<\/p>\n Vergeet niet om onderaan de pagina op Wijzigingen opslaan<\/strong> te klikken als je de afmetingen hebt bijgewerkt.<\/p>\n Hier zijn de standaardafmetingen:<\/p>\n Houd er rekening mee dat het thema dat jij gebruikt<\/a> mogelijk specifieke afmetingen heeft voor afbeeldingen. Deze overschrijven de instellingen op de Media-instellingen<\/strong> pagina. Als je overschakelt naar een nieuw thema<\/a>, worden deze instellingen bijgewerkt naar de afmetingen die het nieuwe thema gebruikt.<\/p>\n Maar oudere afbeeldingen die je eerder hebt ge\u00fcpload, worden hierdoor niet be\u00efnvloed.<\/p>\n En dit kan wel eens voor problemen zorgen. Je zal dus de afbeeldingen die je al eerder hebt ge\u00fcpload<\/a>, moeten kunnen aanpassen, zodat ze overeenkomen met de afmetingen van het nieuwe thema. Maar helaas zijn er geen instellingen waarmee je dit kan doen.<\/p>\n De oplossing? Je zal thumbnails moeten regenereren, zoals ze dit zo mooi noemen.<\/p>\n\n Voordat we gaan kijken naar hoe je thumbnails in WordPress regenereert, is het belangrijk om de verschillende manieren te bespreken waarop je in het WordPress dashboard<\/a> de afmetingen van afbeeldingen kan wijzigen.<\/p>\n Maar wellicht nog belangrijk om op te merken, is dat deze oplossingen niet noodzakelijkerwijs de afmetingen van oude afbeeldingen wijzigen. Je zal dus nog steeds WordPress moeten openen en de thumbnails moeten regenereren, zonder de hulp van een plugin of met behulp van een.<\/p>\n Als je de afmeting van een thumbnail of afbeelding wil wijzigen, zijn er drie manieren om dit te doen:<\/p>\n Omdat je WordPress thema<\/a> de standaard afbeeldingsafmetingen kan wijzigen, kan je ervoor kiezen om van thema te wisselen. Ook kan je kijken of er instellingen beschikbaar zijn die specifiek opgesteld zijn voor het aanpassen de afbeeldingsafmetingen.<\/p>\n Elk thema is weer anders, dus zorg ervoor dat je de bijbehorende documentatie raadpleegt om te zien of er een manier is om de afbeeldingsgroottes binnen je thema te wijzigen zonder een ander thema te installeren<\/a>.<\/p>\n Ook kan je ervoor kiezen om een child-thema aan te maken<\/a> of de afbeeldingsafmetingen met PHP code<\/a> te wijzigen.<\/p>\n Een andere optie is om de grootte van je afbeeldingen te wijzigen door ze bij te snijden (croppen) in de Mediabibliotheek<\/strong>.<\/p>\n Ga je Media > Bibliotheek<\/strong> in het WordPress beheerdersdashboard.<\/p>\n Klik vervolgens op een weergegeven afbeelding waarvan je de afmetingen wil wijzigen.<\/p>\n In de pop-over klik je vervolgens op de knop Afbeelding bewerken<\/strong>.<\/p>\n Hier heb je verschillende mogelijkheden om de afbeelding te bewerken.<\/p>\n Je kan op de afbeelding klikken en je muis over de afbeelding slepen. Hiermee selecteer je een gebied dat je wil behouden. Je kan nu de muisknop weer loslaten. Klik nu op Bijsnijden<\/strong>.<\/p>\n Als je de afbeeldingen nauwkeuriger wil bijsnijden, dan kan je de beeldverhouding aanpassen door de gewenste verhouding in te voeren.<\/p>\n Je kan bijvoorbeeld 1:1 om een vierkant te maken of je kan 4:3, 16:9 of elke andere gewenste verhouding gebruiken.<\/p>\n Houd vervolgens de shift-toets in gedrukt terwijl je met je muis over de afbeelding sleept. Laat los als je het deel van de afbeelding hebt geselecteerd dat je wil behouden. Je kan erop klikken en de selectie verplaatsen zodat je het exacte deel van de afbeelding kan bijsnijden dat je nodig hebt.<\/p>\n Ook kan je op de hoeken van de klikken en slepen als je in eerste instantie niet de afbeeldingsgrootte kreeg die je wilde.<\/p>\n Ook kan je een selectie maken en vervolgens de exacte gewenste grootte van de afbeeldingen in pixels invoeren in het veld Selectie<\/strong> onder Afbeelding bijsnijden<\/strong> aan de rechterkant.<\/p>\n Als je klaar bent, klik op Bijsnijden<\/strong> en vervolgens op de knop Opslaan<\/strong>.<\/p>\n Als je de afbeelding liever een andere afmeting geeft in plaats van deze bijsnijdt, dan kan je in de instellingen aan de rechterkant de afbeelding schalen.<\/p>\n Voer de gewenste grootte van de afbeelding in en klik op Schalen<\/strong>.<\/p>\n Onder Thumbnail-instellingen<\/strong> kan je kiezen op welke standaard afbeeldingen je de wijzigingen wil toepassen.<\/p>\n Je kan ervoor kiezen om ze toe te passen op:<\/p>\n Dit is met name handig als je slechts een of twee afbeeldingen wil bewerken, maar als je de afmetingen van al je afmetingen<\/a> wil wijzigen, dan kan je dit beter via de instellingenpagina doen.<\/p>\n Ga in je beheerdersdashboard naar Instellingen > Media<\/strong>.<\/p>\n Voer de nieuwe afmetingen in die je wil voor alle thumbnails, gemiddelde afmetingen of grote afmetingen. Voer de gewenste breedte en hoogte in voor slechts \u00e9\u00e9n type afbeelding of, indien nodig, voor alle afbeeldingen.<\/p>\n Als je de afmetingen van thumbnails aan wil passen naar een afmeting dat niet in verhouding is, selecteer dan het vakje Thumbnail aanpassen aan vermelde afmetingen<\/strong> die je onder de sectie Thumbnailgrootte<\/strong> vindt.<\/p>\n Vervolgens kan je het vakje Uploads bewaren in mappen op basis van maand en jaar<\/strong> selecteren als je niet wil dat al nieuwe afbeeldingen ongeorganiseerd in de uploads map<\/a> terecht komen.<\/p>\n Wanneer je tevreden bent met je wijzigingen, klik je op Wijzigingen opslaan<\/strong> knop onderaan de pagina.<\/p>\n Nadat je deze instellingen hebt gewijzigd of van thema hebt gewisseld, moet je de thumbnails regenereren die nog niet zijn bijgewerkt op het openbare gedeelde van je site – zoals we eerder al aangaven.<\/p>\n Een van de makkelijkste manieren om dit te doen is door de gratis WordPress plugin Regenerate Thumbnails<\/a> te gebruiken, waarmee je makkelijk eerde ge\u00fcploade afbeeldingen bijwerkt.<\/p>\n Deze plugin is ook compatibel met WooCommerce<\/a>.<\/p>\n Installeer en activeer<\/a> om te beginnen de plugin Regenerate Thumbnails.<\/p>\n Ga vervolgens naar Gereedschap > Regenerate Thumbnails<\/strong>, waar je alle instellingen vindt voor WordPress afbeeldingen.<\/p>\n Standaard is de optie Skip regenerating existing correctly-sized thumbnails<\/strong> aangevinkt. Schakel dit selectievakje uit om de plugin Regenerate Thumbnails alle afbeeldingen aan te laten passen.<\/p>\n Als je wil besparen op serverresources, laat je deze aangevinkt.<\/p>\n Dit wordt aanbevolen als je al enkele afbeeldingsafmetingen hebt bijgewerkt, bijvoorbeeld via je thema. Ook kan je ervoor kiezen om het vakje eronder aan te vinken om oude thumbnailbestanden te verwijderen voor oude niet-geregistreerde afmetingen (Delete thumbnail files for unregistered sizes<\/strong>). Hiermee wordt er ruimte op je server vrijgemaakt<\/a>.<\/p>\n Zorg ervoor dat je zeker weet dat je deze afbeeldingen niet nodig hebt, voordat je deze instelling kiest. Als sommige van deze afbeeldingen in gebruik zijn op je site en je selecteert deze optie, dan worden ze verwijderd<\/strong> en niet langer op je site weergegeven. Bezoekers krijgen dan een niet-werkende afbeelding te zien.<\/p>\n Mogelijk wil je ook naar het vakje Update the content of posts to use the new sizes<\/strong> aanvinken, als je wil dat afbeeldingen die je momenteel gebruikt in je berichten, worden bijgewerkt.<\/p>\n Nadat je de gewenste opties hebt gekozen, klik je op de knop Regenerate Thumbnails<\/strong>, om de thumbnails, gemiddelde, grote en nieuwe bestandsgroottes opnieuw te genereren.<\/p>\n Wacht vervolgens tot het proces is voltooid. Afhankelijk van het aantal afbeeldingen dat je op je site hebt, kan dit even duren. Pak gerust een bakje koffie of glas water terwijl je wacht. Het duurt meestal maar een paar minuten voor grotere websites op een high-performance server<\/a>.<\/p>\n Je ziet het bericht “All done!” wanneer het proces is voltooid.<\/p>\n Dat was het.<\/p>\n Je thumbnails en afbeeldingen zouden nu opnieuw gegenereerd moeten worden.<\/p>\n Als alternatief kan je de plugin Force Regenerate Thumbnails<\/a> gebruiken. Zoals de naam aangeeft, forceert het de regeneratie van thumbnails door oude afbeeldingsafmetingen te verwijderen, wat WordPress dwingt om de afbeeldingen opnieuw te genereren. De plugin is ook compatibel met WooCommerce online winkels.<\/p>\n Houd er rekening mee dat deze plugin – op het moment van publicatie – al 3 grote releases niet is bijgewerkt, dus gebruik deze met de nodige voorzichtigheid. Zorg dat je deze in een staging<\/a> of lokale testomgeving<\/a> test, voordat je het op je live site gebruikt.<\/p>\n De reden waarom je deze plugin zou moeten gebruiken in plaats van de plugin Regenerate Thumbnails, is dat de laatstgenoemde alleen de grootte van de afbeeldingen wijzigt, en dus niet de oude afbeeldingsafmetingen verwijdert, tenzij je deze optie aanvinkt.<\/p>\n Als je hierbij tegen problemen aanloopt, dan kan je Force Regenerate Thumbnails eens proberen.<\/p>\n Om WordPress te dwingen thumbnails te regenereren, moet je de plugin Force Regenerate Thumbnails installeren en activeren.<\/p>\n Ga vervolgens naar Tools > Force Regenerate Thumbnails<\/strong> in het WordPress beheerdersdashboard.<\/p>\n Om alle afbeeldingen met de oude instellingen te verwijderen en WordPress te dwingen thumbnails opnieuw te genereren, klik je op de knop Regenerate All Thumbnails<\/strong>.<\/p>\n Nu moet je even wachten, terwijl je afbeeldingen worden aangepast. Als je een kleinere site hebt, is dit in mum van tijd gebeurd. Voor grotere sites met veel afbeeldingen kan dit een aantal minuten duren.<\/p>\n Er kunnen situaties zijn waarin je niet al je thumbnails opnieuw hoeft te genereren, maar alleen een aantal specifieke. Ook dit kan je doen met de Regenerate Thumbnails plugin. Dit is hoe je dat doet.<\/p>\n Ga naar Media > Bibliotheek<\/strong>. Klik in de rasterweergave op een specifieke afbeelding.<\/p>\n Klik vervolgens aan de rechterkant op de knop Regenerate Thumbnails<\/strong>.<\/p>\n Wanneer je de Mediabibliotheek<\/strong> in de lijstweergave bekijkt, klik je op de link Regenerate Thumbnails<\/strong> nadat je de cursor op de afbeelding hebt geplaatst die je opnieuw wil genereren.<\/p>\n Als je liever geen plugin gebruikt, dan is er een andere oplossing binnen WordPress om zonder plugin thumbnails te regenereren. Je kan dit namelijk ook doen met WP-CLI<\/a>.<\/p>\n Hou er rekening mee dat je toegang moet hebben tot de opdrachtregel van je server<\/a> voor deze optie.<\/p>\n Het opnieuw genereren van thumbnails met WP-CLI is een veel betere optie dan het gebruik van een WordPress plugin omdat het sneller is en niet onderhevig is aan HTTP beperkingen en time-outs<\/a>.<\/p>\n Het basiscommando om thumbnails te regenereren vind je hieronder:<\/p>\n Nadat je het hebt ingevoerd, moet je nu bevestigen dat je alle thumbnails opnieuw wil genereren door op de letter “y” (voor “yes”) op je toetsenbord te drukken.<\/p>\n Zodra je de opdrachtregel hebt opgestart, kan je het volgende commando voor WordPress<\/a> gebruiken om zonder plugin – binnen enkele seconden – thumbnails opnieuw te genereren.<\/p>\n Met deze opdracht worden thumbnails opnieuw gegenereerd zonder dat je dit handmatig hoeft te bevestigen.<\/p>\n Je kan met WP-CLI ook specifieke thumbnails regenereren door gebruik te maken van de ID’s van de afbeeldingen die je wil bijwerken.<\/p>\n Dit is het commando om dat te doen:<\/p>\n Zorg er natuurlijk wel voor dat je de drie voorbeeld ID’s – “12”, “34”, en “567” – vervangt door de daadwerkelijke ID’s van de afbeeldingen die je wil regenereren.<\/p>\n Je kan zoveel ID’s toevoegen als je wil. Zorg er wel voor dat je ze van elkaar scheidt met een spatie.<\/p>\n\n Het kan frustrerend zijn om te zien dat je afbeeldingen<\/a> niet correct worden weergegeven wanneer je van thema wisselt<\/a>.<\/p>\n Gelukkig zijn er twee makkelijke en snelle oplossingen voor WordPress. Het kan met een paar klikken worden gedaan met behulp van de plugin Regenerate Thumbnails. Of je kan WP-CLI gebruiken om het voor elkaar te krijgen – sneller dan de tijd die nodig is om een bakje koffie te zetten.<\/p>\n","protected":false},"excerpt":{"rendered":" Wanneer je van WordPress thema wisselt, kan het zijn dat je bestaande afbeeldingen niet meer de juiste grootte hebben. De oplossing voor WordPress? Thumbnails regenereren. Dit …<\/p>\n","protected":false},"author":125,"featured_media":35131,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[899],"class_list":["post-35119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-plugins"],"yoast_head":"\n![\"WordPress](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/snijdt-automatisch-afbeeldingen-bij.jpg\")
\n
Hoe verander ik in WordPress de afmetingen van thumbnails? (3 methodes)<\/h2>\n
1. De afmetingen van afbeeldingen wijzigingen in je thema<\/h3>\n
2. Afbeeldingen bijsnijden in de mediabibliotheek<\/h3>\n
Stap 1<\/h4>\n
![\"Je](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/afbeeldingsgrootte-wijzigen-mediabibliotheek.jpg\")
![\"Klik](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/knop-onder-afbeelding-deze-bewerken.jpg\")
Stap 2<\/h4>\n
Stap 3<\/h4>\n
![\"Je](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/verschillende-opties-afmetingen-afbeelding-wijzigen.png\")
Stap 4<\/h4>\n
\n
3. De afmetingen van afbeeldingen wijzigen in Media-instellingen<\/h3>\n
Stap 1<\/h4>\n
![\"Hier](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/standaard-afbeeldingsafmetingen-wijzigingen-pagina-media-instellingen.png\")
Stap 2<\/h4>\n
Stap 3<\/h4>\n
Zo regenereer je thumbnails in WordPress<\/h2>\n
Stap 1<\/h3>\n
![\"Ook](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/thumbnails-middelgrote-grote-afbeeldingsafmetingen-opnieuw-genereren.png\")
Stap 2<\/h3>\n
Stap 3<\/h3>\n
Zo forceer je het regenereren van thumbnails<\/h3>\n
Stap 1<\/h4>\n
![\"Je](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/regenereren-thumbnails-forceren-een-klik.jpg\")
Stap 2<\/h4>\n
Specifieke afbeeldingen opnieuw genereren<\/h2>\n
Stap 1<\/h3>\n
![\"Standaard](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/standaard-staat-mediabibliotheek-rasterweergave.jpg\")
Stap 2<\/h4>\n
![\"Je](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/thumbnails-regenereren-bijlagedetails.jpg\")
![\"Klik](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/09\/link-thumbnails-opnieuw-genereren-lijstweergave.png\")
Thumbnails regenereren met WP-CLI<\/h2>\n
wp media regenerate<\/code><\/pre>\nAlle thumbnails regenereren met WP-CLI<\/h3>\n
wp media regenerate --yes<\/code><\/pre>\nSpecifieke thumbnails regenereren met WP-CLI<\/h4>\n
wp media regenerate 12 34 567<\/code><\/pre>\nSamenvatting<\/h2>\n