CREATING AN ONLINE
TEACHING PORTFOLIO
Rafia Mirza
GOALS OF TODAY’S WORKSHOP
• Part 1: Create a Wordpress Site• Part 2: Modify your site to create a
Teaching Portfolio• Part 3: Customize your blog• Part 3: Embedding Code in your blog• Part 5: Delete a Wordpress Site
Wordpress example site: https://librarianrafia.wordpress.com/
PART 1: CREATE A
WORDPRESS SITE
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Go to https://wordpress.com/
• Click on Create Website
• For more help, go to Wordpress Support
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• This page will ask you to chose a theme
• The theme on the sample site is Twenty Thirteen
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• The Theme on the sample site is Twenty Thirteen
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Choose your Domain. (This determines your url)
• Think about how people will be searching for you, consider using your full name.
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Choose the free plan.
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Create your account
• Your username does nothave to be the same as your domain name
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• You will need to verify your email address
PART 2: MODIFY YOUR
SITE TO CREATE A
TEACHING PORTFOLIO
CR
EA
TIN
GA
TE
AC
HIN
GP
OR
TF
OL
IOW
ITH
WO
RD
PR
ES
S
• Log on
• Go to the dashboard for your site
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Scroll to the bottom
• Click on Create a Page.
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• What do you want to name the page?
• Add text
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Notice how the Title of the page gives you the permalink name
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Click Publish
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• You can always go back and edit
PART 3: CUSTOMIZE
YOUR BLOG
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• You do not want Nothing Found to be the first thing people see
• Click on customize
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Click on Static Front Page
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• Under Static Front Page, choose the page that you want to be your home page.
• Click Save and Publish
GE
TT
ING
ST
AR
TE
DW
ITH
WO
RD
PR
ES
S
• My About page is now the first thing people see.
AD
DIN
GS
OC
IAL
ME
DIA
You have a few options in regards to adding your social media account
You can add a link to your social media account on your about page
If you want to highlight a specific item in you social media account, you can look for the embed option
If you want to feature your social media account it ins entirety, look for the option of inserting a widget
PART 4: EMBEDDING
CODE IN YOUR BLOG
EM
BE
DD
ING
CO
DE
• When you are editing a page you can click on the HTML view to add code
PART 3: ADD A
WIDGET TO YOUR
BLOG
We will use Twitter as the example
WH
AT
ISA
WID
GE
T?
What is a Widget?
“In computing, a web widget is a software widget for the web.” via
How to add a Widget
The rules may be different for different platforms
We are going to look at adding Twitter Timeline Widget
WID
GE
TS
• Go to the settings of the social media site that you want a widget from
CR
EA
TE
AW
IDG
ET
• Create awidget
• You may have access to some customization options here
CR
EA
TE
AW
IDG
ET
• Create awidget
• You may have access to some customization options here
TW
ITT
ER
WID
GE
TID
• Get your Twitter widget ID.
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• Open your Wordpress blog
• Click on the Customizeoption on your Wordpress blog
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• We are going to add a widget
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• Choose where on your blog to want to add the widget
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• Search for the Twitter Widget
•
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• Select the Twitter Widget
•
AD
DIN
GA
WID
GE
TT
OW
OR
DP
RE
SS
• Customize and add your twitter ID#
•
PART 5: DELETE A
WORDPRESS SITE
DE
LE
TIN
GY
OU
RW
OR
DP
RE
SS
• Click on settings to customize your visibility or to delete you site (this cannot be undone)
Link to Workshop
Guide
Link to EDGE site
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.