nj videographers association - build an amazing website - wordpress

24
Panel: Build an Amazing Website WordPress Presenta6on 2015 New Jersey Videographers Associa6on Presented by: Gabriela Levit [email protected] @gabriela_levit h;p://GabrielaLevit.com Build an Amazing Website WordPress | NJ Videographers AssociaHon | Gabriela Levit | GabrielaLevit.com

Upload: gabriela-levit

Post on 16-Jul-2015

34 views

Category:

Internet


1 download

TRANSCRIPT

Panel:  Build  an  Amazing  Website  WordPress  Presenta6on  

2015  New  Jersey  Videographers  Associa6on  Presented  by:  Gabriela  Levit    [email protected]  @gabriela_levit  h;p://GabrielaLevit.com  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

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.  

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  

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  

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.  

 

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.  

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    

 

Add/Edit  Page  Screen  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

   

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    

 

Add/Edit  Post  Screen  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

   

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    

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      

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    

Add  Video  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Publishing  OpHons  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Useful  OpHons  !  Set  Status  !  Password  ProtecHon  

!  Backdate  or  Postdate      

 

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.    

Add  Menu  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

CustomizaHon  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Set  Website  Color  &  Images  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Landing  (Home)  Page  &  Blog  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Widgets  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Content  Added  to  the  Sidebars  Drag  &  Drop  Interface:  Doesn’t  Require  Code  Examples:  Category  Lists,  Tag  Clouds,  Social  Media  Feeds,  NavigaHon,  Search  

Categories  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Broad  Content  Grouping  -­‐  Supports  Subcategories  

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  

Resources  

Build  an  Amazing  Website  -­‐  WordPress  |  NJ  Videographers  AssociaHon  |  Gabriela  Levit  |  GabrielaLevit.com  

Tutorials  &  Reference  h;p://codex.wordpress.org/WordPress_Lessons  h;ps://www.wphub.com/configure-­‐wordpress-­‐aSer-­‐installaHon/    Themes  &  Plugins  h;p://www.studiopress.com/  h;p://www.elegan;hemes.com/  SEO:  h;ps://yoast.com/wordpress/plugins/seo/    Hos6ng  &  Domains  h;ps://www.siteground.com/  h;p://wpengine.com  h;ps://www.hover.com/