Adding images and videos to your WordPress Website

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

2. 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

3. 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

4. How
to
Add
An
Image
in
WordPress
EileenLonergan.com

5. How
to
Add
An
Image
in
WordPress
EileenLonergan.com

6. How
to
Add
An
Image
in
WordPress
EileenLonergan.com

7. How
to
Add
An
Image
in
WordPress
EileenLonergan.com

8. 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

9. Add
a
Video
From
YouTube
EileenLonergan.com

10. Add
a
Video
From
YouTube
EileenLonergan.com

11. 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

12. 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