Presentatie tijdens de WordPress meetup in Enschede wat over de nieuwe media flow in WordPress 3.5 gaat. Wat zijn de veranderingen aan de buitenkant maar nog veel belangrijker aan de binnenkant. Tevens een klein inzicht in wat mogelijk gaat komen.

1. WordPress 3.5 Elvin
De nieuwe media flow in WordPress en hoe verder
24 Januari 2013

2. 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

3. WordPress 3.5 in het kort

5. 949 tickets opgelost voor 3.5

6. Features
• Media bibliotheek redesign • Taxonomy metaboxes zijn kleiner bij
weinig items
• TwentyTwelve
• Admin kolom voor taxonomies
• Links zijn verdwenen
• Orderen op basis van IDs in
• Nieuwe welkom scherm 'post__in'
• Nieuwe color picker • Standaard 40 MB limiet
• Favoriete plugins • WP_Post class
• oEmbed support voor SoundCloud, • XML-RPC standaard aan
Slideshare en Instagram
• WP_Image_Editor class
• HiDPI Dashboard
• Multi site improvements zoals
switch_to_blog()

7. Features
• Media bibliotheek redesign • Taxonomy metaboxes zijn kleiner bij
weinig items
• TwentyTwelve
• Admin kolom voor taxonomies
• Links zijn verdwenen
• Orderen op basis van IDs in
• Nieuwe welkom scherm 'post__in'
• Nieuwe color picker • Standaard 40 MB limiet
• Favoriete plugins • WP_Post class
• oEmbed support voor SoundCloud, • XML-RPC standaard aan
Slideshare en Instagram
• WP_Image_Editor class
• HiDPI Dashboard
• Multi site improvements zoals
switch_to_blog()

8. Media bibliotheek redesign

10. Nieuwe media dialog

11. Drag en drop over gehele scherm

12. Een 100 keer betere manier om een galerij aan te maken

13. Galerij eenvoudig te bewerken

14. Een simpele variant om aan te geven waar de galerij geplaatst is

15. Gallerij aan de front-end

16. Dat was leuk maar er is iets wat belangrijker is

17. 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

18. Maar wat houd Imagick in?

19. GD

20. Imagick

21. Kans op blije klanten door
betere kwaliteit afbeeldingen

22. Code voorbeeld
$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' );
}

23. Voorbeelden wat je met WP_Image_Editor kan
doen
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 );

24. WPThumb
https://github.com/humanmade/WPThumb
• Veel gebruikte plugin om custom image sizes te cachen
• Gebruikte eerst PHPThumb hiervoor maar nu WP_Image_Editor

25. What’s next for core

26. 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

27. 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

28. Bedankt! Vragen?
• markoheijnen.com
• @markoheijnen
• nl.linkedin.com/in/markoheijnen