Recomendados
Mais conteúdo relacionado
Mais procurados
Semelhante a Beyond the Words by Nichole Betterley, "N" Powered Websites
Semelhante a Beyond the Words by Nichole Betterley, "N" Powered Websites (20)
Último
Último (20)
Beyond the Words by Nichole Betterley, "N" Powered Websites
- 1. 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
- 2. 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
- 5. A Scenic Tour of the Media Library
- 8. Let’s Add Some Images
- 9. 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
- 10. 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
- 11. 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
- 12. Time to Get Spicy
- 13. Tools MeasureIt Firefox Addon for in-browser measurement https://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
- 14. Resources Best Practices in WordPress: Image Management How to think about and organize your images in the Media Library http://mediatemple.net/blog/tips/best-practices-in-wordpress-image-management/ MDGAdvertising It’s All About the Images Infographic http://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 Conversions https://blog.kissmetrics.com/shocking-truth-about-graphics/ 37 Visual Content Marketing Statistics You Should Know in 2016 http://blog.hubspot.com/marketing/visual-content-marketing-strategy How to Crop, Rotate, Scale, and Flip Images in WordPress http://www.wpbeginner.com/beginners-guide/how-to-crop-rotate-scale-and-flip-images-in-wordpress/
- 15. Questions?
Notas do Editor
- Source: It’s All About the Images (infographic) http://www.mdgadvertising.com/blog/wp-content/uploads/2012/05/its-all-about-images-infographic_1000.png Even though this graphic is old, according to Hubspot, that 94% figure still stands today http://blog.hubspot.com/marketing/visual-content-marketing-strategy
- Source: It’s All About the Images (infographic) http://www.mdgadvertising.com/blog/wp-content/uploads/2012/05/its-all-about-images-infographic_1000.png
- Spice Cabinet of your website – a little messy, a little bit hard to find things, but this is where the action is at
- This is what the Media Library looks like in WordPress Stored, like your blog posts, reverse chronological order based on upload date Show grid or list view In the LIST VIEW How to sort different columns and see where an image is used Being able to filter by media type & date; note: some images that show as “Unattached” may actually be used elsewhere on your site (e.g., in your theme customizer)
- This is what your UPLOADS directory looks like Organized by year/month with lots of different versions of each file saved in it that WP automatically generates when you upload an image
- Time to make your website not so bland! Images are the salt & pepper to your word – making them more savory
- Use the MeasureIt addon (for Firefox) or some other tool to determine the width of your content - https://addons.mozilla.org/en-US/firefox/addon/measureit/
- TinyJPG.com for compression if you don’t have something like Photoshop or Lightroom Resize your images to the absolutely max you would ever want to show on your website (e.g., 1600px wide)
- Recommend typing your content first (because really, writing content tends to be the hardest part) TIP: Place your cursor at the beginning of the line where you want your image (regardless of which alignment you ultimately want it to be) Featured Image vs. adding images to the body of your content
- Let’s take it a step further and add some video, audio, and PDFs (and more!) Embed all kinds of things natively, just by pasting the link directly into the post or page - https://codex.wordpress.org/Embeds