intro to web design working with wordpress. programming for the web
TRANSCRIPT
Intro to Web DesignWORKING WITH WORDPRESS
Programming for the Web
Content Management System (CMS)Confusing Management System
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
Host =
Sub-domain = www.resume.colin.com
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 interfaceTheme: consistent pre-made style (think PowerPoint theme)Post: Individual article/blog essay with consistent layout/structure
Categories: Grouping of postsTags: Way to search
Page: Same as post, but not categorized or tagged… one-offsTemplate: 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
• AppearanceWidgets
WordPress Terminology: Menu
• Navigation structure
• AppearanceMenus
Links to the resources in this demo
Spacious themehttp://demo.themegrill.com/spacious/video-tutorial/
Photo Gallery pluginhttps://wordpress.org/plugins/photo-gallery/
Theme foresthttp://themeforest.net/
Image Sourceshttp://cdn.tripwiremagazine.com/wp-content/uploads/2011/06/image74.pnghttp://cnx.org/content/m43033/1.2/StructureOfaPage.pnghttp://blog.teamtreehouse.com/wp-content/uploads/2014/11/progressive-enhancement.pnghttp://smallbusinessshift.com/wp-content/uploads/2011/08/Wordpress-Edit-Post-Screen-550x341.pnghttp://www.vermontguardian.com/images/local/2006/Lightbulb.jpghttp://hmbailey.com/wp-content/uploads/2013/12/CMS-Collage2.jpghttp://wpdevshed.com/wp-content/uploads/2014/01/web-hosting-comparison.pnghttp://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_winter2.jpghttp://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_spring1.jpg