First fare 2011 website 101 for frc teamsPresentation Transcript
ordPress W withW ebs ites Tea msfor FRC
Website 101 for FRC Teams2 Who am I? Mentor teams 1510, 2898 Seven year veteran of FIRST Robot Inspector Board member for Oregon FIRST Robotics 20+ year IT guy Webmaster for several websites, including www.oregonfirst.org www.dinnerandamoviepdx.com
Website 101 for FRC Teams3 What We will Cover " Options to create a Website " Getting Started " Resources
Website 101 for FRC Teams4 Our Options HTML, PHP CMS & CSS Content Management Systems
Website 101 for FRC Teams5 Our Options HTML, PHP & CSS CMS Content Management Systems Extremely customizable Easier to install & use No built-in rights mgmt Multiple users with variable rights Customizable Must code for different browsers WYSWYG Content tied to code No need to know HTML/CSS Must code database/file support Content separate from code Need to roll your own PHP code Built in database support
Website 101 for FRC Teams6
Website 101 for FRC Teams7 What you need to start " Domain Name Registration o http://www.icann.org/en/registrars/ accredited-list.html " Hosting account. You generally have three options: o Managed Hosting o Un-managed hosting o Self Hosted
Website 101 for FRC Teams8
Website 101 for FRC Teams9 WordPress.com " Hosted " You use the WordPress.com system " Your URL is foo.WordPress.com " Enhanced services allow you to use your domain name " Can only use approved themes and plug-ins
Website 101 for FRC Teams10 WordPress.org " Self-Hosted " Open Source, free to download " 5-Minute Install " http://codex.WordPress.org/Installing_WordPress#Famous_5-Minute_Install " Requirements: " Web Host – YourDomain.com " Web Database provided by your host " FTP access " HTML or Text Editor " Some general knowledge of computer file structures
Website 101 for FRC Teams11 Installing WordPress " After you have a domain name " After you have a host " Now you can install WordPress
Website 101 for FRC Teams12 Tools " FTP Client (e.g. Filezilla, Transmit) " Text Editor (e.g Coda)
Website 101 for FRC Teams13 WordPress Installation " Download WordPress " Copy files via FTP " Create database " Create user " Connect database to user " Run setup " Apply Theme
Website 101 for FRC Teams14 Step-by-Step Instructions
Website 101 for FRC Teams15 Step 1 - Domain Name " Set up a domain name on your web host account.
Website 101 for FRC Teams16 Step 2 - Database " One click Database setup – MySql Administration
Website 101 for FRC Teams17 Step 2 - MySql DB " Create your database. " Description (Name your Database) " Choose MySql Version (choose latest – 5.0) " Enter a Password, re-enter (write it down!) " Set-up
Website 101 for FRC Teams18 Step 2 - MySQL DB info " Save your DB info, you’ll need it later
Website 101 for FRC Teams19 Step 3 – Get WordPress " Download the software: http://WordPress.org/download/ " Unzip the software
Website 101 for FRC Teams25 Step 4 - Upload to your Host " Log-in to host account via FTP " Upload “WordPress” folder to main directory. " You can rename “blog” or “site” now. Not later.
Website 101 for FRC Teams26 Step 5 – The Five Minute Install " Open a broswer (FireFox, Chrome, IE, Safari, etc.) " Open browser to: http://yourdomain.com/wordpress/wp-admin/ install.php) Or yourdomain.com/blog/… Or yourdomain.com/site/…
Website 101 for FRC Teams27 Step 5 " Enter your Blog Title " Username " Password " eMail " Click Install WordPress
Website 101 for FRC Teams28 Step 5 " Enter your credentials & Log in!!!
Website 101 for FRC Teams29 Step 6 - Login " Installation done, almost there…
Website 101 for FRC Teams30 Step 6 – The Dashboard
Website 101 for FRC Teams31 Diving into WordPress
Website 101 for FRC Teams32 Some WordPress Basics " Content " Structure " Database
Website 101 for FRC Teams33 Structure Presentation Markup Language ➜ Dynamic Functions Scripting Language ➜ Data Database ➜
Website 101 for FRC Teams34 WordPress Layout
Website 101 for FRC Teams35 Personalize WordPress " Three simple ways to customize and personalize your website: " Themes " Widgets " Plugins
Website 101 for FRC Teams36 " Themes " Controls the overall color palette, images, size, placement of content " Site has one theme " Widgets " Allows specialized content and features, placed in special “containers” based on the theme " Plugins " Changes the functions and workings of WordPress
Website 101 for FRC Teams37 Introduction to Themes " A WP Theme is a collection of Template files - (X)HTML + PHP + CSS " The CSS (aka stylesheet) usually controls the layout and design " http://WordPress.org/extend/themes contains over 1,400 free themes " Most have options to customize the theme
Website 101 for FRC Teams38 Free Themes
Website 101 for FRC Teams39 Introduc:on to Widgets " Widgets can be used in sidebars " Widgets perform various functions outside scope of main system " Widgets are ﬂexible and can be moved up or down in a sidebar
Website 101 for FRC Teams40 Introduction to Plugins" A plugin extends the functionality of WordPress" Find thousands of free plugins here: http:// WordPress.org/ extend/plugins
Website 101 for FRC Teams41 Shameless plug goes here.
Website 101 for FRC Teams42
Website 101 for FRC Teams43 WordPress Content Post Page " Individual entries within a " Pages are just what they blog, they can include sound like - whole pages things like: on a site " The title of the entry, the " Meant to be used for static date, tags, categories, content - content that comments rarely changes " Typical blog entries, but " Example : the about page can also be any dynamic content (events list, etc.)
Website 101 for FRC Teams49 Must-Have Plugins Plugin Description Akismet Akismet checks your comments against the Akismet web service to see if they look like spam or not. You need an API key to use it. You can review the spam it catches under "Comments." To show off your Akismet stats just put <?php akismet_counter(); ?> in your template. See also: WP Stats plugin. AmR iCal Events List Display simple or highly customisable and styleable list of events. Handles all types of recurring events, notes, journals, freebusy etc. Offers links to add events to viewers calendar or subscribe to whole calendar. Write Calendar Page and put [iCal http:// yoururl.ics ] where you want the list of events. Contact Form 7 Just another contact form plugin. Simple but flexible. Countdown Timer Add template tags and widget to count down or up to the years, months, weeks, days, hours, minutes, and/or seconds to a particular event.
Website 101 for FRC Teams52 Plugin Description W3 Total Cache The fastest and most complete WordPress performance plugin. Dramatically improve the speed and user experience of your site. Add browser, page, object and database caching as well as minify and content delivery network (CDN) to WordPress. Woopra This plugin adds Woopras real-time analytics to any WordPress installation. Simply sign up at Woopra.com, then activate the plugin! WP-DBManager Manages your WordPress database. Allows you to optimize database, repair database, backup database, restore database, delete backup database , drop/empty tables and run selected queries. Supports automatic scheduling of backing up and optimizing of database. WP-Table Reloaded This plugin allows you to create and easily manage tables in the admin-area of WordPress. A comfortable backend allows an easy manipulation of table data. You can then include the tables into your posts, on your pages or in text widgets by using a shortcode or a template tag function. Tables can be imported and exported from/to CSV, XML and HTML. WP Security Scan Perform security scan of WordPress installation. WP System Health Comprehensive Overview for your WordPress Parameter and Server Performance.