WP Media Tools for Creatives

WordPress Media Tools for Creatives

I’m Denise Williams and I can be found at @lettergrade

Images and Galleries, Audio and Video, Caring and Sharing

Where do thefeatures live? .ORG, .COM, EMBEDS AND PLUGINS

Images andgalleries HOST YOUR OWN OR EMBED LIKE A CHAMP

Audio and video HOW TO PLUG FOR OPTIMUM PLAY

Portfolios CURATE YOUR OWN COLLECTION

Caring,sharing EXTENDING YOUR CONTENT REACH

UNDERSTANDING YOUR OPTIONS

Download slides with full urls: www.slideshare.net/lettergrade

Content and custom

websites (Tables!)

Skateboard magazines

Alt-weekly newspapers

Corporate magazines

and websites

iPad Newsstand and Google Play

publicationsContent and

custom websites (WordPress!)

Happiness Engineer on Jetpack and

WordPress.com

1997 2014

My whole career, I’ve been helping content producers make stuff

Where? Why?PLATFORMS AND NETWORKS

Flickr: Give us all of your images!

WHY DO I NEED MY OWN WEBSITE?

• social networks come and go, but pages indexed by search engines last forever

• no surprises about how your work can be used

• find a hosting provider with terms of service that reflect your values (and a dispute resolution track record to match)

• control how your work is displayed, and represent your branding, business, and creative persona

Where/why? Images Audio/Video Caring/SharingPortfolios

“He walks in flanked by half a dozen sexy female soldiers inspired by the Janet Jackson Rhythm Nation video.”

Know which networks will respect copyright and abuse process.

WHY DO I NEED MY OWN WEBSITE?

• social networks come and go, but pages indexed by search engines last forever

• no surprises about how your work can be used

• find a hosting provider with terms of service that reflect your values (and a dispute resolution track record to match)

• control how your work is displayed, and represent your branding, business, and creative persona


WordPress.org: Choose your own host! (And pay for it.) Customize at will!

WordPress.com: Free hosting, snazzy features. Less freedom to customize.

Add features to WordPress.org sites with free plugins from the repository.

Install the Jetpack plugin to add .com features to your self-hosted .org site.

WHERE DO FEATURES COME FROM?

• WordPress.org core features, included in the software

• plugin repository for individual plugins to add features to self-hosted sites

• WordPress.com-hosted sites come with extra features built in

• the Jetpack plugin offers some of those WordPress.com features to self-hosted sites


Kristin Hersh is the best.

CASH Music is a nonprofit offering open source digital tools to artists.

FANSITE: Kristin Hersh, of Throwing Muses, 50 Foot Wave, and CASH Music

Images and GalleriesHOSTING, EMBEDDING, DISPLAYING

WORDPRESS.ORG IMAGE FEATURES

• Media Library image management

• Drag and drop images from the post editor

• Light image editing tools

• Basic gallery shows image thumbnails

• Options: order, number of columns, the destination link

• Embeds of approved image services


TAH-DAH! The gallery included in core WordPress is pretty basic.

Core WordPress allows you to change destination link and # of columns.

Lookit! It’s a Flickr image kindly shared with Creative Commons licensing.

Paste the url of the Flickr page…

A full list of embed-enabled services can be found in the Codex.

Search the plugins repository for additional gallery display functionality.

IMAGES AND GALLERY PLUGINS

NextGEN Gallery Powerhouse gallery plugin with upload management, editing, and display and slideshow styles that offer lightbox and transition effects. Also offers ability to add watermarks.

WP Photo Album Plus A lot of the slideshow and display features you’d expect, plus a ton of related widgets and some search, commenting, and rating features designed specifically for these galleries.

Awesome Flickr Gallery Load whole galleries of photos from your Flickr account.


WordPress.com sites have built-in fancy image features.

.COM IMAGES AND GALLERIES

• All the native WordPress.org functionality plus…

• Tiled galleries in a number of different styles

• Carousel slideshow

• Image and gallery widgets for sidebars

• Network widgets (Instagram, Flickr, etc)


The gallery included in core WordPress is pretty basic.

Square tile galleries at WordPress.com

Circle tile galleries at WordPress.com

Tiled mosaic galleries at WordPress.com

