Intro to Web Design
WORKING WITH WORDPRESS
Programming for the Web
Content Management
Confusing
Management
System
System
(CMS)
Content Management System (CMS)
Ways to get WordPress
wordpress.org (Paid)
wordpress.com (Free)
www.colin.com
www.colin.wordpress.com
Any theme and custom CSS
Only free themes and no custom CSS
Plugins
No plugins
Usually unlimited
3gb maximum
Domain and Host
Domain = www.colin.com
Sub-domain = www.resume.colin.com
Host =
Getting a domain and host with Bluehost
www.bluehost.com
per month
**Includes both domain and hosting
Link for helpful
walkthrough
(click WordPress
logo and it’s the
top choice)
WordPress Administration Page
http://yourpage.com/wp-admin/
WordPress Terminology: Basics
Dashboard: managers interface
Theme: consistent pre-made style (think PowerPoint theme)
Post: Individual article/blog essay with consistent layout/structure
Categories: Grouping of posts
Tags: Way to search
Page: Same as post, but not categorized or tagged… one-offs
Template: Layout/structure of an individual page
More on terminology here
WordPress Terminology: Post Types
• Text and image
• Embedded links
• https://codex.wordpress.org/Embed_Shortcode
• Galleries
WordPress Terminology: Plugins and shortcodes
• Add more functionality to your website
• Deactivate unnecessary ones (they slow your site down)
• Jetpack and Mojomarket  Get rid of these first
• [short_code_name property=“value”]
• Example:
[huge_it_portfolio id=“2”]
WordPress Terminology: Widgets
• “Boxes” of content usually in the sidebar or footer
• AppearanceWidgets
WordPress Terminology: Menu
• Navigation structure
• AppearanceMenus
Links to the resources in this demo
Spacious theme
http://demo.themegrill.com/spacious/video-tutorial/
Photo Gallery plugin
https://wordpress.org/plugins/photo-gallery/
Theme forest
http://themeforest.net/
Image Sources
http://cdn.tripwiremagazine.com/wp-content/uploads/2011/06/image74.png
http://cnx.org/content/m43033/1.2/StructureOfaPage.png
http://blog.teamtreehouse.com/wp-content/uploads/2014/11/progressive-enhancement.png
http://smallbusinessshift.com/wp-content/uploads/2011/08/Wordpress-Edit-Post-Screen-550x341.png
http://www.vermontguardian.com/images/local/2006/Lightbulb.jpg
http://hmbailey.com/wp-content/uploads/2013/12/CMS-Collage2.jpg
http://wpdevshed.com/wp-content/uploads/2014/01/web-hosting-comparison.png
http://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_winter2.jpg
http://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_spring1.jpg