wordpress media and images

OverviewWhat media can you use?

Where can you use it?

How do you get it on your site?

Editing tools

Best practices

Types of Media

Images

Video

Audio Files

Documents

Media PlacementSite header and logo

Background

Favicon

Posts and pages

Icons, buttons, & other elements

Media SourcesCreate your own - you hold the copyright

Pay for it - you purchase permission to use

Ask for it - like “borrowing” a cup of sugar

Free sources - pay attention to usage restrictions!

Photo Credits For Upcoming Examples:

Exercise: Download Images

Adding Media To Your Site

Media Library

Where all the media uploaded

to your site lives.

Exercise: Upload Images to the Media Library & Edit

Adding Media to Posts & Pages

Exercise: Add Images To Posts

From URL

Media Upload

From Media Library

Modifying Images Within A Post or Page

Exercise: Modify An Image In Your Post

Creating Image Galleries

Exercise: Create An Image Gallery

Adding Captions & Links

Exercise: Add Image Captions & Links

Embedding Media

Borrowing media from somewhere else to display on your site.

AutoMagic Embeds

YouTube, Vimeo, Instagram, Twitter, WordPress.tv, Spotify, SoundCloud, Flickr, and many more.

Full list: https://codex.wordpress.org/embeds

Insert From URL

Insert Using Embed Code

Same Result

Exercise: Embed Media in a Post

Media Settings

Featured Images & Thumbnails

Tools to Edit & OptimizePhotoshop & GIMP

Canva & PicMonkey

WordPress Editor

iMovie / Windows Movie Maker

Basic Edits

Image size / file size

Watermarks, logo, and captions

Saving for the web

Best Practices

Give files descriptive names

Use proper attribution

Fill in Alt Text every time

Questions & Practice Time