12
Session 3: Elizabeth Taber Library How to Start a WordPress Blog Using Images EileenLonergan.com

Adding Images and Video to WordPress

Embed Size (px)

DESCRIPTION

Adding images and videos to your WordPress Website

Citation preview

Page 1: Adding Images and Video to WordPress

Session  3:    Elizabeth  Taber  Library    

How  to  Start  a  WordPress  Blog  

 Using  Images    

EileenLonergan.com  

Page 2: Adding Images and Video to WordPress

Using  Images  

•  There  is  not  a  governing  body  reviewing  your  site;  however:  –  If  you  cut  and  paste  arFcles  that  are  not  your  own  you  can  be  held  liable.  

–  If  you  reuse  content  that  is  not  your  own  you  could  be  “punished”  by  the  search  engines  and  your  site  will  not  be  listed  in  search  results  

–  Images  that  are  not  properly  credited  can  result  in  legal  acFon  which  could  be  a  financial  penalty.  

EileenLonergan.com  

Page 3: Adding Images and Video to WordPress

Resources  for  Images  •  Paid  

–  123rf.com  –  ShuMer  Stock  –  Deposit  Photo  

•  Free  PhotoPin  -­‐  hMp://photopin.com/  –  Pinterest  -­‐  hMp://pinterest.com/  –  Flickr:  hMp://www.flickr.com/groups/creaFve_commons-­‐_free_pictures/  •  Understanding  Flickr  and  CreaFve  Commons:  hMp://www.flickr.com/help/general/#147  

•  Make  sure  you  give  photo  credit  on  free  images,  you  can  do  this  in  the  capFon  or  the  boMom  of  your  post  

  EileenLonergan.com  

Page 4: Adding Images and Video to WordPress

How  to  Add  An  Image  in  WordPress  

EileenLonergan.com  

Page 5: Adding Images and Video to WordPress

How  to  Add  An  Image  in  WordPress  

EileenLonergan.com  

Page 6: Adding Images and Video to WordPress

How  to  Add  An  Image  in  WordPress  

EileenLonergan.com  

Page 7: Adding Images and Video to WordPress

How  to  Add  An  Image  in  WordPress  

EileenLonergan.com  

Page 8: Adding Images and Video to WordPress

Add  a  Video  From  YouTube  

•  Find  a  video  you  like  on  YouTube    •  Go  to  the  URL  and  copy  it  •  Go  to  your  website  and  paste  •  Publish  (or  save  as  dra`)  

EileenLonergan.com  

Page 9: Adding Images and Video to WordPress

Add  a  Video  From  YouTube  

EileenLonergan.com  

Page 10: Adding Images and Video to WordPress

Add  a  Video  From  YouTube  

EileenLonergan.com  

Page 11: Adding Images and Video to WordPress

Using  PhotoPin  To  add  a  photo  from  PhotoPin  (the  concept  is  the  same  for  Pinterest)    1.  Find  an  image  you  like  and  hover  over  it  2.  Select  Download  3.  Either  highlight  and  copy  the  code  beneath  the  image  for  a  small  size  or  download  the  image  to  your  desktop  or  hard  drive    •  If  you  plan  to  copy  and  paste  the  code  for  the  image  –  copy,  go  to  

your  blog  post  and  paste  in  the  line  of  code,  you  can  be  in  either  visual  or  html  mode  

•  If  you  download  the  image-­‐  go  to  your  blog  post  and  use  the  image  upload  icon  at  the  top  of  the  edit  page  secFon.  

4.    There  is  a  piece  of  code  at  the  boMom  of  the  PhotoPin  photo  box,  highlight  and  copy,  then  post  that  at  the  boMom  of  your  blog  post.    YOU  MUST  BE  IN  HTML  MODE.  

EileenLonergan.com  

Page 12: Adding Images and Video to WordPress

ArFcles  &  Tips  I  Have  WriMen  on  Using  Images  

•  PhotoDropper  (for  people  with  self  hosted  websites)  hMp://www.eileenlonergan.com/photodropper-­‐plugin  

•  How  to  Use  PhotoPin  hMp://www.eileenlonergan.com/adding-­‐free-­‐images-­‐to-­‐your-­‐blog-­‐posts-­‐photopin  

•  How  to  add  a  Price  to  an  Image  on  Pinterest  hMp://www.eileenlonergan.com/how-­‐to-­‐add-­‐a-­‐price-­‐to-­‐an-­‐image-­‐on-­‐pinterest  

 EileenLonergan.com