De nieuwe media flow in WordPress en hoe verder

2,538 views

Published on

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.

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

  • Be the first to like this

No Downloads
Views
Total views
2,538
On SlideShare
0
From Embeds
0
Number of Embeds
1,464
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

De nieuwe media flow in WordPress en hoe verder

  1. 1. WordPress 3.5 ElvinDe nieuwe media flow in WordPress en hoe verder 24 Januari 2013
  2. 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. 3. WordPress 3.5 in het kort
  4. 4. 949 tickets opgelost voor 3.5
  5. 5. 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()
  6. 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. 7. Media bibliotheek redesign
  8. 8. Nieuwe media dialog
  9. 9. Drag en drop over gehele scherm
  10. 10. Een 100 keer betere manier om een galerij aan te maken
  11. 11. Galerij eenvoudig te bewerken
  12. 12. Een simpele variant om aan te geven waar de galerij geplaatst is
  13. 13. Gallerij aan de front-end
  14. 14. Dat was leuk maar er is iets wat belangrijker is
  15. 15. 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
  16. 16. Maar wat houd Imagick in?
  17. 17. GD
  18. 18. Imagick
  19. 19. Kans op blije klanten doorbetere kwaliteit afbeeldingen
  20. 20. 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 );}
  21. 21. Voorbeelden wat je met WP_Image_Editor kandoen 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 );
  22. 22. WPThumb https://github.com/humanmade/WPThumb• Veel gebruikte plugin om custom image sizes te cachen• Gebruikte eerst PHPThumb hiervoor maar nu WP_Image_Editor
  23. 23. What’s next for core
  24. 24. 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
  25. 25. 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
  26. 26. Bedankt! Vragen?• markoheijnen.com• @markoheijnen• nl.linkedin.com/in/markoheijnen

×