Image Mastery within WordPress: Upload, Edit, Display, and Share with Ease

IMAGE MASTERY WITHIN WORDPRESS

Upload, Edit, Display, and Share with Ease

Who the h*ck am I?

Amber Hewittgraphicgoo.com

@graphicgoo

How to Get Images• Shoot your own images

(BONUS: you own the copyright!)

• Public Domain (FREE)LibreStock - librestock.com

• Creative Commons - creativecommons.org Flickr - flickr.com/creativecommons

• Stock PhotographyiStock, Getty Images, Veer, Creative Market

How NOT to Get Images• Google Image Search

• Downloading from other websites

• Photographing copyrighted works

Before You Upload That Image

Before You Upload…• Reduce the pixel size!

iPhone 6S+ photo is 4032 x 3024 pixels

• Reduce the file size!Average iPhone 6S+ photo size is 2 MB

• Make the title of your image file relevant to the subject matter for better SEO.(IMG_3285.jpg should be yellow-flower.jpg)

img_3285

Image File Formats

JPEGGood for photographs

GIFGood for images with limited colors

(line art)

Animated GIF

PNGAny image with transparency

(be careful - file size can be large)

Image Apps• Photoshop/Lightroom (Mac, Windows)

• GIMP (Mac, Windows)

• Paint.NET (Windows)

• Pixlr (Web-Based)

• Luminar (Mac)

• Pixelmator (Mac)

Image Apps (Mobile)• Pixelmator (iOS)

• VSCO (iOS, Android)

• Snapseed (iOS, Android)

• Enlight (iOS)

• Metapho (iOS) - View & remove metadata

Uploading Images

DEMO

Place the cursor where you want the image to be in the post/page and then click the “Add Media” button.

Drag & drop your image(s) here or click the “Select Files” button to select the image(s) from your computer.

After the image is uploaded, it will appear in the Media Library.

Editing Images

Select the image to view the editing option popup.

Image Plugins

Jetpack• GALLERY WIDGET

The Gallery Widget provides you with a simple way to display a photo gallery or slideshow in your blog's sidebar.

• CAROUSELWith Carousel active, any standard WordPress galleries you have embedded in posts or pages will launch a gorgeous full-screen photo browsing experience with comments and EXIF metadata.

Jetpack• PHOTON

Photon is an image acceleration and editing service for sites hosted on WordPress.com or on Jetpack-connected WordPress sites.

• TILED GALLERIESTiled Galleries allow you to display your image galleries in three new styles: a rectangular mosaic, a square mosaic, and a circular grid.

Image Slider Plugins

Soliloquy

Meta Slider

Image Gallery Plugins

NextGEN Gallery

Envira Gallery

Other Image Plugins• IMSANITY

Automatically resizes huge image uploads.

• FEATURED IMAGE ADMIN THUMBAdds inline thumbnail image to admin columns.

• REGENERATE THUMBNAILSAllows you to regenerate your thumbnails after changing the thumbnail sizes.

Sharing Your Images on Social Media

Image Hover Plugins• MONARCH BY ELEGANT THEMES

Social media sharing (includes image hover).

• WWM SOCIAL SHARE ON IMAGE HOVEREasily add social sharing icons on every WordPress image hover.

• JQUERY PIN IT BUTTON FOR IMAGES Highlights images on hover and adds a Pinterest “Pin It” button over them for easy pinning.

Facebook & Twitter Plugins• YOAST SEO

Includes options for specific images for Facebook and Twitter.

• WP FACEBOOK OPEN GRAPH PROTOCOLAdds proper Facebook Open Graph Meta tags.

• OPEN GRAPH PROTOCOL FRAMEWORK Adds proper Facebook Open Graph Meta tags.

Facebook & Twitter Plugins• FACEBOOK OPEN GRAPH, GOOGLE+ AND

TWITTER CARD TAGS Inserts Facebook Open Graph, Google+/Schema.org, Twitter and SEO Meta Tags.

• JM TWITTER CARDSEasy integration of Twitter cards in WordPress.

Questions?