![Page 1: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/1.jpg)
WordPress 3.5 Elvin
De nieuwe media flow in WordPress en hoe verder24 Januari 2013
![Page 2: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/2.jpg)
Marko Heijnen
• WordPress and mobile developer
• Gebruiker van WordPress sinds 2006
• WordPress contributor van 3.0, 3.3, 3.4 en 3.5
• Recent rockstar van 3.4
• In 3.5 meegeholpen aan de class WP_Image_Editor
• Daarnaast veel bezig met het hacken van WordPress
![Page 3: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/3.jpg)
WordPress 3.5 in het kort
![Page 4: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/4.jpg)
![Page 5: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/5.jpg)
949 tickets opgelost voor 3.5
![Page 6: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/6.jpg)
Features
• Media bibliotheek redesign
• TwentyTwelve
• Links zijn verdwenen
• Nieuwe welkom scherm
• Nieuwe color picker
• Favoriete plugins
• oEmbed support voor SoundCloud, Slideshare en Instagram
• HiDPI Dashboard
• Taxonomy metaboxes zijn kleiner bij weinig items
• Admin kolom voor taxonomies
• Orderen op basis van IDs in 'post__in'
• Standaard 40 MB limiet
• WP_Post class
• XML-RPC standaard aan
• WP_Image_Editor class
• Multi site improvements zoals switch_to_blog()
![Page 7: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/7.jpg)
Features
• Media bibliotheek redesign
• TwentyTwelve
• Links zijn verdwenen
• Nieuwe welkom scherm
• Nieuwe color picker
• Favoriete plugins
• oEmbed support voor SoundCloud, Slideshare en Instagram
• HiDPI Dashboard
• Taxonomy metaboxes zijn kleiner bij weinig items
• Admin kolom voor taxonomies
• Orderen op basis van IDs in 'post__in'
• Standaard 40 MB limiet
• WP_Post class
• XML-RPC standaard aan
• WP_Image_Editor class
• Multi site improvements zoals switch_to_blog()
![Page 8: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/8.jpg)
Media bibliotheek redesign
![Page 9: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/9.jpg)
![Page 10: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/10.jpg)
Nieuwe media dialog
![Page 11: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/11.jpg)
Drag en drop over gehele scherm
![Page 12: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/12.jpg)
Een 100 keer betere manier om een galerij aan te maken
![Page 13: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/13.jpg)
Galerij eenvoudig te bewerken
![Page 14: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/14.jpg)
Een simpele variant om aan te geven waar de galerij geplaatst is
![Page 15: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/15.jpg)
Gallerij aan de front-end
![Page 16: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/16.jpg)
Dat was leuk maar er is iets wat belangrijker is
![Page 17: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/17.jpg)
WP_Image_Editor
• Geen GD code meer hoeven te gebruiken
• Ook keuze uit Imagick (core) en Gmagick (plugin)
• Mogelijkheid om kwaliteit van non JPEG afbeeldingen te zetten
• Mogelijkheid om de mime type te veranderen
![Page 18: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/18.jpg)
Maar wat houd Imagick in?
![Page 19: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/19.jpg)
GD
![Page 20: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/20.jpg)
Imagick
![Page 21: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/21.jpg)
Kans op blije klanten doorbetere kwaliteit afbeeldingen
![Page 22: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/22.jpg)
$image = wp_get_image_editor( 'cool_image.jpg' );if ( ! is_wp_error( $image ) ) { $image->rotate( 90 ); $image->resize( 300, 300, true ); $image->save( 'new_image.jpg' );}
Code voorbeeld
![Page 23: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/23.jpg)
Midden crop$editor->resize( 300, 300, true );
Links boven$editor->crop( 0, 0, 300, 300, 300, 300, false );
Midden crop metrotatie en flip
$editor->flip( false, true );
$editor->rotate( 30 );
$editor->crop( (1589-(960*0.7))/2, (1472-(1280*0.7))/2, 960*0.7, 1280*0.7, 300, 300, false );
Voorbeelden wat je met WP_Image_Editor kan doen
![Page 24: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/24.jpg)
WPThumb
https://github.com/humanmade/WPThumb
• Veel gebruikte plugin om custom image sizes te cachen
• Gebruikte eerst PHPThumb hiervoor maar nu WP_Image_Editor
![Page 25: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/25.jpg)
What’s next for core
![Page 26: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/26.jpg)
WP_Image
• Een editor kunnen opvragen doormiddel van attachment ID
• Een custom image aanmaken en opslaan in de image meta data
• Het niet meer automatisch genereren van afbeeldingen
![Page 27: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/27.jpg)
Een verbeterde nieuwe image editor
• Een popup om een afbeelding aan te passen
• Niet meer een nieuwe venster openen vanuit de nieuwe media dialog
• Het kunnen uitbreiden van de image editor
• Meer mogelijkheden om aan te geven welke afmetingen je wilt aanpassen
• Het gebruiken van filters. Geen Instagram meer maar WordPress voor je afbeeldingen
![Page 28: De nieuwe media flow in WordPress en hoe verder](https://reader036.vdocuments.net/reader036/viewer/2022081401/55945b011a28ab130c8b458f/html5/thumbnails/28.jpg)
Bedankt! Vragen?
• markoheijnen.com
• @markoheijnen
• nl.linkedin.com/in/markoheijnen