GDI - WP101: Class #2

Introduction to Class #2:Agenda, Reviewing Class #1, Working with Images, Hands-on Practice & Homework

Transcript

1. ©2014 Karen McCamy  FreelanceTechnologyReview.com
2. Agenda  Questions?  UX: User Experience  Content…Revisited  Images  Hands-on ©2014 Karen McCamy  FreelanceTechnologyReview.com
3. Any Questions???  Logging in  The Dashboard  Basic "Elements":  PAGES  Posts  Widgets  Plugins ©2014 Karen McCamy  FreelanceTechnologyReview.com
4. UX: It’s All About Your Site Visitor! ©2014 Karen McCamy  FreelanceTechnologyReview.com Please open the next slide show, 2.1, “Taxonomy and Categories & Tags” then return here for Hands-On & homework.
5. Content Revisited ©2014 Karen McCamy  FreelanceTechnologyReview.com Please open the next slide show, 2.2, “Content Revisited” then return here for Hands-On & homework.
6. Working with Images  Legal Issues  Image Sources  WP Media Library  Uploading Images  Image Sizes  WP Image Editor ©2014 Karen McCamy  FreelanceTechnologyReview.com
7. Images: Legal Issues  Copyright  Every Image belongs to somebody!  Know legal use!  Do your research  Public Domain  WikiMedia (http://commons.wikimedia.org/) ©2014 Karen McCamy  FreelanceTechnologyReview.com
8. Image Sources  Public Domain  GPU License(s): ◦ http://commons.wikimedia.org/wiki/Common s:Reusing_content_outside_Wikimedia ©2014 Karen McCamy  FreelanceTechnologyReview.com
9. Image Tips  Image sizes: for the web, small rules! (DEMO on FTR)  Create a post format and stick with it!  DEMO “Featured image” ◦ Don’t duplicate!  Social media posts with images get way more clicks! ©2014 Karen McCamy  FreelanceTechnologyReview.com
10. ©2014 Karen McCamy  FreelanceTechnologyReview.com Image Sources  Stock Photos  StockFresh (http://stockfresh.com/)  iStockPhoto (http://www.istockphoto.com/)  Search “stock photos”  Creating Your Own Graphics  Pablo (buffer.com/pablo)  Canva (www.canva.com)
11. Media Library  Preparing Images  Renaming (think SEO)  Choosing the size ◦ “small” or “xtra- small”??? ◦ DEMO: stock photos  Uploading  DEMO: Walk- thru  Adding the Alt tag ©2014 Karen McCamy  FreelanceTechnologyReview.com
12. Media Library  Good Housekeeping:  Keep it Lean! ◦ Deleting Images ◦ Archive all your images in a separate folder on your computer  Searching (DEMO) ©2014 Karen McCamy  FreelanceTechnologyReview.com
13. Practice & Questions UX 1. Create a MENU (if necessary) 2. Add a PAGE to your MENU 3. Create a new Category 4. Create a new TAG 5. Add a Category to your MENU ©2014 Karen McCamy  FreelanceTechnologyReview.com
14. Practice & Questions Images 1. Go to WikiMedia & download an image to your computer 2. Optimize that image for uploading (rename) 3. Upload the image to your Media Library 4. Add an "alt tag" 5. Add the image as a "featured image" in one of your posts ©2014 Karen McCamy  FreelanceTechnologyReview.com
15. Summary & Homework  We’ve covered a LOT!  Images  Content  Media Library  Menus  Categories & Tags ©2014 Karen McCamy  FreelanceTechnologyReview.com
16. Homework 1. Build some more PAGES & Posts 2. Add items (pages, categories) to your MENU 3. Create some more categories & tags 4. Find & upload some more images a. Make sure you have permission to use them! b. Make sure to follow preparation procedures we discussed (size & file name) 5. Add them to posts as "featured images" ©2014 Karen McCamy  FreelanceTechnologyReview.com
17. ©2014 Karen McCamy  FreelanceTechnologyReview.com