The awesome things you    WordCamp Norway                          January 26, 2012     can do with images   Marko Heijnen
Who am I?• Marko Heijnen• WordPress and mobile developer• WordPress contributor of 3.0, 3.3, 3.4 and 3.5• Recent rockstar ...
So let’s talk about 3.5(.1) for a bit
Features• Media library redesign           • Taxonomy metaboxes are smaller                                     with a few...
Features• Media library redesign           • Taxonomy metaboxes are smaller                                     with a few...
Media library redesign   Complete rewrite in 3.5
Media bibliotheek redesign
We all know the ugly box before 3.5
New media dialog
A huge drag en drop area
A 1000 times better way to create a gallery
Changing a gallery is just easy now
And you see a simple representation of the gallery now
Gallery on the front-end
Little demohttps://gist.github.com/4635255
That was fun but there issomething we are missing
WP_Image_EditorThe backend API that we now have for manipulating images
WP_Image_Editor• No more GD• You can now use Imagick (core)  or Gmagick (plugin)• Possible to change the quality  of PNG’s...
But what is Imagick?
GD
Imagick
So happy clients who are using     high quality pictures
Code example$image = wp_get_image_editor( cool_image.jpg );if ( ! is_wp_error( $image ) ) {    $image->rotate( 90 );    $i...
WP_Image_Editor examples        Midden crop                          Links boven                   Midden crop met$editor-...
WPThumb                     https://github.com/humanmade/WPThumb• Used a lot for caching custom image sizes• Previous it w...
What’s next for core
WP_Image• A way to retrieve a WP_Image_Editor by attachment ID• Creating custom images and saved them in the image meta da...
A better image editor• A popup to change an image• No more opening a new venster from the new image dialog• The image edit...
And yes I got something to show you
Thanks for listening!                          Any questions?• markoheijnen.com• @markoheijnen• nl.linkedin.com/in/markohe...
Upcoming SlideShare
Loading in …5
×

The awesome things you can do with images inside WordPress

5,912 views
5,602 views

Published on

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.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,912
On SlideShare
0
From Embeds
0
Number of Embeds
291
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

The awesome things you can do with images inside WordPress

  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 demohttps://gist.github.com/4635255
  16. That was fun but there issomething we are missing
  17. WP_Image_EditorThe 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

×