wordpress media and images

44

Upload: jen-jamar

Post on 16-Jan-2017

95 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: WordPress Media and Images
Page 2: 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

Page 3: WordPress Media and Images

Types of Media

Images

Video

Audio Files

Documents

Page 4: WordPress Media and Images

Media PlacementSite header and logo

Background

Favicon

Posts and pages

Icons, buttons, & other elements

Page 5: WordPress Media and Images

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!

Page 6: WordPress Media and Images

Photo Credits For Upcoming Examples:

Page 7: WordPress Media and Images

Exercise: Download Images

Page 8: WordPress Media and Images

Adding Media To Your Site

Page 9: WordPress Media and Images

Media Library

Where all the media uploaded

to your site lives.

Page 10: WordPress Media and Images
Page 11: WordPress Media and Images
Page 12: WordPress Media and Images
Page 13: WordPress Media and Images

Exercise: Upload Images to the Media Library & Edit

Page 14: WordPress Media and Images

Adding Media to Posts & Pages

Page 15: WordPress Media and Images
Page 16: WordPress Media and Images
Page 17: WordPress Media and Images

Exercise: Add Images To Posts

From URL

Media Upload

From Media Library

Page 18: WordPress Media and Images

Modifying Images Within A Post or Page

Page 19: WordPress Media and Images
Page 20: WordPress Media and Images
Page 21: WordPress Media and Images

Exercise: Modify An Image In Your Post

Page 22: WordPress Media and Images

Creating Image Galleries

Page 23: WordPress Media and Images
Page 24: WordPress Media and Images
Page 25: WordPress Media and Images
Page 26: WordPress Media and Images

Exercise: Create An Image Gallery

Page 27: WordPress Media and Images

Adding Captions & Links

Page 28: WordPress Media and Images
Page 29: WordPress Media and Images

Exercise: Add Image Captions & Links

Page 30: WordPress Media and Images

Embedding Media

Borrowing media from somewhere else to display on your site.

Page 31: WordPress Media and Images

AutoMagic Embeds

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

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

Page 32: WordPress Media and Images

Insert From URL

Page 33: WordPress Media and Images

Insert Using Embed Code

Page 34: WordPress Media and Images

Same Result

Page 35: WordPress Media and Images

Exercise: Embed Media in a Post

Page 36: WordPress Media and Images

Media Settings

Page 37: WordPress Media and Images
Page 38: WordPress Media and Images
Page 39: WordPress Media and Images
Page 40: WordPress Media and Images

Featured Images & Thumbnails

Page 41: WordPress Media and Images

Tools to Edit & OptimizePhotoshop & GIMP

Canva & PicMonkey

WordPress Editor

iMovie / Windows Movie Maker

Page 42: WordPress Media and Images

Basic Edits

Image size / file size

Watermarks, logo, and captions

Saving for the web

Page 43: WordPress Media and Images

Best Practices

Give files descriptive names

Use proper attribution

Fill in Alt Text every time

Page 44: WordPress Media and Images

Questions & Practice Time