Part II of Montana State University's WordPress Course

1. Advanced WordPress

2. Our Flight Plan

3. Our Flight Plan
5:30 - 5:45 Introductions

4. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips

5. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips
6:15 - 7:00 Basics Checklist
7:00 - 7:15 Persona Worksheet

6. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips
6:15 - 7:00 Basics Checklist
7:00 - 7:15 Persona Worksheet
7:15 - 7:20 BREAK

7. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips
6:15 - 7:00 Basics Checklist
7:00 - 7:15 Persona Worksheet
7:15 - 7:20 BREAK
7:20 - 7:40 Overview of Good Web Design + Usability

8. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips
6:15 - 7:00 Basics Checklist
7:00 - 7:15 Persona Worksheet
7:15 - 7:20 BREAK
7:20 - 7:40 Overview of Good Web Design + Usability
7:40 - 8:30 In-Class Work Session

9. Our Flight Plan
5:30 - 5:45 Introductions
5:45 - 6:15 Review + Productivity Tips
6:15 - 7:00 Basics Checklist
7:00 - 7:15 Persona Worksheet
7:15 - 7:20 BREAK
7:20 - 7:40 Overview of Good Web Design + Usability
7:40 - 8:30 In-Class Work Session
Homework - Log in, edit/delete/add page, upload media,
optimize a page for search

10. Principles Review
Overview of WordPress
Whatʼs a CMS?

11. Principles Review
Overview of WordPress
Whatʼs a CMS?
CMS = Content Management System

12. Principles Review
Overview of WordPress
Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links

13. Principles Review
Overview of WordPress
Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins

14. Principles Review
Overview of WordPress
Whatʼs a CMS?
CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins
Easily get found via search engines

15. Principles Review
Overview of a WordPress
The Good Old Days
Weren’t So Good...

16. Principles Review
Overview of a WordPress
The Good Old Days
Weren’t So Good...
CMS = $Big Money

17. Principles Review
Overview of a WordPress
The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update

18. Principles Review
Overview of a WordPress
The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host

19. Principles Review
Overview of a WordPress
The Good Old Days
Weren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host
Hard for search engines to see

20. Enter Wordpress...

21. Enter Wordpress...
Blogging “Platform”

22. Enter Wordpress...
Blogging “Platform”
Search-engine friendly

23. Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source

24. Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source
Powerful for simple sites

25. What Wordpress Can Do

26. What Wordpress Can Do
Create “Static” Pages and Blog

27. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links

28. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’

29. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’
Tons of plug-ins

30. What Wordpress Can Do
Create “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’
Tons of plug-ins
Online Community to Help

31. What Wordpress Canʼt Do

32. What Wordpress Canʼt Do
eCommerce for many SKU’s

33. What Wordpress Canʼt Do
eCommerce for many SKU’s
Massive big websites

34. What Wordpress Canʼt Do
eCommerce for many SKU’s
Massive big websites
Custom functionality (unless you know code)

35. What Wordpress Canʼt Do
eCommerce for many SKU’s
Massive big websites
Custom functionality (unless you know code)
Complex custom designs (unless you know code)

36. Principles Review
Overview of WordPress
Vs.

37. Principles Review
Overview of WordPress
Page
Vs.

38. Principles Review
Overview of WordPress
Page
Vs.
(doesn’t change)

39. Principles Review
Overview of WordPress
Page Posts
Vs.
(doesn’t change)

40. Principles Review
Overview of WordPress
Page Posts
Vs.
(doesn’t change) (changes)

41. Principles Review
Overview of a WordPress
Pages Posts
Vs.

42. Principles Review
Overview of a WordPress
Pages Posts
Vs.
Example:
Home
About
Contact Us

43. Principles Review
Overview of a WordPress
Pages Posts
Vs.
Example:
Example:
Home
Blog
About
Recent News
Contact Us

44. Principles Review
Overview of a WordPress
FAQʼs

45. Principles Review
Overview of a WordPress
FAQʼs
Can’t I just move stuff around to get what I want
for a look?

46. Principles Review
Overview of a WordPress
FAQʼs
Can’t I just move stuff around to get what I want
for a look?
I need the site to login users, update Facebook
automatically, take credit cards, cure cancer, etc.

47. Principles Review
Overview of a WordPress
FAQʼs
Can’t I just move stuff around to get what I want
for a look?
I need the site to login users, update Facebook
automatically, take credit cards, cure cancer, etc.
So, I’ll be the first result in Google, right?

48. Principles Review
Overview of a WordPress
Tips
Tabs Are Your Friend

49. Principles Review
Overview of a WordPress
Tips
Google is Your Friend

50. Principles Review
Overview of a WordPress
Tips
http://codex.wordpress.org/
Codex is Your Friend

51. Principles Review
Overview of a WordPress
Tips
Visual
Code: HTML, CSS, PHP, MySQL

52. Persona Design
Use This as Your Guide
Name: Bill Johnson Occupation: CEO of mid-size company.
Age: 52 Company: Apartment Renovations Inc.
Home: Pasadena, CA Clients: Landlords, Real estate investors
Married with 3 kids Culture: Laid back, friendly, professional, quality
Oldest of 4 siblings

53. Persona Design
Use This as Your Guide

54. Persona Design
Use This as Your Guide
What does our website need to provide
for Bill?
How will he find us?
What value do we provide for his time?

55. Zen Question of the Day

56. Zen Question of the Day
If one builds a
site and
nobody
visits, is it a
website?

57. Remember This
It’s All About: Keywords

58. Principles Review
Overview of a Search Results Page

59. Principles Review
Overview of a Search Results Page
Keyword Phrase

