WordPress 3.5 Elvin

De nieuwe media flow in WordPress en hoe verder24 Januari 2013

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

WordPress 3.5 in het kort

949 tickets opgelost voor 3.5

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()

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()

Media bibliotheek redesign

Nieuwe media dialog

Drag en drop over gehele scherm

Een 100 keer betere manier om een galerij aan te maken

Galerij eenvoudig te bewerken

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

Gallerij aan de front-end

Dat was leuk maar er is iets wat belangrijker is

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

Maar wat houd Imagick in?

GD

Imagick

Kans op blije klanten doorbetere kwaliteit afbeeldingen

$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

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

WPThumb

https://github.com/humanmade/WPThumb

• Veel gebruikte plugin om custom image sizes te cachen

• Gebruikte eerst PHPThumb hiervoor maar nu WP_Image_Editor

What’s next for core

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

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

Bedankt! Vragen?

• markoheijnen.com

• @markoheijnen

• nl.linkedin.com/in/markoheijnen