introduction to wordpress

38

Upload: kaeli-vandertulip

Post on 15-Apr-2017

146 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Introduction to Wordpress
Page 2: Introduction to Wordpress

INTRODUCTION TO WORDPRESS

Kaeli Vandertulip@KaeliTulip

Rafia Mirza@librarianrafia

Page 3: Introduction to Wordpress

GOALS OF TODAY’S WORKSHOP

• Part 1: Create a Wordpress Site• Part 2: Customize your site. • Example: Modify your site to

create a Business Site• Part 3: Customize your blog• Part 4: Delete a Wordpress Site

Page 5: Introduction to Wordpress

PART 1: CREATE A WORDPRESS SITE

Page 6: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Go to https://wordpress.com/

• Click on Create Website

• For more help, go to Wordpress Support

Page 7: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• This page will ask you to chose a theme

• The theme on the sample site is Twenty Thirteen

Page 8: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• The Theme on the sample site is Twenty Thirteen

Page 9: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Choose your Domain. (This determines your url)

• Think about how people will be searching for you, consider using your full name.

Page 10: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Choose the free plan.

Page 11: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Create your account

• Your username does not have to be the same as your domain name

Page 12: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• You will need to verify your email address

Page 13: Introduction to Wordpress

PART 2: : CUSTOMIZE YOUR SITE.

Page 14: Introduction to Wordpress

CR

EATIN

G A

TEA

CH

ING

POR

TFOLIO

WITH

WO

RD

PRE

SS

• Log on

• Go to the dashboard for your site

Page 15: Introduction to Wordpress

Click icon to add picture Add Teammates to your site

Page 16: Introduction to Wordpress

Click icon to add picture People you invite don’t need to already have a Wordpress account, but they will need to create one before they can start editing.

Page 17: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Scroll to the bottom

• Click on Create a Page.

Page 18: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• What do you want to name the page?

• Add text

Page 19: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Notice how the Title of the page gives you the permalink name

Page 20: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Click Publish

• Modify Visibility if you don’t want it to be searchable

Page 21: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• You can always go back and edit

Page 22: Introduction to Wordpress

PART 3: CUSTOMIZE YOUR

BLOG

Page 23: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• You do not want Nothing Found to be the first thing people see

• Click on customize

Page 24: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Click on Static Front Page

Page 25: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• Under Static Front Page, choose the page that you want to be your home page.

• Click Save and Publish

Page 26: Introduction to Wordpress

GETTIN

G STA

RTED

WITH

WO

RD

PRESS

• My About page is now the first thing people see.

Page 27: Introduction to Wordpress

AD

DIN

G SO

CIA

L MED

IA

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

Page 28: Introduction to Wordpress

PART 3: ADD A WIDGET TO YOUR

BLOG

We will use Twitter as the example

Page 29: Introduction to Wordpress

WH

AT IS A W

IDG

ET?

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

Page 30: Introduction to Wordpress

AD

DIN

G A

WID

GET TO

WO

RD

PRESS

• Open your Wordpress blog

• Click on the Customize option on your Wordpress blog

Page 31: Introduction to Wordpress

AD

DIN

G A

WID

GET TO

WO

RD

PRESS

• We are going to add a widget

Page 32: Introduction to Wordpress

AD

DIN

G A

WID

GET TO

WO

RD

PRESS

• Choose Footer

Click icon to add picture

Page 33: Introduction to Wordpress

AD

DIN

G A

WID

GET TO

WO

RD

PRESS

• Click Add a Widget

• Find Twitter Timeline in the List

Click icon to add picture

Page 34: Introduction to Wordpress

AD

DIN

G A

WID

GET TO

WO

RD

PRESS

• Customize and add your twitter ID

Click icon to add picture

Page 35: Introduction to Wordpress

PART 4: DELETE A WORDPRESS SITE

Page 36: Introduction to Wordpress

DELETIN

G YO

UR

WO

RD

PRESS

• Click on settings to customize your visibility or to delete you site (this cannot be undone)

Page 37: Introduction to Wordpress

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

Rafia Mirza@librarianrafiaDigital Humanities [email protected]

Questions?

Page 38: Introduction to Wordpress

OTHER SAMPLE WORDPRESS SITES https://drfeitoblog.wordpress.com/ https://co.williams.com/ (this one is a

Wordpress site; they paid for the domain to not include .wordpress)