200 likes | 453 Views
…for beginners. Class #1. 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/classes Rec. read: WordPress for Dummies (link on website) Quick survey: Who works in IT? Other fields?
E N D
…for beginners Class #1
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/classes • Rec. read: WordPress for Dummies (link on website) • 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?
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)
Course Roadmap • Internet Basics • Dashboard, Administration • Posts vsPages • Editing: rich- vsHTML; 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
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
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 notWordPress? • Complexity (but not as bad as you might think) • Need slightly better server (but still cheap/free) • Takes a little getting-used-to
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
Internet Basics • What is the Internet? • What is a Webserver? • IPs & Domain Names 173.194.33.2 1.2.3.4 jonpeck.com=69.89.7.252 cutoncefilms.com=69.89.7.252 google.com=173.194.33.2 yahoo.com=98.138.253.109 }same! 69.89.7.252 98.138.253.109 5.6.7.8
Hosting • dedicated vs shared (VPS, cloud) jonpeck.com jonpeck.com index.html one.html cutoncefilms.com ….. two.html ….. art.gif ….. 69.89.7.252
Dynamic content (code & databases) VS Static content (text & files) transient pages -request -request somewebsite.com index.html code (PHP) one.html two.html database (MySql) art.gif WordPress or other CMS
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
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…
Getting your own Web Hosting: • info athttp://jonpeck.net/hosting • OK: Dreamhost (infinite disk space, but slow/limited) • 2-weeks* FREE (*always if 501c3) • usually $120/year but I’ve provided some discounts: • sign up at http://tinyurl.com/JonPress & enter code: • 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/host2014 • I shaved 50% off my load times my moving to MT
Log into your Test Site & follow along: ready?...
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. The Dashboard
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)
Course Roadmap • Internet Basics • Dashboard, Administration • Posts vsPages • Editing: rich- vsHTML; 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