launching your wordpress website
TRANSCRIPT
![Page 1: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/1.jpg)
Part II: Launching Your WordPress
![Page 2: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/2.jpg)
AGENDA:5:00 - 5:15 Check-In
5:15 - 5:30 Part I: Why you need a website
5:45 - 6:15 Decisions, pizza, break into groups
6:15 - 6:30 Part II: Introduction
6:30 - 7:15 Part II: Setting up your WordPress (groups)
7:15 - 7:45 Part II: WordPress basics
7:45 - 8:00 Q&A
![Page 3: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/3.jpg)
http://bit.ly/AMAUBCWP2
![Page 4: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/4.jpg)
What is WordPress?
![Page 5: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/5.jpg)
WordPress:
WHAT ARE …
CMS (Content Management System) that is used to easily create and manage website content
![Page 6: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/6.jpg)
WordPress Ecosystem:
WHAT ARE …
Theme Shops and Marketplaces
Plugin Developers & Providers
eCommerce, Developers, Designers, Consultants & More
![Page 7: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/7.jpg)
WHAT IS THE …
State of Mind
![Page 8: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/8.jpg)
WordPress.com (free) people …
![Page 9: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/9.jpg)
Purchasing Your Domain & Hosting
![Page 10: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/10.jpg)
Hosting:
Domains:
WHAT ARE …
The server that holds the files and content of your website, rather that running it off of your personal computer
The URL that people use to access your website
![Page 11: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/11.jpg)
cPanel:
WHAT ARE …
Control Panel used for most hosting services that lets you manage your files, applications, emails and more that are linked to your hosting account.
![Page 12: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/12.jpg)
Domain & Hosting Options
A Small Orange [deal]*
A Small Orange [regular]*
GoDaddy
HostGator
BlueHost
Domain Name
FREE
FREE
$5-15 per year
$6-20 per year
FREE
Website Hosting
$35 (first year)
$50 per year
$48(first year) - 84 per year
$86 per year
$48(first year) - 96 per year
*All of these are great options, we will be using A Small Orange for instructions, but you can pick whatever you’d like.
![Page 13: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/13.jpg)
Special Discount with A Small Orange
Annual rates: $36 per year $50 per year $120 per year $240 per year$35 for first year
![Page 14: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/14.jpg)
Setting up your WordPress (groups)
Things you should accomplish:
Free: create an account, brainstorm what you are going to use your website for
Paid: set up your hosting (with A Small Orange), log into your C-Panel, install WordPress, log into your dashboard …. then brainstorm what to put on content!
![Page 15: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/15.jpg)
Paid WordPress Instructions
![Page 16: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/16.jpg)
Hosting with A Small Orange● Visit this website for
our special deal: Click here
● Click “Start Today!”
![Page 17: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/17.jpg)
Step 1: Picking Your Plan● Hosting Plan -
“Shared Hosting - Small”
● Billing Cycle - “Annually”
● It will renew at $50 for us!
![Page 18: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/18.jpg)
Step 2: Choosing a DomainIf you don’t already own your domain:
● Enter your ideal domain and click “Check” to see if it’s available.
● If not, they will give you other suggestions, or keep trying other domains.
● Click “Save” UNCHECK THIS!
![Page 19: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/19.jpg)
Step 2: Choosing a DomainIf you do own your domain:
● Click on “I already own this domain”
● Enter the domain name you own
● Click “Save”
You don’t have to transfer it over.
![Page 20: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/20.jpg)
Step 3: Enter Your Other InformationEnter your billing info and security question
I do not recommend any add-ons (they cost extra)
![Page 21: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/21.jpg)
Step 4: PROMO CODEpromo code: UTAMA
Click “Apply”
Amount Due = $35
Click “Buy Now”
![Page 22: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/22.jpg)
Step 5: Verification Email
● Look for an email with subject line: “New Account Information From A Small Orange”
● Scroll down until you see your cPanel Login
● Write down your username, and temporary password
● Click on “Log In to cPanel”
Later you should:● Change your
password on A Small Orange
● Verify your email address
● Explore your hosting platform
![Page 23: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/23.jpg)
Step 6: Install WordPressWelcome to your cPanel!
Scroll down until you see the “Softaculous Apps Installer”
Click “WordPress”
![Page 24: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/24.jpg)
Step 6: Install WordPressThis page shows you the details about installing WordPress.
Click “Install”
![Page 25: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/25.jpg)
Step 6: Install WordPressUse the following settings
“Protocol”: http://
“Domain”: your domain
“In Directory”: leave this blank
“Database Name”: leave as default
“Site Name”: My Blog (or whatever you want, this can be changed later)
“Site Description”: whatever you want, can also be changed
“Enable Multisite”: leave unchecked
![Page 26: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/26.jpg)
Step 6: Install WordPressUse the following settings
“Admin Username”: admin
“Admin Password”: create a strong password, write it down!
“Admin email address”: your email address
Set your language
Check “Limit login attempts”
You don’t need to pick a theme here
Click “Install”
If you want to understand these steps more later, here is a good resource:
A Small Orange “Installing WordPress with Softaculous”
Installed!
![Page 27: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/27.jpg)
Step 7: Sign into WordPressGo to http://yourdomain.com/wp-admin
username: Admin
password: your password that you just made when installing WordPress
![Page 28: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/28.jpg)
Step 7: Sign into WordPressThis is your WordPress!
![Page 29: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/29.jpg)
STOP :) We will continue as a group.Send someone up to say you’re done.
![Page 30: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/30.jpg)
WordPress Platform BasicsWordPress.com (free) people can join in!
![Page 31: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/31.jpg)
What we’ll cover➔ Pages➔ Posts➔ Menus➔ Uploading Media➔ Themes➔ Plugins & Widgets➔ HTML & Development➔ Learning More
Additional Resource: WordPress Basics
![Page 32: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/32.jpg)
PagesPages → Add New
● Visual/Text● Draft, Schedule, Publish● Parent Page● Templates (some themes)● Featured Image
![Page 33: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/33.jpg)
PostsPosts → Add New
● Visual/Text● Draft, Schedule, Publish● Format● Categories, Tags● Featured Image
![Page 34: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/34.jpg)
Pages vs PostsPages:
Static content on your website
Mostly used for Contact, About, and other non-timely pages
Organized in a page hierarchy (parent pages, menus)
Pages are not social
Posts:
Tied to publish dates and listed in reverse chronological order
Mostly for blogging purposes
Add categories/tags to posts to help visitors find them
Visitors can comment/share posts
![Page 35: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/35.jpg)
MenusAppearance → Menus
Type in Menu Name → Create Menu
Add pages, links, categories to menu from left side by dragging
Drag and drop to create sub-menus
Some themes let you pick your menu location - “main menu” “social menu”
![Page 36: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/36.jpg)
Uploading MediaMedia → Add New
Click on image
● Change Title● Add a caption● Alt text: if image doesn’t
load/SEO● Description - SEO
![Page 37: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/37.jpg)
Themes:
WHAT ARE …
The design/layout of your WordPress website
![Page 38: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/38.jpg)
Finding Themes1) Pre-Installed Themes:
● Appearance → Themes
2) Google it! “Best Free WordPress Themes Portfolio”
● Find a theme, click “Details”, click “Download” → downloads ZIP file
3) Other places to find great themes:
● Etsy - simple, custom made themes● ThemeForest.net: premium, business and
professional themes
Finding Themes | Choosing Themes | Uploading Themes | Customizing Themes
WordPress.org (self-hosted) only!
![Page 39: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/39.jpg)
Choosing ThemesFree or Premium Themes
● Customizability● Support
Design
● How it looks● Page styles that it offers● Headings/fonts/menus/buttons
Responsiveness & Mobile Friendly
More about What to Consider When Choosing Themes
Finding Themes | Choosing Themes | Uploading Themes | Customizing Themes
![Page 40: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/40.jpg)
Uploading ThemesAppearance → Themes → Add New → upload zip folder → Install and activate
Finding Themes | Choosing Themes | Uploading Themes | Customizing Themes
WordPress.org (self-hosted) only!
![Page 41: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/41.jpg)
Customizing ThemesAppearance → Customize
Options will vary with different themes
Simply play around :)
Click “Save” to Publish!
Click “X” to go back to the WordPress Dashboard
Finding Themes | Choosing Themes | Uploading Themes | Customizing Themes
![Page 42: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/42.jpg)
Plugins:
Widgets:
WHAT ARE …
Small pieces of code that can be easily uploaded to your website to add functionality
Sections of your blog (sidebar, footer) where you can add content
![Page 43: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/43.jpg)
Finding Plugins1) Existing Library of Plugins
● Plugins → Add New● Searching through these avoids
having to upload
2) Google it! “Best WordPress Plugins”
● Find a plugin, Download it → downloads ZIP file
Sometimes your theme will also come with recommended plugins, install those!
Finding Plugins | Uploading Plugins | Recommended Plugins | Using Your Plugins
WordPress.org (self-hosted) only!
![Page 44: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/44.jpg)
Uploading PluginsPlugins → Add New → Upload Plugin
Wait for it to show “Installed Successfully”, then “Active Plugin”
Finding Plugins | Uploading Plugins | Recommended Plugins | Using Your Plugins
WordPress.org (self-hosted) only!
![Page 45: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/45.jpg)
My Recommended PluginsJetpack by WordPress: gives you basic website analytics about traffic, clicks, etc.
Google Analytics by Yoast: lets you connect Google Analytics to your website for further insights
Contact Form 7: basic contact form, instead of listing your email address on your website
Custom CSS: easy way to customize your website design without having to edit the source code
Other types (lots of options!):
● Social Media (sharing buttons, Twitter/Instagram feed, Pin it button, Facebook like, etc.)● Newsletter sign ups (Mailchimp, HelloBar - if you’re doing a blog)● Language editors, Calendars, Forms, & more!
Finding Plugins | Uploading Plugins | Recommended Plugins | Using Your Plugins
WordPress.org (self-hosted) only!
![Page 46: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/46.jpg)
Using Your PluginsPlugins → Installed Plugins
Configuration will vary:
● “Settings”● Some will appear on the
sidebar of your WordPress dashboard
● Read the documentation for the specific plugin
○ Installation instructions, documentation, screenshots, etc.
Finding Plugins | Uploading Plugins | Recommended Plugins | Using Your Plugins
WordPress.org (self-hosted) only!
![Page 47: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/47.jpg)
Setting Up Widget AreasAppearance → Widgets
List on left of all available Widgets
Box on right shows where you can use widgets (Sidebar)
Each widget usually has a description and instructions to help you set it up (add widget)
Can customize all of them
![Page 48: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/48.jpg)
HTML & DevelopmentEdit using HTML in the Text Editor
● <h1> header styles● <ul> unordered and <ol>
ordered lists
Learn more HTML
Edit CSS using plugins
Theme Code is editable through Appearance → Editor (but proceed with caution!!!)
WordPress.org (self-hosted) only!
![Page 49: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/49.jpg)
Learning More … Google things!
Codecademy has courses on HTML and CSS
Lynda.com has WordPress tutorials
![Page 50: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/50.jpg)
Your WebsiteAn Example Plan
![Page 51: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/51.jpg)
Where do I start?1) Define your website2) Pick your theme and plan out your structure3) Buy your domain, set up technical aspects of website DONE! :) 4) Build the structure5) Choose your plugins6) Build out your content7) Edit, review, publish!
More information about each step in the Website Crash Course Packet
![Page 52: Launching your WordPress Website](https://reader031.vdocument.in/reader031/viewer/2022022123/589ce31e1a28abf86d8b5a33/html5/thumbnails/52.jpg)
Thank you!& Questions