At this presentation at WordCamp Norway I discussed the new media flow in WordPress 3.5 and how you can use it to do really awesome stuff.

1. The awesome things you WordCamp Norway
January 26, 2012
can do with images Marko Heijnen

2. Who am I?
• Marko Heijnen
• WordPress and mobile developer
• WordPress contributor of 3.0, 3.3, 3.4 and 3.5
• Recent rockstar of 3.4
• Co author of the new image manipulation code - WP_Image_Editor
• Love to hack around in WordPress

3. So let’s talk about 3.5(.1) for a bit

4. Features
• Media library redesign • Taxonomy metaboxes are smaller
with a few items
• TwentyTwelve
• Admin column for taxonomies
• Links are removed
• Orderen on IDs in 'post__in'
• New welcome screen
• Default PHP limit of 40 MB
• New color picker
• WP_Post class
• Favorite plugins
• XML-RPC default on
• oEmbed support for SoundCloud,
Slideshare en Instagram • WP_Image_Editor class
• HiDPI Dashboard • Multi site improvements like
switch_to_blog()

5. Features
• Media library redesign • Taxonomy metaboxes are smaller
with a few items
• TwentyTwelve
• Admin column for taxonomies
• Links are removed
• Orderen on IDs in 'post__in'
• New welcome screen
• Default PHP limit of 40 MB
• New color picker
• WP_Post class
• Favorite plugins
• XML-RPC default on
• oEmbed support for SoundCloud,
Slideshare en Instagram • WP_Image_Editor class
• HiDPI Dashboard • Multi site improvements like
switch_to_blog()

6. Media library redesign
Complete rewrite in 3.5

7. Media bibliotheek redesign

8. We all know the ugly box before 3.5

9. New media dialog

10. A huge drag en drop area

11. A 1000 times better way to create a gallery

12. Changing a gallery is just easy now

13. And you see a simple representation of the gallery now

14. Gallery on the front-end

15. Little demo
https://gist.github.com/4635255

16. That was fun but there is
something we are missing

17. WP_Image_Editor
The backend API that we now have for manipulating images

18. WP_Image_Editor
• No more GD
• You can now use Imagick (core)
or Gmagick (plugin)
• Possible to change the quality
of PNG’s too
• Possible to change the mime
type if needed

19. But what is Imagick?

20. GD

21. Imagick

22. So happy clients who are using
high quality pictures

23. Code example
$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' );
}

24. WP_Image_Editor examples
Midden crop Links boven Midden crop met
$editor->resize( 300, 300, true ); $editor->crop( 0, 0, 300, 300, rotatie en flip
300, 300, false ); $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 );

25. WPThumb
https://github.com/humanmade/WPThumb
• Used a lot for caching custom image sizes
• Previous it was using PHPThumb but now it’s using WP_Image_Editor

26. What’s next for core

27. WP_Image
• A way to retrieve a WP_Image_Editor by attachment ID
• Creating custom images and saved them in the image meta data
• Hopefully it helps out one day to not create images on the fly

28. A better image editor
• A popup to change an image
• No more opening a new venster from the new image dialog
• The image editor should be extendable
• Better ways to say on which image size it should apply
• Be able to use image filters. No Instagram anymore but just WordPress for all
your images

29. And yes I got something to show you

30. Thanks for listening!
Any questions?
• markoheijnen.com
• @markoheijnen
• nl.linkedin.com/in/markoheijnen