chester library quickstart to wordpress

50
How to Design a Website with WordPress Chester Public Library January 11, 2014 Eileen MacAvery Kane

Upload: eileen-macavery-kane

Post on 15-May-2015

207 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Chester Library QuickStart to WordPress

How to Design a Website with WordPress

Chester Public Library

January 11, 2014

Eileen MacAvery Kane

Page 2: Chester Library QuickStart to WordPress

I. Overview of WordPress

II. Options

III. Goals

IV. Plan

V. Designing and Adding Content

VI. Resources

VII. Hands-on

Agenda

Page 3: Chester Library QuickStart to WordPress

What is Wordpress?

Page 4: Chester Library QuickStart to WordPress

• Web software you can use to create a blog (weblog) or website

• CMS (Content Management System)

• Computer program that allows you to edit, publish, modify, and manage content on your website online

• Free and open source

Page 5: Chester Library QuickStart to WordPress

What is it used for?

Page 6: Chester Library QuickStart to WordPress

Blogging

Page 8: Chester Library QuickStart to WordPress

Advertising

Page 10: Chester Library QuickStart to WordPress

eCommerce

Page 12: Chester Library QuickStart to WordPress

Portfolios

Page 14: Chester Library QuickStart to WordPress

Why WordPress?

Page 15: Chester Library QuickStart to WordPress

WordPress Benefits

• Easy installation

• Easy customization

• Easy maintenance

• Search engine friendly

• RSS Feeds

• Schedule Posts

• Interactivity

• Large supportive community

• Multiple plug-ins

• Design flexibility

• Multiple users

• Generates lots of traffic

Source: http://www.drostdesigns.com/wordpress-web-design-top-12-benefits-of-designing-your-website-with-wordpress/

Page 16: Chester Library QuickStart to WordPress

Look at all your options

Page 17: Chester Library QuickStart to WordPress

Other Free Options

Page 19: Chester Library QuickStart to WordPress

Social Networking

Page 20: Chester Library QuickStart to WordPress

• Wordpress.com is free but you need to use the wordpress.com url (i.e. name.wordpress.com) for hosting

• Limited amount of space and options with Wordpress.com

• No ads with Wordpress.com

• Pay for hosting and domain with Wordpress.org

• Wordpress.org requires more technical knowledge

• Wordpress.org better for SEO (Search Engine Optimization)

• Edublogs have a Wordpress engine and functions like wordpress.com, different levels (some free, some not)

Source: http://en.support.wordpress.com/com-vs-org/

Wordpress.org / Wordpress.com / Edublogs

Page 21: Chester Library QuickStart to WordPress

Wordpress.org (pay for hosting yourself)

Page 22: Chester Library QuickStart to WordPress

Wordpress.com (use them to host)

Page 23: Chester Library QuickStart to WordPress

Wordpress.edublog.org (use their host)

Page 24: Chester Library QuickStart to WordPress

Getting Started

Page 25: Chester Library QuickStart to WordPress

Define your goals

Page 26: Chester Library QuickStart to WordPress

Website Goals

• Advertise• Non-profit/Fundraising• Information• eCommerce • Portfolio site• Self-promotion

Page 27: Chester Library QuickStart to WordPress

Personal goals

Page 28: Chester Library QuickStart to WordPress

Personal Goals

• Easy to build • Easy to maintain and update • Easy to find • Economical • Showcase creativity

Page 29: Chester Library QuickStart to WordPress

Determine your budget

Page 30: Chester Library QuickStart to WordPress

Budget Considerations

• Wordpress.com – No cost (unless you upgrade)• Wordpress Community (free or paid)

– Ie. Edublogs, Photocrati

• Self-hosted Wordpress– Domain (ie. 1and1.com $.99 for first year, $10.99) – Hosting Costs (ie. Bluehost 6.95 / month for

12 month contract)– Theme (ie. free to $39/year to $299 per theme)

• E-Commerce Service Provider– Ie. Shopify, $29/month - $179/month

Page 31: Chester Library QuickStart to WordPress

Make a plan

Page 32: Chester Library QuickStart to WordPress
Page 33: Chester Library QuickStart to WordPress
Page 34: Chester Library QuickStart to WordPress
Page 35: Chester Library QuickStart to WordPress

Gather Content

Page 36: Chester Library QuickStart to WordPress

Content

• Brand Identity• Text• Images

Page 37: Chester Library QuickStart to WordPress

Find a Theme

Page 38: Chester Library QuickStart to WordPress

Layout

Not all themes are created equal, follow web usability guidelines for:

• Branding (top left)• Navigation (top or left sidebar)• Search (always include one)

Page 39: Chester Library QuickStart to WordPress

Design Components

Look for themes that follow design principles:

• 3 levels of Hierarchy • Color – limited to 3 colors• Typography – no more than 3 different fonts• Rule of Thirds or other grid structure

REMEMBER THE POWER OF 3

Page 40: Chester Library QuickStart to WordPress

http://ilovetypography.com/

Page 41: Chester Library QuickStart to WordPress

http://fstop2.photocrati.com/

Page 43: Chester Library QuickStart to WordPress

Adding images, media, and content

Page 44: Chester Library QuickStart to WordPress

Images

• Keep size reasonable – approx. 1000 x 800 at 72 ppi

• Edit images directly in blog or use image editing software: iPhoto, Picnik, Photoshop for optimum results

• Save as RGB in jpeg, gif, or png format

• Make sure you follow image usage rights guidelines (use your own or images that you have permission to use)

Page 45: Chester Library QuickStart to WordPress

Media

Upload to free video hosting sites•YouTube•Vimeo•Flickr

Page 46: Chester Library QuickStart to WordPress

Content

• Write like you talk• KISS – keep it short and simple• Keep it lively, make it snappy and snazzy• Link often and use keywords• Use headlines and short sentences • Proof-read for typos and grammar• Make it worthwhile• Post often• Always respond

Page 47: Chester Library QuickStart to WordPress

Posts vs. Pages

POSTS• Time-based• Relational• Part of group (categories)• Need to be organized• Ephemeral

PAGES• Static content• Non-relational• Permanent fixtures• Macro-level• Site information

RULE OF THUMBPages for info that doesn’t change

Posts for info that is updated and transient

Page 48: Chester Library QuickStart to WordPress

SEO

• Unique and useful content.• Quality and relevant backlinks• Title tags should be unique and contain your main

keywords.• Your website shouldn't have many sub menus,

and its pages should be interlinked.

http://orange.score.org/resources/9-ways-boost-your-local-search-results

Page 49: Chester Library QuickStart to WordPress

Prioritize

1. Determine which type of hosting you will use (wordpress.org, wordpress.com, edublog)

2. Make a plan for navigation3. Pick posts or a page for home page4. Find a theme5. Add content: pages, posts, widgets6. Determine comment protocol7. Extend — plugins, link to social media sites8. Find what you don’t know when you need it

Page 50: Chester Library QuickStart to WordPress

Dive in and try it!