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.