Dealing with media

71 %
29 %
Information about Dealing with media

Published on July 14, 2013

Author: markoheijnen



WordPress does changed a lot in 3.5 and it has some awesome new functionality. This presentations shows what changed, why it changed and what you can do with it. It also shows some of the complains users have.

Check for more information on WP_Image_Editor

Dealing with media

Me • WordPress core contributor • GlotPress core developer • Recent rockstar of 3.4 • Co author of WP_Image_Editor • Working a lot with media • Hacking plugins together

Sometimes you need to make a change WordPress 3.5 did that for media

WordPress 3.5 • New media manager • Ability for multiple galleries • Insert multiple images • Rewrite of backend API • Support for ImageMagick

Old media manager

New media manager

Drag and drop


Edit the gallery

Demo - gallery

A lot of changes at once

Complains • Opening media dialog shows library instead of upload screen • Adding a featured image is more convoluted • Inputting meta data has become more difficult • Gallery sorting for the shortcode dissappeared • General response of not working due to plugins breaking stuff

How can we make it better?

Work together with the WordPress UI team

Extend it with plugins • Media tags (taxonomies) • Faster image insert • Multimedia box • Media folders (dev)

Faster image insert

Multimedia box

Media folders

Features • Ability to put media into folders • Show folders on media page • Drag & Drop support

Still missing • Better way to change the folder name • Media dialog tab • Gallery folder support • Upload straight into a folder

Demo - Media folders

How to

// Create the media frame. image_frame = ={ // Set the title of the modal. title: $'choose'), // Tell the modal to show only images. library: { type: 'image' }, // Customize the submit button. button: { // Set the text of the button. text: $'update') } });;

// If the media frame already exists, reopen it. if ( image_frame ) {; }

Magic function when loading all WordPress related code wp_enqueue_media()

So we talked about media in general

Dealing with images

Dealing with images • Having multiple image sizes • Making changes • But you can have issues like: • Weird color differences • Missing information in sizes

Using add_image_size ()

$awesome = new WP_Image_Editor

$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' ); }

Midden crop $editor->resize( 300, 300, true ); Links boven $editor->crop( 0, 0, 300, 300, 300, 300, false ); Midden crop met rotatie 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 ); More examples

Using this code in your own plugin Look at what WPThumb has done

WP_Thumb • • On demand image resizing for WordPress • Automatic images resizing, cropping and caching. • Ideal for when you want to change the dimensions of default image sizes.

WP_Image • • WP_Image_Editor layer for attachments • add_image_size() • store_image() • get_editor() • get_meta_data()

As mentioned not just a big refactoring of the codebase

ImageMagick & GraphicMagick support The improvement photographers will like

The difference

Plugins • GD-Image-Editor • are-up-here • editor •

Image editor The one thing that didn’t got changed in 3.5

A better image editor • A popup to change an image • No more opening a new venster from the new image dialog • Better ways to say on which image size it should apply • The image editor should be extendable • Be able to use image filters for example. No Instagram anymore but just WordPress for all your images

Demo - My editor playground

Dealing with video/audio

Dealing with Video/Audio • Core support in 3.6 • MediaElement.js • [video width="600" height="480" mp4="source.mp4" ogv="source.ogv" webm="source.webm"] •

Thanks for listening! Any questions? • • @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

Tips on Dealing with the Media - The Leadership Conference ...

Tips on Dealing with the Media. Some of your campaign spokespeople may be old pros at dealing with reporters, others may be less experienced. Here are some ...
Read more

Media Toolbox: Dealing with the Media -

G D R C Special Feature: Almost everyone in todays world have to interact with the mass media - either as passive recepients of information, or as active ...
Read more

Dealing with the Media Training - Illumine Training

Dealing with the Media training is ideal if you need to get a message across, using radio, TV, newspapers; promoting services or protecting an image.
Read more

Tips for Effectively Dealing With the Media

Tips for Effectively Dealing With the Media Prepare. If you are the right person to answer the journalist’s questions, think of the one or ...
Read more

Tips for dealing with the media -

TIPS FOR DEALING WITH THE MEDIA IN A CRISIS When a crisis happens, the media can be a useful tool for disseminating accurate and timely information.
Read more

Five classic mistakes to avoid when dealing with the media ...

Five mistakes to avoid when dealing with the media. Courtesy navigation. More Donuts; Search. Search this site . Experts; Tools; Blog; Vouchers; Home; PR;
Read more

Dealing with the media - Internet Archive

Search the history of over 487 billion pages on the Internet. search Search the Wayback Machine
Read more

Dealing With Media | LinkedIn

View 4731 Dealing With Media posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more


Read more