Upload
amber-hewitt
View
27
Download
1
Embed Size (px)
Citation preview
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?