The document summarizes Gabriela Levit's presentation on building amazing websites using WordPress for the 2015 New Jersey Videographers Association. The presentation covers the differences between hosted and self-hosted WordPress sites, how to add pages and posts, and the visual editor. The goal is to provide attendees information on creating and managing WordPress sites.
1. Panel:
Build
an
Amazing
Website
WordPress
Presenta6on
2015
New
Jersey
Videographers
Associa6on
Presented
by:
Gabriela
Levit
Glevit@JacarandaTech.com
@gabriela_levit
h;p://GabrielaLevit.com
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
2. Before
We
Start
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
This
is
a
long
session
with
a
lot
of
informa6on
to
absorb,
so:
•
Taking
notes
is
opHonal
-‐
I
will
post
the
slides
(and
I
tend
to
talk
fast).
•
Please
ask
quesHons.
Chances
are
others
have
the
same
quesHon
as
you.
•
If
you
think
of
a
quesHon
aSer
the
presentaHon,
please
feel
free
to
contact
me
any
Hme.
•
PresentaHon
follow
up:
I’m
very
interested
in
your
feedback.
Please
let
me
know
how
I
did
or
any
suggesHons.
3. Topics
Covered
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
•
Hosted
Service
(WordPress.com)
vs.
Self-‐Hosted
•
Pages
•
Posts
•
Visual
and
Text
Content
Editors
•
Adding
Videos
•
Menus
4. Hosted
Service
vs.
Self-‐Hosted
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Hosted
Service
-‐
Easier
to
setup
! Free
HosHng
&
maintenance
! Your
web
site/blog
will
go
by
yourdomain.wordpress.com
! But,
you
can
pay
to
redirect
your
site
so
it
appears
as
yourdomain.com
! Many
free
and
paid
themes,
but
can't
modify
the
theme
code
to
customize
! You
can't
install
addiHonal
plugins
Self-‐Hosted
-‐
More
Control
! Self-‐hosted:
requires
installaHon
&
a
paid
web
hosHng
account
! Your
web
site/blog
will
have
your
own
domain
name,
which
you’ll
have
to
register
! Install
any
theme
and
customize
it
! Install
plugins
for
addiHonal
funcHonality
! You
are
responsible
for
web
site
updates
&
backups
The
rest
of
this
presenta6on
will
focus
on
Self-‐Hosted
WordPress
5. Self-‐Hosted
WordPress
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
For
a
WordPress
site,
you’ll
need
the
following*:
1. Registered
a
Domain
(e.g.
mywebsite.com)
2. Web
HosHng
Account
that
supports
WordPress
(most
do)
3. Ability
to
install
WordPress
in
your
web
hosHng
account
4. Ability
to
log
in
with
an
Admin
user
account.
I.e.
full
access
to
the
administraHve
dashboard.
*
If
you
have
any
ques/ons
about
these
steps,
I’ll
be
glad
to
answer
them
a;er
the
presenta/on
or
contact
me
later.
6. Pages
vs.
Posts
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Pages
! More
Sta6c
Content
! What
you
typically
think
of
as
a
“web
page”.
Eg.
Home,
About,
Contact,
etc.
! Can
be
organized
into
Subpages
! Can
use
different
layouts,
E.g.
Contact,
Porgolio,
Full
Width
(no
sidebar)
! Usually
don’t
allow
comments
! Cannot
be
assigned
Categories
&
Tags
! They
don’t
appear
in
RSS
feeds
by
default
Posts
! Time
Dependent
Content
! Blog
Entries.
E.g.
ArHcles,
News
Items,
Essays
! Usually
displayed
in
reverse
chronological
order
(most
recent
on
top)
! Different
Formats.
E.g.
Standard,
Aside,
Image
! Usually
Allow/Encourage
Comments
! Can
be
assigned
Categories
&
Tags
! Can
be
sorted
&
displayed
by
author,
date,
etc.
7. Add
New
Page
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Login
to
your
WordPress
Dashboard
with
a
user
account
that
can
add
new
pages
1. Click
Pages
2. Click
Add
New
3. Start
wriHng
the
new
page
9. Add
New
Post
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Login
to
your
WordPress
Dashboard
with
a
user
account
that
can
add
new
posts
1. Click
Posts
2. Click
Add
New
3. Start
wriHng
the
new
post
10. Add/Edit
Post
Screen
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
11. Visual
Editor
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Lets
you
enter
and
style
content
without
knowing
HTML
code
Similar
to
MS
Word
&
Other
Text
Editors
Displays
pages
&
posts
close
to
the
actual
design
12. Text
Editor
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Basic
Text
and
HTML
Editor
More
control
over
the
content
style
and
layout
Good
choice
if
you
are
comfortable
with
HTML
13. Add
Media
(Video)
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
1. From
the
Text/Visual
Editor:
Click
the
“Add
Media”
buWon
OR
From
the
Dashboard:
Click
Media
>
Add
New
2.
Copy/Paste
Video’s
URL
3.
Insert
14. Add
Video
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
15. Publishing
OpHons
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Useful
OpHons
! Set
Status
! Password
ProtecHon
! Backdate
or
Postdate
16. WordPress
Menus
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
WordPress
Supports
MulHple
Menus
• Number
&
Menu
LocaHons
Controlled
by
the
Theme
Easy
to
Create
MulHple
Menus
&
Submenu
Items
•
Doesn’t
Require
Code
Menus
can
include
Pages,
Posts,
Categories,
Tags,
Etc.
17. Add
Menu
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
23. Tags
Build
an
Amazing
Website
-‐
WordPress
|
NJ
Videographers
AssociaHon
|
Gabriela
Levit
|
GabrielaLevit.com
Labels
Specific
to
an
individual
Post(s)
–
Do
Not
Support
Nested
Hierarchy