1. …for beginners Class #1

2. Logistics Mon 6/30-6/14, 7-9:30pm at UW: LOEW 115 WiFi (UW) user: event0073, pass: QGAA;QFEA;ZSUA class website: http://jonpeck.net/classeshttp://jonpeck.net/classes Rec. read: WordPress for Dummies (link on website)WordPress for Dummies Quick survey: – Who works in IT? Other fields? – Programming experience? – Built a website before? Using what? – Ever used WordPress or another CMS? – Brought a laptop today? Tablet? (next time if can) – Purpose of the website(s) you want to build?

3. Disclaimers, etc I… – am a programmer & a consultant; WP is one of the many tools in my toolbox – am not all-knowing or perfect; I’ll tell you what I know, and tell you when I don’t know – am available for consultation (cost varies), but my goal is to make you able to run your own site You – should ask me lots of questions! – will get occasionally frustrated/lost; that’s normal, but tell me if you do – will get the most out of this course if you build a site while we’re learning (even if you scrap it later)

4. Course Roadmap Internet Basics Dashboard, Administration Posts vs Pages Editing: rich- vs HTML; Drafts/Visibility/Pubdate Navigation, Parents, Order Media library (& links to) Comments Settings: title/tagline, etc – Permalinks – Homepage / posts page Header & Background img User management Import/Export Custom Menus Widgets Themes: find, customize Plugins – SEO, videos, music/audio – E-Commerce, PayPal – shortcodes, inserting PHP Other ways of posting – Email – bookmarklet (“press this”) – iOS/Tablet apps

5. WordPress is a Content Management System… but what can you do with it? http://classesandworkshops.com – Class listings, calendar, shopping cart & payments http://solopracticeuniversity.com – Online courses, profession-based social networking http://www.hmag.com – E-zine, event listings, advertising http://zync.ca – Corporate website w/ design showcase http://www.clouds365.com – Photo & video gallery more at wordpress.org/showcase

6. Why WordPress? NOT JUST BLOGS! Easy to add/edit content Edit from anywhere via web browser Lots of plugins ( extensions ) & themes ( templates ) Easy to change look while retaining content Very flexible and constantly improving Why not WordPress? Complexity (but not as bad as you might think) Need slightly better server (but still cheap/free) Takes a little getting-used-to

7. Case Study Conversion from plain-old-HTML to WordPress Addition of SEO and other tools Immediate and dramatic improvements: – twice as many visitors over last 6 months – 8x increase in length-of-stay during first week, settled down to 38% permanent improvement – 40% decrease in bounce rate (visitors who leave) in first week, settled down to 7.5% decrease – the real benefit: 35% increase in gross income

8. Case Study

9. Internet Basics What is the Internet? What is a Webserver? IPs & Domain Names jonpeck.com=69.89.7.252 cutoncefilms.com=69.89.7.252 google.com=173.194.33.2 yahoo.com=98.138.253.109 jonpeck.com=69.89.7.252 cutoncefilms.com=69.89.7.252 google.com=173.194.33.2 yahoo.com=98.138.253.109 173.194.33.2 1.2.3.4 5.6.7.8 98.138.253.109 69.89.7.252

10. Hosting – dedicated vs shared (VPS, cloud) 69.89.7.252 jonpeck.com cutoncefilms.com ….. jonpeck.com index.html one.html two.html art.gif

11. Static content (text & files) somewebsite.com index.html one.html two.html art.gif database (MySql) code (PHP) transient pages -request Dynamic content (code & databases) VS

12. WordPress.org vs WordPress.com WordPress.org: provides software that you put on your own server (aka “host”) ; more complexity but also more extensibility (plugins, etc) WordPress.com uses a modified (crippled) version of that same software, but running on their own servers: you use their server Both are free, but… – WordPress.org: you need server (usu. $9-10/month) – WordPress.com: $30-100/yr to remove ads, allow custom domain, enable theme editing, etc For anything more than basic blogging, I’d recommend WordPress.org

13. Web Hosting I’ll provide test websites for you – these will be a bit slow, and are TEMPORARY – will keep them running until appx August 1 Eventually (or maybe now!) you’ll want your own hosting…

14. Getting your own Web Hosting: info at http://jonpeck.net/hostinghttp://jonpeck.net/hosting OK: Dreamhost (infinite disk space, but slow/limited) - 2-weeks* FREE (*always if 501c3)501c3 - usually $120/year but I’ve provided some discounts: - sign up at http://tinyurl.com/JonPress & enter code:http://tinyurl.com/JonPress wp2013 = $40 off (makes it $80 for 1 year of hosting) wp2013domain = $30 off + extra free domain for life wp2013ip = $20 off + extra free domain + free unique IP GREAT: MediaTemple (very fast, many different plans) - 20% off with this link: http://tinyurl.com/host2014http://tinyurl.com/host2014 - I shaved 50% off my load times my moving to MT

15. Log into your Test Site & follow along: DashboardUsernamePassword http://jonpeck.org/one/wp-adminoneone@site! http://jonpeck.org/two/wp-admintwotwo@site! ……… http://jonpeck.org/fifteen/wp-adminfifteenfifteen@site! ready?...

16. The Dashboard The administration panel (“dashboard”) is usually at http://[yourwebsite.com]/ wp-admin The “admin bar” tells you what site you are editing, and who you are (rollover your name to logout) A different version of this bar appears when you are visiting your own site (if you are logged in). “Screen Options” changes which items are shown on the current screen of the Dashboard. “Help” is context-specific, providing info about the current Dashboard screen. The left-Navigation provides access to specific features of WordPress. Each one has its own sub-menu… we’ll get into the specifics in just a bit. The Content Pane has info about your site’s status… how many pages you have, etc. This Pane changes depending on what part of the left-Navigation you have just clicked on.

17. Try this now… Login to your site (if you haven’t already) Turn off Comments (demo) Change your password!! Add a new user (demo) Add the plugin called “WordFence” (demo)

18. Course Roadmap Internet Basics Dashboard, Administration Posts vs Pages Editing: rich- vs HTML; Drafts/Visibility/Pubdate Navigation, Parents, Order Media library (& links to) Comments Settings: title/tagline, etc – Permalinks – Homepage / posts page Header & Background img User management Import/Export Widgets Themes: find, customize Plugins – SEO, videos, music/audio – E-Commerce, PayPal – shortcodes, inserting PHP Other ways of posting – Email – bookmarklet (“press this”) – iOS/Tablet apps