Main slides Quick & Easy WordPress.com by Ben Pollock

765 views

Published on

Main slides, Quick & Easy WordPress.com by Ben Pollock. From WordPress.com account creation to static home page setup. WordPress.org comparisons. More details at http://benpollock.com/wordcamp-class

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
765
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Main slides Quick & Easy WordPress.com by Ben Pollock

  1. 1. Quick and Easy WordPress.com Presented by Ben Pollock
  2. 2. What we’re talking about. Croquet. And what do you want in your site. Create a site map (it’s an outline).
  3. 3. Site maps are found on many websites. Often there’s link at the bottomof a site. The more you plan like this the better your site will be, sooner.
  4. 4. But the roughest of rough sketches will be just fine for a site map, and planning.
  5. 5. If you don’t have a WordPress.com account this is what you’ll see.Click “Get started here,” and this comes up.
  6. 6. You’re simultaneously creating a WordPress.com account and getting rolling on your first blog. Below thisit asks for your e-mail address. Then there’s another pitch to pay for an upgrade. Don’t need it. Caution:Choose your username well; it cannot be changed. My hosting service has me as “--------.” Three spotson WordPress have me as “----------,” “-----------” & “----.” ... Plus 3 passwords at the 4 spots.
  7. 7. In contrast, here is WordPress.org’s home page
  8. 8. With a WordPress.com account, this is what you will see. Next step isclick that “Create a New Blog.”
  9. 9. Similar to the new account sign-up a few slides back. Don’t need your e-mail, but already they want thename of your blog. Make it as similar as possible to your blog address.
  10. 10. First thing is they hit you up for money. These are the options. If you want the name, the extra storage,you may be ready for your own independent website. Or wait to see if the basic is enough for your needs.
  11. 11. So you move to the Dashboard. From here you control everything.
  12. 12. Start with a template, called a Theme in WordPress. It’s not just for the demo, I recommend the TwentyTen theme, use it myself. Now let’s make it unique.
  13. 13. This is one of the several available photos, that you scroll down andchoose. But let’s make this unique.
  14. 14. Click Browse then choose a picture off your computer. Click Open thenclick Upload. It may take a half-minute to upload.
  15. 15. If you haven’t Photoshopped the image to fit the dimension listed, you can crop it yourselfhere. Maybe you would’ve wanted more grass below, or more of the top blue ball.
  16. 16. Here is what the World Wide Web will see. Your picture. But WordPresshas a starter blog post.
  17. 17. Here is, or will be, the listing of Pages you put on your website. Take a breath -- I am -- this is the heart of the talk: Creation tips using this first Page.
  18. 18. The About page that comes with ...
  19. 19. The previous was an edit window for Add New Page. This one is tocreate a new work.
  20. 20. For comparison, this is the Add New Post window. Remind me to tell you about the Kitchen Sink button.See, the same as Add Post, but a change on the right “sidebar,” for Categories.
  21. 21. In WordPress.org, the Add New Page is virtually the same
  22. 22. Likewise, the Add New Post looks about the same in WordPress.org
  23. 23. I strongly recommend drafting in NotePad, SimpleText, TextEdit etc. ... or MSWord.For Word, click the Paste from Word button. For the others, the Paste as Plain Text button (shown).Select and Copy your original, then Paste in this box. It will invisible formatting that can mess things uphere. Last, press that bottom-right button, Insert. ... Of course, from here out add material by typing here.
  24. 24. You’ve seen how to insert an image before, a narrow one for the header. They’re similar for inserting intothe body of a page or post.Click on the Add Media button where it says Upload/Insert, to get the new window
  25. 25. Now, fill in some of the fields. Either the Title and Alternate Text can be read when the reader’s mousehovers over the image. Captions are optional, but if you want one, use that box. Also, the caption is theperfect place to credit the creator of the image. Here’s left and right placement. “Center” will not tuck intothe copy, but be above. And size. All of these can be changed later, if it doesn’t look like you wanted.
  26. 26. I chose “left” and the copy wraps around. Note the caption.
  27. 27. The hyperlinks, or “link,” maybe the best feature of reading other people’s stuff on the Web!To get this window, click on the Insert/Edit Link button. It looks like a chain link.
  28. 28. The URL, yes. The title can be the website -- or your personal caption, a comment. Important: Always check “Open link in a new window/tab” so your readers don’t lose hold of your site!
  29. 29. Now the formatting of the theme will underline and maybe change the color of your linked phrase.Some make it boldface. An already clicked link then will be a different color to show you’ve seen it already.
  30. 30. Here’s the hyperlink destination. At the top, note this site forms a new tab, because you checked “Openin a New Window/Tab.” When your reader is done with the USCA, he can return to Croquet Fan easily.
  31. 31. Boldface and italics are easy. Select the word or phrase then hit that B or I button. If the Kitchen Sink isopen, you can underline, too. It’s time to show a slight bit of html code, though. Brace yourselves.
  32. 32. Note the angle irons. And the slash. This is html, format language for the Web. The code in <> commandssomething, and adding the slash ends the command. Strong = bold. Em = italics, short for “emphasis.”
  33. 33. You may need to break up your story, or section it off with headlines. In html and WordPress, they go from1 for the biggest down to 6. Like <em>, headlines are look like <h2>What, there are rules?</h2>
  34. 34. Headline 3, turned out to be small. Headline 2 looks good for the purpose. Different themes format thesedifferently. It’s something important to explore when you consider using a new them. In any website, WordPress or not, only one Headline 1 <h1> per page or post. Search engines key on H1!
  35. 35. I’ve added the other Pages the site needs. You will see them across the top,under the header. And a “child-page,” Equipment, subordinate to Rules.
  36. 36. In the middle right, see Page Attributes. Click on the field below“Parent.” I chose the Page “Rules of the Game” to be the parent.
  37. 37. This makes the “child-page,” Equipment, subordinate to Rules. You won’t seethe Equipment button except when your cursor flows over Rules of the Game.
  38. 38. Creating posts -- the writing, inserting of images and links -- is the same as in pages. Note Categories.Folders like these help you run the website ... and also helps the reader find related material.
  39. 39. Here are three categories. I’ll fill the first two, leaving the “Busy-ness”for the future. Because it is an empty category, it won’t be seen.
  40. 40. Here are posts I’ve added to show how this website’s going to look
  41. 41. Here’s the Croquet Fan blog all set up.
  42. 42. To make this a traditional website, not a blog-first one, WordPress has a couple of intermediate steps.First, create a new Page. Title it “Blog,” “News,” “Updates,” something something to tell readers this iswhere to find blog-like newsy time-stamped items. Leave every thing else blank - no writing no pictures.Publish.
  43. 43. Head to Dashboard -> Settings -> Reading. The Front Page Displays indicates the WordPress default ofblog comprising the opening page of your website, “Your Latest Posts.” That’s about to change
  44. 44. The About page could work. Many people revise the About to be a welcome letter etc.But this demo will create a store site, to show how a business or nonprofit can have a helpful, professionallooking website. Select “Croquet News,” that blank page, for “Posts page.”
  45. 45. There it is. A home page for a website not a blog. Oh, the blog is there-- “Croquet News.”
  46. 46. So for the latest, the reader clicks on the dynamic “Croquet News” in themenu bar. And the blog also can be seen on the right, “Recent Posts.”
  47. 47. This is how you play croquet, the WordPress.com way
  48. 48. Quick and Easy WordPress.com Presented by Ben Pollock

×