60. Principles Review
Overview of a Search Results Page
Keyword Phrase
Local
Results

61. Principles Review
Overview of a Search Results Page
Keyword Phrase
Local
Results
Page
Title

62. Principles Review
Overview of a Search Results Page
Keyword Phrase
Local
Results
Page
Title
Page
Description

63. Principles Review
Paid Search

64. Keywords Review
How We Find Everything Online

65. Keywords Review
How We Find Everything Online
1. Brainstorm keyword phrases around pain points

66. Keywords Review
How We Find Everything Online
1. Brainstorm keyword phrases around pain points
2. Use Google’s AdWords Tool for ideas (free)

67. Keywords Review
How We Find Everything Online
1. Brainstorm keyword phrases around pain points
2. Use Google’s AdWords Tool for ideas (free)
3. Identify keywords to weave into all your content

68. <!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<script src="/js/jquery-1.4.2.js" type="text/javascript" language="JavaScript" _cdn="true"></script>
<!-- <link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/frame.css" media="screen" type="text/css" _cdn="true" />
-->
Is This Hard?
<link rel="stylesheet" href="http://cdn.seomoz.org/css/moz_nav/all.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/site_wide.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/page_banner.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/screen.css" media="screen, projection" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/print.css" media="print" type="text/css" _cdn="true" /> Nope.
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/plugins/fancy-type/screen.css" media="screen, projection" type="text/css" _cdn="true" />
<!--[if lte IE 8]>
<style type="text/css">
#moz-nav-header.basic .navigation form.search input[type="submit"] {
height: 22px !important;
}
</style>
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" href="http://cdn.seomoz.org/css/moz_nav/ie.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/ie.css" media="screen, projection" type="text/css" _cdn="true" />

69. Plugins Design
Powerful Add Ons

70. Plugins Design
Powerful Add Ons
Overview
Visual
Plugins
Code: HTML, CSS, PHP, MySQL

71. Plugins Design
Powerful Add Ons

72. Plugins Design
Powerful Add Ons
1. Simple to Install

73. Plugins Design
Powerful Add Ons
1. Simple to Install
2. Adds Functionality

74. Plugins Design
Powerful Add Ons
1. Simple to Install
2. Adds Functionality
3. Google It

75. Plugins Design
Powerful Add Ons
1. Simple to Install
2. Adds Functionality
3. Google It
4. Read Installation

76. Plugins Design
Powerful Add Ons
TIP: Check the
1. Simple to Install
“Average Rating” and
2. Adds Functionality
make sure the Plug-in
3. Google It
will work with your
4. Read Installation
current version
(Wordpress 3.0+)

77. Plugins Design
Powerful Add Ons

78. Plugins Design
Powerful Add Ons
Page
Title

79. Plugins Design
Powerful Add Ons
Page
Title
Page
Description

80. Plugins Design
Powerful Add Ons
exercise
Let’s Install a Plugin:
All in One SEO Pack

81. Plugins Design
Powerful Add Ons
exercise
Let’s Install a Map:
MapPress

82. Plugins Design
Powerful Add Ons
Time to earn 4 gold stars

83. Plugins Design
Powerful Add Ons
Introducing: [ short codes ]

84. Plugins Design
Powerful Add Ons
Introducing: [ short codes ]
short codes

85. How to Provide a Good Web Experience

86. Sitemap Design
Sketching Out Your Content
Example: (Basic)

87. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home

88. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services

89. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services
About

90. Sitemap Design
Sketching Out Your Content
Example: (Basic)
Home
Services
About
Contact

91. Design
2
Number of
clicks to get
to any part
of your site
(ideally)

92. How People Read

93. How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/

94. How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/

95. Strategy
20%
Percentage
of words
read during
an average
site visit
Source: http://www.useit.com/alertbox/percent-text-read.html

96. Strategy
Source: http://www.useit.com/alertbox/percent-text-read.html

97. Strategy
#1
Write
relevant
content
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

98. Strategy
#2
Put
conclusions
at the
beginning
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

99. Strategy
#3
One idea
per
paragraph
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

100. Strategy
#4
Use action
words
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

101. Strategy
#5
Use lists
over
paragraphs
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

102. Strategy
#6
Limit list
items to 7
words
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

103. Strategy
#7
Write.
Briefly.
Always.
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

104. Strategy
#8
Include:
Sub-headings
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

105. Strategy
#9
Include links
in your copy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

106. Strategy
#10
prufread.
proof. read.
proofread.
Source: http://webdesign.about.com/od/writing/a/aa031405.htm

107. Design
does this stuff matter?

108. Flashback

109. Flashback

110. Today

111. Principles Design
Getting Your User Through Your Site

112. Principles Design
Getting Your User Through Your Site
1. Simple navigation

113. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings

114. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text

115. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text
4. Great Images

116. Principles Design
Getting Your User Through Your Site
1. Simple navigation
2. Keyword Headings
3. Concise Text
4. Great Images
5. Breadcrumbs

117. Principles Design
Getting Your User Through Your Site
1. Simple navigation TIP: Observe
2. Keyword Headings somebody on your
3. Concise Text site and have them
4. Great Images talk through their
5. Breadcrumbs thoughts

118. Principles Review
Overview of a WordPress
Where
We’ve Been

119. Principles Review
Overview of a WordPress
Where
We’ve Been
1. Getting Traffic to Your Site

120. Principles Review
Overview of a WordPress
Where
We’ve Been
1. Getting Traffic to Your Site
1I. Using plugins instead of code

121. Principles Review
Overview of a WordPress
Where
We’ve Been
1. Getting Traffic to Your Site
1I. Using plugins instead of code
1II. Providing good user experiences

122. Design
exercise
Let’s Review Themes