Publishing media in Wordpress

Wordcamp Montreal 2010

Geoff Belanger - Ensemble Webgeoffroy@ensembleweb.com

http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress

How I ended up hereGeek Artist

What’s in it for you

• Simple guidelines on how to prepare each type of media for use in Wordpress

• A high-level overview of what can be done with each type of media in Wordpress

• Many links to software, plugins and other goodies

This presentation will give you:

Let’s turn Wordpress into a multimedia powerhouse!

What we’ll see together• Searching for media: Audio, Pictures & Video

• Audio- Capture, Edit & Render- Software- Audio in Wordpress

• Images- Capture, Edit & Render- Software- Images in Wordpress

• Video- Capture, Edit & Render- Software- Video in Wordpress

• Text: Brainstorming & Plugins

Searching for media

• Creative Commons

• Royalty free

• Asking for permission

Searching for audio

• Creative Commons Directories

• Jamendo

• Audio Jungle

Searching for images

• Creative Commons directories

• Fotolia

• Flickr

• Google Images

Searching for videos

• You Tube

• Vimeo

• Daily Motion

• Creative Commons directories

Capturing Audio

• Mobile phone / Recorder

• Laptop & Desktop- Built-in vs soundcard- Webcam- Microphone

• CD

• Goals:- Best audio quality- Hot signal- Mimize background noise

Audio Software

• Audacity

• Garage Band (Mac)

• Music Creator (Pc)

• Free Audio Software

• Bundles

Editing Audio

• Target:- Self-Hosted Audio?- iTunes? Cloud Audio?

• Cutting, Fade-in & Fade-out

• Volume, Gain and Compression

• Goals:- Minimize Variations of Dynamics- Smooth Transitions- Good sound level- Respect zero crossing-points- Keep a backup copy, always

Rendering Audio

• File format:- Mp3- Avoid unpopular formats (wma, rm)

• Resolution- Target devices ? 128 kb/s music, 64 kb/s speech

• File size: as small as possible

Audio in Wordpress• Flash players, except:

Audiobar & Flower

• Cloud audio: Soundcloud

• Continuous play: Streampad

• Background audio: Singsong

• Podcasting: Built-in, Odiogo & Powerpress Podcasting

• Download: WPAudio MP3 player

• Playlist: n3rdskwat MP3 player

• Sidebar: Simplemusic

Capturing Images

• Camera

• Scanner

• Mobile phone

• Screen capture

• Goals:- Get high resolution images- Best lighting possible

Image related Software

• Gimp

• Jing

• Free Graphics Software

• Bundles

Editing Images

• Target:- Gallery? Thumbnail?- Sidebar? In article? Flickr?

• Layers & Assembling

• Cropping & Image size

• Goals:- Do the work outside WP- Keep a backup copy, always

Rendering Images

• File format:- jpeg

• Resolution: - Target devices? Screen = 1024px x768px Image quality = 72 dpi

• File size: - max ≈ 200Kb

Images in Wordpress

• WP built-in image management

• WP image plugins: NextGen Gallery

• Cloud pictures: Flickr

Capturing Video

• Mobile phone

• Ipod nano

• Webcam

• Video & Photo Camera

• Screen capture

• Goals:- Highest possible resolution- Best lighting- Audio signal quality

Video related Software

• iMovie (Mac)

• Movie Maker & Vegas (Pc)

• Free Video Software

• Jing

• Cloud editing

• Bundles

Editing Video

• Target:- Self-Hosting? YouTube?- Facebook?

• Cropping & Splitting: Mac & PC

• Transitions

• Titles: Mac & PC

• Video size

• Check Audio

Rendering Video

• File format:- .mp4 or .avi- Avoid unpopular formats (wmv, rm)

• Resolution: - Target devices?

• File size: - Check your target

Video in Wordpress

• Main content vs plugins

• Embedding- Built-in, Smart YouTube, Viper Quick Tags

• Sidebar: - Daiko’s video widget

• Playlist: - Wordtube & YouTube SimpleGallery

Text in Wordpress

• Getting ready to write in WP: - Freemind

• Advanced text layout:- TinyMCE Advanced

• Tweaking it: CSS & Firebug

• Non-standard Web fonts in Javascript: Cufon

• Creative Commons directories

Thank You!

Questions?

geoffroy@ensembleweb.com

http://www.ensembleweb.com

http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress