advertisement

The awesome things you can do with images inside WordPress

50 %
50 %
advertisement
Information about The awesome things you can do with images inside WordPress
Technology

Published on January 27, 2013

Author: markoheijnen

Source: slideshare.net

Description

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

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 of 3.4• Co author of the new image manipulation code - WP_Image_Editor• Love to hack around in WordPress

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

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

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

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 too• Possible to change the mime type if needed

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 ); $image->resize( 300, 300, true ); $image->save( new_image.jpg );}

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

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

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 data• Hopefully it helps out one day to not create images on the fly

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

And yes I got something to show you

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

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

10 Things You can Do with WordPress Besides Blogging - WPCandy

... of things you can do with WordPress that ... image gallery – this is awesome! ... actually create an entire forum inside WordPress ...
Read more

1000 Awesome Things - A time-ticking countdown of 1000 ...

A time-ticking countdown of 1000 awesome things by ... many things you can ... wondering how far our minds go inside. Because when you let ...
Read more

Features — WordPress.com

We think WordPress.com is awesome, ... With some of our favorite features you can learn how to build the site of ... Features to help you publish ...
Read more

9 Awesome Things You Can Do With Google Analytics 5

Here are nine awesome things you can do with Google Analytics 5 that will help you get the most out of ... Those are exactly the same things you can do in V4.
Read more

Manage WordPress with Awesome using wp cli - Technology

Manage WordPress with Awesome using wp-cli talk from WordCamp Vegas 2012.
Read more

Finally! Getting Images to Sit Side-by-Side in WordPress ...

... to sit side-by-side in WordPress? Did it drive you ... two images to sit side-by-side in WordPress? ... You can do essentially the same thing ...
Read more

25+ Extremely Useful Tricks for the WordPress Functions File

Once you upload the image and the functions, ... WordPress 3.0 comes with an awesome menu management system ... One of the ways you can do this is by ...
Read more

Avada | Responsive Multi-Purpose Theme - WordPress ...

Includes the most extensive online documentation you can find ... things like typography put you in ... awesome Re-Order Plugin; Awesome image ...
Read more

X Theme | The Best WordPress Theme of 2016

Achieve virtually any look and layout from within the one and only X WordPress Theme. Stacks allow you ... Now you can, using core WordPress ... things on ...
Read more