beyond the words by nichole betterley, "n" powered websites

15
Beyond the Words: Journey Through the Media Library and Add Images, Video, Audio and PDFs to Spice Up Your Site BY NICHOLE BETTERLEY | “N” POWERED WEBSITES HTTP://NPOWEREDSITES.COM

Upload: nichole-betterley

Post on 14-Apr-2017

63 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Beyond the Words by Nichole Betterley, "N" Powered Websites

Beyond the Words:Journey Through the Media Library andAdd Images, Video, Audio and PDFs to Spice Up Your SiteBY NICHOLE BETTERLEY | “N” POWERED WEBSITESHTTP://NPOWEREDSITES.COM

Page 2: Beyond the Words by Nichole Betterley, "N" Powered Websites

Why Bother? All the cool kids are doing it Big shifts in social media platforms over the past 4-5

years towards more visual. Even LinkedIn is getting in on the image action.

More ‘shareable’ better reach for your content More engaging which in turn increases your

Know / Like / Trust factor with visitors Appealing to different learning/communication styles

Page 3: Beyond the Words by Nichole Betterley, "N" Powered Websites
Page 4: Beyond the Words by Nichole Betterley, "N" Powered Websites
Page 5: Beyond the Words by Nichole Betterley, "N" Powered Websites

A Scenic Tour of the

Media Library

Page 6: Beyond the Words by Nichole Betterley, "N" Powered Websites
Page 7: Beyond the Words by Nichole Betterley, "N" Powered Websites
Page 8: Beyond the Words by Nichole Betterley, "N" Powered Websites

Let’s Add Some Images

Page 9: Beyond the Words by Nichole Betterley, "N" Powered Websites

Measure Twice, Paste Once STEP 1: Set your

default image sizes in SETTINGS / MEDIA

Change LARGE to the full width of your post display; MEDIUM to roughly half

Page 10: Beyond the Words by Nichole Betterley, "N" Powered Websites

Mise en Place STEP 2: Prep your image

Give it a Good Name File Size Matters (Don’t upload that 5M image from your

phone or DSLR camera or the high res stock photo site)!! Shrink & Compress First

Page 11: Beyond the Words by Nichole Betterley, "N" Powered Websites

Dirty Some Dishes STEP 3: Add the image to your site

Upload it directly to the MEDIA LIBRARY and edit it there- OR -

Add it directly to your post or page using the ADD MEDIA button

Take the time to fill in the blanks (you’ll thank yourself later)

Edit and scale it to meet your needs

Page 12: Beyond the Words by Nichole Betterley, "N" Powered Websites

Time to Get Spicy

Page 13: Beyond the Words by Nichole Betterley, "N" Powered Websites

Tools MeasureIt Firefox Addon for in-browser measurementhttps://addons.mozilla.org/en-US/firefox/addon/measureit/

TinyJPG for image compression - https://tinyjpg.com/

Some of My Favorite Stock Photo Sites Pexels - https://www.pexels.com/

Unsplash - https://unsplash.com/grid

VisualHunt - https://visualhunt.com

Page 14: Beyond the Words by Nichole Betterley, "N" Powered Websites

Resources Best Practices in WordPress: Image ManagementHow to think about and organize your images in the Media Libraryhttp://mediatemple.net/blog/tips/best-practices-in-wordpress-image-management/

MDGAdvertising It’s All About the Images Infographichttp://www.mdgadvertising.com/blog/wp-content/uploads/2012/05/its-all-about-images-infographic_1000.png

Kissmetrics The Shocking Truth About How Web Graphics Affect Conversionshttps://blog.kissmetrics.com/shocking-truth-about-graphics/

37 Visual Content Marketing Statistics You Should Know in 2016http://blog.hubspot.com/marketing/visual-content-marketing-strategy

How to Crop, Rotate, Scale, and Flip Images in WordPresshttp://www.wpbeginner.com/beginners-guide/how-to-crop-rotate-scale-and-flip-images-in-wordpress/

Page 15: Beyond the Words by Nichole Betterley, "N" Powered Websites

Questions?