Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Launching your WordPress Website

400 views

Published on

Interested in creating a website? Want to learn tangible content management platform skills? Start your WordPress site in 15 minutes.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Launching your WordPress Website

  1. 1. Part II: Launching Your WordPress
  2. 2. 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
  3. 3. http://bit.ly/AMAUBCWP2
  4. 4. What is WordPress?
  5. 5. WordPress: WHAT ARE … CMS (Content Management System) that is used to easily create and manage website content
  6. 6. WordPress Ecosystem: WHAT ARE … Theme Shops and Marketplaces Plugin Developers & Providers eCommerce, Developers, Designers, Consultants & More
  7. 7. WHAT IS THE … State of Mind
  8. 8. WordPress.com (free) people …
  9. 9. Purchasing Your Domain & Hosting
  10. 10. 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
  11. 11. 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.
  12. 12. 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.
  13. 13. Special Discount with A Small Orange Annual rates: $36 per year $50 per year $120 per year $240 per year $35 for first year
  14. 14. 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!
  15. 15. Paid WordPress Instructions
  16. 16. Hosting with A Small Orange ● Visit this website for our special deal: Click here ● Click “Start Today!”
  17. 17. Step 1: Picking Your Plan ● Hosting Plan - “Shared Hosting - Small” ● Billing Cycle - “Annually” ● It will renew at $50 for us!
  18. 18. Step 2: Choosing a Domain If 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!
  19. 19. Step 2: Choosing a Domain If 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.
  20. 20. Step 3: Enter Your Other Information Enter your billing info and security question I do not recommend any add-ons (they cost extra)
  21. 21. Step 4: PROMO CODE promo code: UTAMA Click “Apply” Amount Due = $35 Click “Buy Now”
  22. 22. 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
  23. 23. Step 6: Install WordPress Welcome to your cPanel! Scroll down until you see the “Softaculous Apps Installer” Click “WordPress”
  24. 24. Step 6: Install WordPress This page shows you the details about installing WordPress. Click “Install”
  25. 25. Step 6: Install WordPress Use 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
  26. 26. Step 6: Install WordPress Use 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!
  27. 27. Step 7: Sign into WordPress Go to http://yourdomain.com/wp- admin username: Admin password: your password that you just made when installing WordPress
  28. 28. Step 7: Sign into WordPress This is your WordPress!
  29. 29. STOP :) We will continue as a group. Send someone up to say you’re done.
  30. 30. WordPress Platform Basics WordPress.com (free) people can join in!
  31. 31. What we’ll cover ➔ Pages ➔ Posts ➔ Menus ➔ Uploading Media ➔ Themes ➔ Plugins & Widgets ➔ HTML & Development ➔ Learning More Additional Resource: WordPress Basics
  32. 32. Pages Pages → Add New ● Visual/Text ● Draft, Schedule, Publish ● Parent Page ● Templates (some themes) ● Featured Image
  33. 33. Posts Posts → Add New ● Visual/Text ● Draft, Schedule, Publish ● Format ● Categories, Tags ● Featured Image
  34. 34. Pages vs Posts Pages: 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
  35. 35. Menus Appearance → 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”
  36. 36. Uploading Media Media → Add New Click on image ● Change Title ● Add a caption ● Alt text: if image doesn’t load/SEO ● Description - SEO
  37. 37. Themes: WHAT ARE … The design/layout of your WordPress website
  38. 38. Finding Themes 1) 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!
  39. 39. Choosing Themes Free 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
  40. 40. Uploading Themes Appearance → Themes → Add New → upload zip folder → Install and activate Finding Themes | Choosing Themes | Uploading Themes | Customizing Themes WordPress.org (self-hosted) only!
  41. 41. Customizing Themes Appearance → 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
  42. 42. 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
  43. 43. Finding Plugins 1) 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!
  44. 44. Uploading Plugins Plugins → 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!
  45. 45. My Recommended Plugins Jetpack 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!
  46. 46. Using Your Plugins Plugins → 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!
  47. 47. Setting Up Widget Areas Appearance → 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
  48. 48. HTML & Development Edit 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!
  49. 49. Learning More … Google things! Codecademy has courses on HTML and CSS Lynda.com has WordPress tutorials
  50. 50. Your Website An Example Plan
  51. 51. Where do I start? 1) Define your website 2) Pick your theme and plan out your structure 3) Buy your domain, set up technical aspects of website DONE! :) 4) Build the structure 5) Choose your plugins 6) Build out your content 7) Edit, review, publish! More information about each step in the Website Crash Course Packet
  52. 52. Thank you! & Questions

×