Beschrijving
Media Webp is ontworpen om je te helpen het beheer van webp afbeeldingen op je WordPress site volledig te automatiseren.
Wanneer een compatibele afbeelding wordt geüpload naar je site mediabibliotheek zullen corresponderende webp afbeeldingen worden gegenereerd. Dit geeft je de voordelen van webp afbeeldingen zonder dat je zelf bijpassende afbeeldingen hoeft te onderhouden.
Deze plugin update ook alle bestaande webp afbeeldingen als de bijbehorende bijlage afbeelding wordt gewijzigd via de beheer interface.
Inbegrepen is de optie om deze plugin toe te staan webp afbeeldingen te genereren voor je thema wanneer het actief wordt gemaakt of ook naar wordt overgeschakeld.
De plugin heeft ingebouwde gereedschappen om webp bestanden te genereren van bestaande afbeeldingen in zowel je upload media als de actieve thema mappen.
Om je server in staat te stellen webp afbeeldingen te versturen, moet je een klein blokje code bovenaan je .htaccess bestand zetten. Dit zal je server toelaten om te controleren of de aanvragende browser webp afbeeldingen aanvaardt en/of er een overeenkomstige webp afbeelding is. Volledige instructies zijn beschikbaar op de instellingen pagina.
Wat deze plugin NIET doet
Wijzig alle bestaande afbeeldingen die niet de webp-extensie hebben.
Verwijder alle afbeeldingen die niet de webp extensie hebben.
Wijzig elk .htaccess bestand voor je.
Schermafdrukken
Als de plugin is ingeschakeld, kun je in Chrome (developer tools) zien of de webp-afbeeldingen worden gebruikt. 
Op afbeeldingen waarvan ook een .webpversie aanwezig is zie je dit logo in de linkerbovenhoek. Zowel in een grid- als lijstoverzicht. Je kunt dit uitzetten. 
Als er van een afbeelding (nog) geen .webp-versie is terwijl dat wel mogelijk is, zie je deze knop als je de afbeelding bekijkt/bewerkt. 
Op de hulpmiddelen pagina kan je afbeeldingen genereren van bestaande media voor zowel je upload als thema mappen.
Installatie
- Upload de inhoud van het zip-bestand naar de “/wp-content/plugins/mediawebp” folder.
- Activeer de plugin via het “Plugins” menu in WordPress. De GD php module moet wel ingeschakeld zijn, anders krijg je een waarschuwing.
- Voeg de bijgevoegde code toe aan je .htaccess bestand. Deze vindt je op de instellingenpagina, door op de blauwe cirkel met een witte i in het midden te klikken.
- Genereer dan webp images voor alle bestaande media, inclusief alle compatibele afbeeldingen van het actieve thema, vanuit de plugins tool pagina. Dit kan worden gedaan voor of na het updaten van je .htaccess bestand.
FAQ
- Hoe weet ik of het werkt
-
Je kan controleren of het werkt door Google Chrome te gebruiken om een van je site pagina’s te bekijken die webp-afbeeldingen bevatten. Je kan de ‘web-ontwikkelaars’-opties openen om het ontvangen mediatype naast de afbeelding te controleren. Het zal nog steeds de originele bestandsextensie op de bestandsnaam hebben, dus je moet eventuele caching in je browser wissen.
- Heeft dit invloed op WordPress caching
-
Nee, alles wordt uitgevoerd op je server; het heeft geen invloed op een optimalisatie of caching plugin.
- Zal het werken met CDN’s en of statische inhoud providers
-
Je zal je CDN moeten configureren om het webp afbeeldingstype te serveren, of de webp afbeeldingen rechtstreeks in je CDN map worden opgeslagen zal afhangen van hoe het in WordPress wordt onderhouden. Misschien kan je gewoon de .htaccess snippet opnemen om het te laten werken. Ik zal deze vraag bijwerken zodra ik meer weet.
Beoordelingen
Bijdragers & ontwikkelaars
“Media Webp” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Media Webp” is vertaald in 5 talen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Media Webp” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.0.0
- Media Webp, eerste release.
1.0.1
- Oplossing: kleine oplossingen voor strict modus.
1.0.2
- verbetering: waarschuwing toegevoegd voor het geval de GD library ontbreekt.
1.0.3
- Oplossing (js): nieuw bericht, media toevoegen, mediabibliotheek, pictogram / knop duplicaten oplossing.