picture this: better visuals for your wordpress website

PICTURE THIS:BETTER VISUALS FOR YOUR

WEBSITEAaron Hockley – @ahockley

IS THIS INTERESTING?Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat auctor eros, ac varius tortor bibendum elementum. Sed mattis ornare felis, ac placerat ipsum. Donec feugiat auctor augue, non venenatis elit posuere sit amet. Nulla et tincidunt ligula, mollis dignissim lacus. Nunc at ex eu magna mollis iaculis eget vitae dui. Nulla pharetra nibh nisl, et vulputate est sodales ac. Morbi aliquet arcu orci, ut consequat metus mattis id.

Ut vehicula ultrices augue ut venenatis. Sed orci orci, ullamcorper vitae tincidunt et, lacinia ac dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras maximus, augue ut dictum ullamcorper, libero ex pulvinar enim, ac vehicula ligula dui nec quam. Sed faucibus iaculis tortor, a finibus dolor bibendum vel. Cras quis nulla vel odio interdum fringilla. Vivamus posuere elementum tristique. Morbi quis facilisis enim, in pretium enim. Morbi varius consequat lacinia. Duis sit amet urna justo. Suspendisse quis sem gravida, maximus felis facilisis, volutpat nunc. Mauris ac mattis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

HOW ABOUT A MASHUP?

We can mix text and photos to increase the effectiveness of our websites.

Each has their strengths

–Abraham Lincoln

“There are no bad pictures. That’s just how

your face looks sometimes.”

GETTING PHOTOSINTO WORDPRESS

WORDPRESS MEDIA LIBRARY

EMBEDDING CODE

OEMBED: FLICKR

OEMBED: FLICKR

OEMBED: SMUGMUG

OEMBED: SMUGMUG

OEMBED: RESULTS

OEMBED: YOUTUBE

OEMBED: YOUTUBE

OEMBED WORKS WITH• Flickr

• Instagram

• Imgur

• SmugMug

• YouTube

• Vimeo

• Twitter

• Tumblr

• SlideShare

• WordPress.tv

OEMBED: THE DETAILS

codex.wordpress.org/Embeds

PHOTOS / VISUALSWhere Do You Get Them?

DON’T USE IMAGES THAT

• You don’t know where they came from

• You found online without checking the license

USE IMAGES THAT• You created

• You obtained permission from the creator

• You purchased with a license that allows such use (stock)

• You obtained after searching for freely-licensed images

YOUR BAJILLION-MEGAPIXEL CAMERA

IS KIND OF NOT SUCH A BIG DEAL ON THE

INTERNET

LET’S TALK PLUGINS(with a caveat)

REGENERATE THUMBNAILS• Creates new

thumbnails for existing images

• Uses sizes from Settings→Media

• Useful after changing themes

MY EYES ARE UP HERE

• Crop thumbnail off center

• Can auto detect faces

FEATURED IMAGE REMINDER

• Sometimes we forget

• And by we,I mean me

INSTAGRATE• Instagram +

WordPress

• Photos→Posts

• Social Integration

• Hashtags

SOME QUICK WORDS ON IMAGE SEO

FILENAMES-MATTER.JPG

IMG_3076.JPG

PARIS-LAS-VEGAS.JPG

USE THE ALT TEXT

USE THE ALT TEXT

<img src=“/wp-content/uploads/aaron-hockley-portrait.jpg”alt=“Stunning Portrait of the Amazing Aaron Hockley”

width=“500” height=“500”>

QUESTIONS?

Aaron Hockley - @ahockley

wp-photographers.com