The WordPress.com Carousel for gallery display

IMAGE FEATURES IN JETPACK

• Tiled Galleries

• Carousel

• Gallery Widget

• Photon Image Delivery


Audio and VideoHOW TO PLUG FOR OPTIMUM PLAY

YouTube and Vimeo urls can be copy/pasted and will work automatically.

Embed a SoundCloud track or playlist simply by pasting its url in your post.

Save mp3s to your WordPress.org media library and offer them as playlists.

AUDIO AND VIDEO PLUGINS

Compact WP Audio Player

Alternate audio player that’s responsive and mobile-friendly.

Yendif Player

Adds subtitle support, playlists, custom upload interface.

CASH Music Platform Connection

Allows you to insert CASH Music tools via shortcode.


Some networks like Bandcamp have customized their embeds for .com

Playlist and video functionality is similar, but you’ll need to upgrade hosting.

.com offers themes specifically designed for musicians and videographers.

PortfoliosTHE WORDPRESS.COM PORTFOLIO POST TYPE

Caring, SharingEXTENDING YOUR CONTENT REACH

SHARING PLUGINS

Pinterest “Pin-It” Button

Includes buttons on site as well as enhanced pinning features.

Tweetable Shortcode (Pro)

Allows you to choose powerful sentences inside your posts and make them tweetable with a click.

Social Media Feather

Easy sharing icons for many social networks, with add-on effects.


Plugin: Social Media Feather

.COM SOCIAL FEATURES

• Publicize

• Sharing buttons

• Social media display widgets

• Reblog button

• The WordPress.com Reader

• Subscriptions


Settings > Sharing gives access to Publicize and Sharing features.

WordPress.com sharing buttons show up at bottom of content.

The WordPress.com Reader

JETPACK SOCIAL FEATURES

• Publicize

• Sharing buttons

• Social media display widgets

• Subscriptions


I’m Denise Williams and I can be found at @lettergrade

Thank you! www.slideshare.net/lettergrade

lettergrade.ca twitter.com/lettergrade

automattic.com wordpress.org wordpress.com wordpress.org/plugins jetpack.me

WordPress.org Resources http://codex.wordpress.org/Embeds http://codex.wordpress.org/Audio_Shortcode http://codex.wordpress.org/Video_Shortcode

Plugins http://wordpress.org/plugins/nextgen-gallery/ http://wordpress.org/plugins/wp-photo-album-plus/ http://wordpress.org/plugins/awesome-flickr-gallery-plugin/ http://jetpack.me/support/tiled-galleries/ http://jetpack.me/support/carousel/ http://jetpack.me/support/extra-sidebar-widgets/gallery-widget/ http://jetpack.me/support/photon/ http://wordpress.org/plugins/compact-wp-audio-player/ http://wordpress.org/plugins/yendif-player/ http://wordpress.org/plugins/cash-music-platform-connection/ http://wordpress.org/plugins/pinterest-pin-it-button/ http://tweetable.handypress.io/ http://wordpress.org/plugins/social-media-feather/

LINKS AND CREDITS

WordPress.com Resources http://en.support.wordpress.com/space-upgrade/ http://en.support.wordpress.com/videopress/ http://jetpack.me/support/videopress/ http://en.support.wordpress.com/wordpress-com-for-music/ https://wordpress.com/themes/filter/music/

Dispute Resolution http://transparency.automattic.com/2014/09/01/sorry-ms-jackson/ https://www.eff.org/pages/who-has-your-back-copyright-trademark-2014

Kristin Hersh is the best twitter.com/kristinhersh kristinhersh.com kristinhersh.cashmusic.org cashmusic.org

Creative Commons Licensing http://creativecommons.org http://creativecommons.ca

Credits for sample site images presented in accordance with Creative Commons (and with thanks!)

https://www.flickr.com/photos/ziowoody/431526511 https://www.flickr.com/photos/125645780@N07/15333418951 https://www.flickr.com/photos/bsearles/6389699501 https://www.flickr.com/photos/bsearles/518546751 https://www.flickr.com/photos/lfletcher/245146426 https://www.flickr.com/photos/jamesyeramian/158407725 https://www.flickr.com/photos/lfletcher/120040188 https://www.flickr.com/photos/lfletcher/87132155