93
WordPress PreCamp 2014 A one day crash course on how to build a website on WordPress Posts Hosting Content Menus Plugins SEO Pages Themes

A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

WordPress PreCamp 2014

A one day crash course on how to

build a website on WordPress

Posts

Hosting

Content

Menus

Plugins

SEO

Pages

Themes

Page 2: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Siteground.com/precamp

Page 3: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Fill Out SiteGround Info – Don’t change any settings

Page 4: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Success! – Check Your Email

Page 5: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Your Email should look like this

Page 6: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

SiteGround Login - https://ua.siteground.com/login.htm

Page 7: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Select – “Thanks, but I don’t need help” and Proceed

Page 8: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

SiteGround Account Dashboard

Page 9: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

My Account Tab – Click “Go to cPanel”

Page 10: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

cPanel (Control Panel) on Siteground

Page 11: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Initiate the Install

Page 12: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Setup WP Admin User and Pass

Page 13: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

In the process of installing WP

Page 14: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

WordPress is Installed – Copy and Paste these links

Page 15: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

“Front Side” - No changes yet

Page 16: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

WP Login Screen – Sitename + /wp-admin

Page 17: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Dashboard – Info Blocks are Movable and Removable

Page 18: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Division of Roles in WordPress (and other CMS)

System = WordPress

Content = Pages, Posts & Images

Design = Theme

Page 19: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Theme Selection

Page 20: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Appearance – Theme Activation

Page 21: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Universe Theme Activated

Page 22: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Insert Awkward Transition Here – 7 Minute Break

Page 23: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings –General Setup

Page 24: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Reading – Search Visibility

Page 25: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Discussion - Unchanged

Page 26: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Discussion - Changed

Page 27: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings –Media

Page 28: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Permalinks – “Custom”

Page 29: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Limit Login Attempts

Page 30: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings are done! – Time for Content

Page 31: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Page/Post Differences

Meta

Tags

Categories Meta

Pages Posts

Page 32: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

All Posts Section

Page 33: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Post Category Setup

Page 34: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Writing – “Default Post Category”

Page 35: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Delete the starter blog post

Page 36: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

“Hello World” Post is Deleted

Page 37: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Appearance – Theme Activation

Page 38: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Home Page – No Post to display

Page 39: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Widgets Section – Remove All Widgets

Page 40: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Clean Slate

Page 41: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Time For Lunch

• Clean slate milestone

• Ready to load content

• Open up your word doc

• Make a new friend

Page 42: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Why are Volkswagens so Awesome?

• Very cheap

• Extremely simple to repair

• “The People’s Car”

• Built for a new network of roads

Page 43: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Why is WordPress so Awesome?

• Very cheap - Free

• Extremely simple to repair build and maintain

• “The People’s Car CMS”

• Built for a new network of roads systems

Page 44: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Create the Following Pages

• Welcome or Home

• About

• Services

• Blog

• Contact

Page 45: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Adding Pages

Page 46: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Welcome Page

• Brief paragraph explaining the business or idea

• A Great Picture that represents the business

• Clear Call to Action (Links, Button, Form, Etc)

• This page will get 50% of the traffic and they

will spend 5-45 seconds… if your lucky

Page 47: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Basic Page Content/Setup

Don’t add any images yet. We’ll do this on the next page.

Page 48: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

About Page

• Mission or Philosophy

• Bio or Team Picture

• Skill Set or Credentials

• Associations and Group Involvement

• Social Media Account Info

Page 49: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Media Manager– Adding Images

Page 50: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Media Manager– Adding Images

Page 51: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Services Page

• Service List in paragraph and bullet form

• Price list is applicable

• Testimonial specific to great service

• Friendly picture of your staff or a customer

interaction

• Contact form or call to action

Page 52: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Contact Page

• Phone number

• Physical address

• Mailing address if different

• Embedded map

• Contact Form

• Picture if possible (Sign or building)

Page 53: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Google Map – Share and Embed Map

Page 54: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Google Map – Embed Code Location (Ctrl+C = Copy & Ctrl+V = Paste)

Page 55: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Google Map – Code is pasted into the text window

Page 56: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Blog Page

• Placeholder page

• Don’t add any content

Page 57: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Settings – Reading – “Front Page Shows”

Page 58: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Building Menus

• Consist of Pages, Categories, Posts, Tags, Links

• Some templates have multiple locations

Page 59: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Pages Created

Page 60: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Appearance - Menus

Page 61: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Menu Setup and Assignment

Page 62: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Create Blog Postings

• Allow you to reach a diverse and eclectic audience

• Go after “Long Tail Terms”

• Interconnect with Tags and Categories

• Always pair with a picture

• Identify and carve out a unique niche… if possible

• Allows you to be a bit personable – Mildred the Bear

Page 63: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Insert Coffee Break Here – 7 Minute Break

Page 64: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

WordPress Themes

Page 65: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install & Activate Stargazer

Page 66: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Header – Custom Image Upload

Page 67: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Header Image Cropping

Page 68: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Plugins - Preloaded

Page 69: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Add a new plugin

Page 70: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install UpDraftBackup Plugin

Page 71: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

UpDraft Backup – Running a Backup

Page 72: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install Tipsy Social Plugin

Page 73: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Social Icon Plugin Setup and Widget Addition

Page 74: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install Ninja Forms

Page 75: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Contact Form – Form Shortcode

Page 76: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Contact Form – Adding a Form Widget

Page 77: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install Next Gen Gallery

Page 78: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Gallery – Custom Menu Shows Up

Page 79: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Gallery – Setup Auto Resize on Images

Page 80: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Gallery – Create new gallery and upload images

Page 81: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Gallery – Add a gallery to a page or post

Page 82: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install Testimonial Plugin

Page 83: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Testimonial – Custom Post Type

Page 84: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Appearance – Widgets -Testimonial Widget

Page 85: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

WordPress Security - Install iThemes

Page 86: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Security – iThemes Security Plugin

Page 87: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Security – iThemes Security Plugin

Page 88: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Install Yoast SEO

Page 89: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Yoast – On Page SEO

Page 90: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Full Plugin List

Page 91: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Updates Happen

Page 92: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Three Types of Updates

Page 93: A one day crash course on how to build a website on WordPress€¦ · Why is WordPress so Awesome? •Very cheap - Free •Extremely simple to repair build and maintain ... Install

Thanks!

• Have Fun @ WordCamp

• Join the WordPress MeetUp group

• Create Awesome Content

• Connect and Educate