WordPress For Nonprofits!

Sang-Min Yoon January 29th, 2014

Introductions

Sang-Min YoonWeb Designer & Front-End Developer

Who Are You Folks?

Agenda• Overview of WordPress

• Web Design Trends

• Live Demo

• Suggestions and Resources

• Build Your Website

Overview of WordPress

5 Minute Video

Video Credit: www.wp101.com

What Is WordPress?

A free publishing platform that allows you to easily create content for the web.

WordPressWebsiteContent

WordPress powers over 20% of the Web

Why?• Free (but….. you need a server to host your website)

• Easy to use

• Open Source

• Don’t need to know code

• Control your own content

• SEO friendly

• Easy to get help

Difference Between WordPress.Com and WordPress.Org

WordPress.Com Vs WordPress.Com

Picture Credit: https://blog.rooof.com

Questions?

Web Design Trends

Web Design Trends• Clean, Minimal and Simple

• Flat Design

• Responsive Design

• User Experience

• Content is King

Clean, Minimal and Simple

Goodwww.Yahoo.com

Betterwww.Google.com

Goodwww.Box.com

Betterwww.DropBox.com

Flat DesignNo More Skeuomorphism (Junks)

Everyone Is Going “Flat”

iPhone IOS 6 iPhone IOS 7

Previous Logo

Current Logo

Microsoftwww.Microsoft.com

Entertainment Weeklywww.EW.com

Responsive Design

Photo Credit: www.flickr.com/photos/lukew

Best Solution for Different Devices and Screen Sizes

Photo Credit: www.upstatement.com

Boston Globewww.BostonGlobe.com

Wentworth

User Experience

Goodwww.Craigslist.org

Badwww.Healthcare.gov

Craigslist.Org Always Works But Healthcare.Gov…

BadOld Blackboard Login Page

GoodNew Blackboard Login Page

bb.wit.edu

Content

The Main Reason Why Users Come To Your Website Is For

Content

Photo Credit: blog.websiteboston.com

Questions?

Live DemoWatch Me Build a Website

Live Demo List• The Dashboard

• Settings

• Post & Pages

• Posting Content

• Text, Links, Images, gallery and video

• Embedding Codes

• Widgets (Sidebar)

• Themes

• Plugins

!

Questions?

Suggestions and Resources

Hosting

Hosting

ResourcesWordPress

• www.wpbeginner.com

• www.wp101.com

• http://codex.WordPress.org/WordPress_Lessons

• http://torquemag.io

• WordPress For Dummies byLisa Sabin-Wilson

Web Design/Development

• www.alistapart.com

• www.creativebloq.com

• www.smashingmagazine.com

!

!

Where To Get Themes

http://WordPress.org/themes

Where To Get Themes

http://themeforest.net/category/WordPress/nonprofit

Where To Get Plugins

http://WordPress.org/plugins

Where To Get Help • Google

• Youtube

• WordPress Support Forum http://WordPress.org/support

• WordPress Answers http://WordPress.stackexchange.com

• Boston WordPresshttp://www.meetup.com/boston-WordPress-meetup

• WordCampshttp://central.wordcamp.org

• Me

If You Don’t Have Photoshop

Suggestions• WordPress is easy.

• Creating content for your website is hard.

• Don’t spend too much time on WordPress until you have determined your website structure (sitemap) and have all your content ready (including graphics, photos and videos).

• Utilize WordPress (themes and plugins) to best communicate your website content to your target audience.

• Don’t let design (theme) dictate the content of your website.

Hire A Designer/Developer

Questions?

Thank YouEmail: info@sangminyoon.com

Twitter: @smyoon315