nj videographers association - build an amazing website - wordpress
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/