-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
296 lines (259 loc) · 10.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="en">
<head>
<title>Choosing and Installing Plugins</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://wptrainingteam.github.io/shower/themes/ribbon/styles/screen-16x10.css">
<link rel="stylesheet" href="https://wptrainingteam.github.io/shower/themes/ribbon/styles/training-team-styles.css">
</head>
<body class="shower list">
<header class="caption">
<h1>Choosing and Installing Plugins</h1>
</header>
<section class="slide" id="cover">
<h2>Choosing and Installing Plugins</h2>
<figure>
<img class="cover" src="pictures/cover.jpg" alt="WordPress logo blueprint style">
<figcaption class="white">
<a href="https://wp-wallpaper.com/">Created by Michelle Schulp</a>
</figcaption>
</figure>
</section>
<section class="slide">
<h2>Objectives</h2>
<ol>
<li>Identify the purpose of a plugin</li>
<li>Assess a plugin based on the evaluation criteria</li>
<li>Demonstrate how to install plugins automatically from the WordPress Plugin Directory or from a provided .zip file and activate the plugins</li>
<li>Demonstrate how to leave a star rating and review for a plugin</li>
<li>Demonstrate how to search for and create a new topic in the plugin support forum</li>
</ol>
</section>
<section class="slide">
<h2>Prerequisite Skills</h2>
<ul>
<li>Basic WordPress Administration</li>
</ul>
<h2>Readiness Questions</h2>
<ul>
<li>Do you have a WordPress site?</li>
<li>Do you want to add functionality to your WordPress website?</li>
<li>Do you have a WordPress.org account?</li>
<li>Is there something special you would like to do with your WordPress website?</li>
</ul>
</section>
<section class="slide">
<h2>What is a Plugin?</h2>
<p>Plugins are ways to extend functionalities that already exist or add new ones in WordPress. The core of WordPress is designed to be lean and lightweight, to maximize flexibility and minimize code bloat. Plugins offer custom functions and features so that users can tailor their site to their specific needs.</p>
</section>
<section class="slide">
<h2>Example types of Plugins</h2>
<ul>
<li>SEO</li>
<li class="next">Backup</li>
<li class="next">Security</li>
<li class="next">Sliders and Galleries</li>
<li class="next">Bulletin Board Forum/Social Network</li>
<li class="next">API Plugins (Twitter, Instagram, Flickr, etc.)</li>
<li class="next">Tutorials</li>
</ul>
</section>
<section class="slide">
<h2>Default Plugins</h2>
<img src="pictures/default-plugins.png" alt="Default Plugins" width="636" height="355">
</section>
<section class="slide">
<h2>Default Plugins - Akismet</h2>
<p>An anti-spam plugin by Automattic.</p>
<p><strong>Activating Akismet</strong></p>
<ol>
<li>Go to Plugins from the Dashboard menu.</li>
<li>Locate <strong>Akismet</strong>, and click on the <strong>Activate</strong> button below the name.</li>
<li>Follow the prompts to activate your Akismet account.</li>
<li>Once activated with your Akismet key, your blog will be protected from spam comments.</li>
</ol>
</section>
<section class="slide">
<h2>Default Plugins - Hello Dolly</h2>
<p>A very simple plugin showing a lyric from Hello, Dolly by Louis Armstrong.</p>
<p><strong>Activating Hello Dolly</strong></p>
<ol>
<li>Go to Plugins from the Dashboard menu.</li>
<li>Locate <strong>Hello Dolly</strong>, and click on the <strong>Activate</strong> button below the name.</li>
<li>Once activated, you will see a lyric from the song at the top right hand corner of the screen.</li>
</ol>
</section>
<section class="slide">
<h2>Where to Find Plugins?</h2>
<p>The WordPress Plugin Directory on Wordpress.org is the best and safest place to get free plugins.</p>
<p>All plugins have been reviewed and approved per the plugin guidelines as outlined in Writing a Plugin.</p>
</section>
<section class="slide">
<h2 class="invisible">Where to Find Plugins?</h2>
<img class="cover" src="pictures/plugin-directory.png" alt="Plugin Directory" width="960" height="760">
</section>
<section class="slide">
<h2>Evaluating Plugins</h2>
<ul>
<li>Star Rating</li>
<li class="next">Last Updated</li>
<li class="next">Number of Downloads</li>
<li class="next">Compatibility Rating</li>
<li class="next">Author Information & Other Plugins</li>
<li class="next">Support Forums</li>
</ul>
</section>
<section class="slide">
<h2 class="invisible">Evaluating Plugins</h2>
<img class="cover" src="pictures/evaluating-plugins.png" alt="evaluating Plugins" width="660" height="860">
</section>
<section class="slide">
<h2>Installing Plugins</h2>
<h2 class="shout shrink">Remember to Backup Your Site</h2>
</section>
<section class="slide">
<h2>Installing Plugins from WordPress Plugin Directory</h2>
<ol>
<li>Go to <strong>Plugins > Add New</strong> on the Dashboard menu.</li>
<li>Search for the plugin name or type, or browse one of the categories or tags.</li>
<li>Review the standard information: last updated, number of downloads, compatibility, etc.</li>
<li>If you decide to install the plugin, click the <strong>Install</strong> button.</li>
<li>After installing a plugin, it must be activated. To do it, click the <strong>Activate</strong> button.</li>
</ol>
</section>
<section class="slide">
<h2 class="invisible">Installing Plugins from WordPress Plugin Directory</h2>
<img class="cover" src="pictures/install-plugin.png" alt="Install Plugin">
</section>
<section class="slide">
<h2>Installing Plugins via External .zip File</h2>
<ol>
<li>Download the plugin as a .zip file and save to your computer.</li>
<li>Go to <strong>Plugins > Add New</strong> on the Dashboard menu.</li>
<li>Click on blue <strong>Upload Plugin</strong> button at the top of the page.</li>
<li>Click the <strong>Choose File</strong> button and browse to the desktop and select the .zip file.</li>
<li>Click the <strong>Install Now</strong> button, then click on the <strong>Activate</strong> button.</li>
</ol>
</section>
<section class="slide">
<h2 class="invisible">Installing Plugins via External .zip File</h2>
<img class="cover" src="pictures/upload-plugin.png" alt="Upload Plugin">
</section>
<section class="slide">
<h2>Providing Feedback, Reviews, and Ratings</h2>
<p>The best way to improve and help plugin authors make better plugins is to provide feedback by leaving a review and a star rating.</p>
</section>
<section class="slide">
<h2 class="invisible">Providing Feedback, Reviews and Ratings</h2>
<img class="cover" src="pictures/reviews.png" alt="Reviews and Ratings">
</section>
<section class="slide">
<h2>Providing Feedback, Reviews and Ratings</h2>
<p><strong>Leaving a Review and a Star Rating</strong></p>
<ol>
<li>Go to the Plugin Directory located at https://wordpress.org/plugins/ .</li>
<li>Search for the plugin name that you would like to leave feedback for or get help with.</li>
<li>Locate on the right side where it says <strong>Ratings</strong> and click on <strong>Add my review</strong> button below.</li>
<li>Fill up the review form and submit.</li>
</ol>
</section>
<section class="slide">
<h2>Getting Help in the WordPress.org Plugin Support Forums</h2>
<p>Each plugin in the WordPress Plugin Directory has a support forum to ask questions about using or configuring the plugin.</p>
</section>
<section class="slide">
<h2 class="invisible">Getting Help in the WordPress.org Plugin Support Forums</h2>
<img class="cover" src="pictures/support.png" alt="Support Forums">
</section>
<section class="slide">
<h2>Providing Feedback, Reviews and Ratings</h2>
<p><strong>Leaving a Review and a Star Rating</strong></p>
<ol>
<li>Go to the plugin page at the Plugin Directory.</li>
<li>Click on the green <strong>View support forum</strong> button on the right side of the plugin listing or the Support tab to visit the plugin support forum.</li>
<li>Search the forum for similar or relevant topics.</li>
<li>Post a new topic and wait for response.</li>
</ol>
</section>
<section class="slide">
<h2 class="shout">
<p>Exercises</p>
</h2>
</section>
<section class="slide">
<h2>Exercise 1: Activate Hello Dolly</h2>
<p><strong>Practice activating Hello Dolly.</strong></p>
<ol>
<li>Locate Hello Dolly on the Plugin screen</li>
<li>Activate the plugin</li>
<li>Refresh admin screen and locate the lyric</li>
</ol>
</section>
<section class="slide">
<h2>Exercise 2: Activate Akismet</h2>
<p><strong>Practice activating Akismet and configuring the plugin.</strong></p>
<ol>
<li>Locate Akismet on the Plugin screen</li>
<li>Activate the plugin</li>
<li>Setup Akismet account and configure Akismet key</li>
</ol>
</section>
<section class="slide">
<h2>Exercise 3: Install a plugin from Plugin Directory</h2>
<p><strong>Practice installing a plugin from Plugin directory.</strong></p>
<ol>
<li>Go to Add Plugins screen</li>
<li>Search for a plugin</li>
<li>Install and activate the plugin</li>
</ol>
</section>
<section class="slide">
<h2>Exercise 4: Install Instagram Feed Plugin</h2>
<p><strong>Practice installing a plugin from a .zip file.</strong></p>
<ol>
<li>Go to Add Plugins screen</li>
<li>Upload Instagram Feed plugin using the Upload Plugin button</li>
<li>Install and activate the plugin</li>
<li>Configure plugin to connect to an Instagram account</li>
</ol>
</section>
<section class="slide">
<h2>Exercise 5: Mark and View Favorite Plugin</h2>
<p><strong>Practice adding a plugin to favorite.</strong></p>
<ol>
<li>Go to Plugin Directory and choose a plugin</li>
<li>Favorite the plugin</li>
<li>View the favorited plugin at the Add Plugins screen</li>
</ol>
</section>
<section class="slide">
<h2>Exercise 6: Leave a rating and review</h2>
<p><strong>Practice leaving a star rating and review for a plugin.</strong></p>
<ol>
<li>Go to Plugin Directory and choose a plugin</li>
<li>Create a new review for the chosen plugin</li>
</ol>
</section>
<section class="slide">
<h2 class="shout">
<p>Thank you</p>
</h2>
</section>
<section class="slide" id="see-more">
<h2 class="shout">
<img src="pictures/logo.png" alt="WordPress logo">
<a href="https://github.com/wptrainingteam">Find the team on GitHub</a>
</h2>
</section>
<!-- <footer class="badge">
<a href="https://github.com/shower/shower">Fork me on GitHub</a>
</footer> -->
<div class="progress"></div>
<script src="shower/shower.min.js"></script>
<script src="https://wptrainingteam.github.io/shower/shower.min.js"></script>
<!-- Copyright © 2018 Yours Truly, Famous Inc. -->
<!-- MIT License -->
</body>
</html>