Getting Started with Laura Perissinotti & Isadora Mok-Kulakova - - PowerPoint PPT Presentation

▶
getting started with
SMART_READER_LITE
LIVE PREVIEW

Getting Started with Laura Perissinotti & Isadora Mok-Kulakova - - PowerPoint PPT Presentation

Dec 09, 2022 468 likes •901 views

Getting Started with Laura Perissinotti & Isadora Mok-Kulakova March 29th, 2019 An important reminder *If your name is not on the sign-in sheet, please add it together with your email address you Please sign in! will be registered after

slide-1
SLIDE 1

Getting Started with

Laura Perissinotti & Isadora Mok-Kulakova March 29th, 2019

slide-2
SLIDE 2

http://www.ucalgary.ca/taylorinstitute/certificates

An important reminder

Please sign in!

*If your name is not on the sign-in sheet, please add it together with your email address – you will be registered after the workshop. Also, use the sign-in sheet to correct your name or email.

slide-3
SLIDE 3

→ Create and design websites → Publish content online.

Goals for Today

Activity handout

Documentation:

http://elearn.ucalgary.ca/eportfolio-blogs/ http://ucalgaryblogs.ca/ https://codex.wordpress.org/

slide-4
SLIDE 4

Working Tools

slide-5
SLIDE 5
  • Open Web Publishing Application (blog, eportfolio, magazine…).
  • Interface: publisher database visitor
  • Content Management System (CMS).
  • Community, free open source built and maintained by people who use it.

(GPL license → perpetual license)

Open Web Standards (content easily move to other platforms), designed for the end users.

What is WordPress?

slide-6
SLIDE 6

What is WordPress?

https://wordpress.org/

1- Application

3- Host Server: WP as a service

https://wordpress.com/

2- Where you get it, Official Documentation & Community

slide-7
SLIDE 7

What is WordPress?

https://wordpress.org/

1- Application

2- Where you get it, Official Documentation & Community 3- Host Server: WP as a service http://ucalgaryblogs.ca/

https://wordpress.com/

slide-8
SLIDE 8

Who, How?

WordPress & Higher Education

https://wordpress.org/showcase

Examples UCalgary and more

slide-9
SLIDE 9

http://inquiry.galileo.org/ch2/the-essential-role-of-technology/

Why?

WordPress & Higher Education

slide-10
SLIDE 10

Getting Started → Plan for Today

WordPress as a Tool: → Your account settings → Creating a new site → Creating pages, posts, categories and tags, → Create menus → Site appearance: theme, widgets, etc. → Add Content to Pages/Posts

  • Plugins
  • Users and settings
  • Wordpress in the classroom: D2L, Sites’

Architecture & Good Practices, Privacy, Accessibility

Activity handout

http://ucalgaryblogs.ca/

Brainstorm Activity

slide-11
SLIDE 11

1-Create a New Site

Existing User New User

slide-12
SLIDE 12

1-The Admin Panel

slide-13
SLIDE 13

2-Pages & Posts

  • Would the visitor want to see other

content I have published that is related to this item?

  • Should I have a link to this item
  • n my navigation menu?

POSTS PAGES

slide-14
SLIDE 14

3-Categories and Tags

  • Sorting System, Hierarchical
  • Linkers/connectors, Non Hierarchical
slide-15
SLIDE 15

4-Menu

  • Site navigation → Accessing Content
slide-16
SLIDE 16

5-Themes and Widgets

  • Accessible
  • Responsive
  • Clean Design

"Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web."

slide-17
SLIDE 17

6-Adding Content

https://make.wordpress.org/a ccessibility/handbook/

Note: As of WordPress 5.0, the classic content editor was replaced with a brand new block editor, known as Gutenberg. WordPress block editor is a totally new and different way of creating content in WordPress. In this tutorial guides the “classic editor” is still being used through the Classic Editor

  • fficial plugin. Classic Editor is an official plugin maintained by the WordPress team that restores the previous (“classic”) WordPress editor and the “Edit

Post” screen. It makes it possible to use plugins that extend that screen, add old-style meta boxes, or otherwise depend on the previous editor. Classic Editor is an official WordPress plugin, and will be fully supported and maintained until at least 2022, or as long as is necessary.

slide-18
SLIDE 18

Check your new site and share your URL! Congratulations!

https://padlet.com/perissinotti/bgdvm54p188e

slide-19
SLIDE 19

Plugins

→ Add new features and new functionalities

https://wordpress.org/plugins/

  • There is no “must have” plugins
  • Keep the plugins that you are using, deactivate the
  • nes not using.

Need a plugin?

Add Activate Deactivate Remove Update →

slide-20
SLIDE 20

Users & Settings

Roles → Interaction with the site

  • Subscriber

Home, Profile

  • Contributor

Home, Profile, Posts Comments

  • Author

Home, Profile, Posts Media, Comments

  • Editor

Home, Profile, Posts Media, Pages, Comments

  • Administrator

Click on the roles’ picture to access to the menu comparison

slide-21
SLIDE 21

UCalgary Account - Must Know

  • How long will be my account active? (backup)
  • Can I migrate my site? (import, export)
  • Lost Password?

https://en.support.wordpress.com/

http://ucalgaryblogs.ca/

https://en.support.wordpress.com/

slide-22
SLIDE 22

Getting Started and Interacting with Readers

slide-23
SLIDE 23
  • What kind of teaching-learning model

are you up to?

  • In what way will WordPress

enhance/transform your approach?

WordPress in the Classroom

slide-24
SLIDE 24

WordPress and D2L

Open Content Secure Content

https://www.linkedin.com/learning/wordpress-for-education

slide-25
SLIDE 25

WordPress and D2L

Open Content Secure Content

Class Site

https://www.linkedin.com/learning/wordpress-for-education

WdP101

D2L

slide-26
SLIDE 26

How would you use WordPress in your teaching?

Instructions: 1-Read the description of the teaching model. Use the provided picture that describes the model to help you understand the model’s idea. 2-Think of an application example in your teaching practice. 3-Prepare a 5 minutes explanation of the model’s idea and application. 4-Share with the rest of the participants.

https://www.linkedin.com/learning/wordpress-for-education

slide-27
SLIDE 27

Site Models: Teaching Courses with WordPress

Content Distribution Model

https://www.linkedin.com/learning/wordpress-for-education

Student

Class Site

slide-28
SLIDE 28

Site Models: Teaching Courses with WordPress

Collaboration Model

https://www.linkedin.com/learning/wordpress-for-education

Class Site

Student

slide-29
SLIDE 29

Site Models: Teaching Courses with WordPress

https://www.linkedin.com/learning/wordpress-for-education

Class Site

Student Student Student Request for permission to syndicate

Student Ownership Model

Student

slide-30
SLIDE 30

Site Models: Teaching Courses with WordPress

https://www.linkedin.com/learning/wordpress-for-education

Class Site

Instructor Student Student Request for permission to syndicate Student

Open Connected Course model

WdP101

slide-31
SLIDE 31

Site Models: Teaching Courses with WordPress

Students Centered Model → education in the future (?)

https://www.linkedin.com/learning/wordpress-for-education

Classes Instructors Others Request for permission to syndicate

Student

slide-32
SLIDE 32

Site’s architecture & Good Practices

  • Look at your course syllabus
  • Choose a model for your Course
  • Create the Site Map and Prototype
  • Keep it simple → Focus on the Content
  • Choose the right Theme

→ Accessible → Responsive → Clean design → Nice-to have: multiple widget regions?, plugins?

slide-33
SLIDE 33

Students’ privacy

→ No posting grades (use D2L) → Syndication: Do not require real names, ID or any other personal info → Request permission to syndicate, not mandatory! → Allow content to be excluded → Allow content to be password protected → Be mindful of what you post in the open web

slide-34
SLIDE 34

Accessibility

→ Use semantic headings → Tag images with descriptive text → Use descriptive link text → Use Themes wisely

https://make.wordpress.org/accessibility/handbook/

"Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web." http://accessiblehtmlheadings.com/

slide-35
SLIDE 35

35

Resources

Documentation:

http://elearn.ucalgary.ca/eportfolio-blogs/ http://ucalgaryblogs.ca/ https://codex.wordpress.org/ Support/Forums: https://wordpress.org/support/ Accessibility: https://make.wordpress.org/accessibility/handbook/ Plugins: https://wordpress.org/plugins/ Wordpress & Education: https://www.linkedin.com/learning/wordpress-for-education

Workshop Resources - Website Template, Content Examples, Workshop Slides and Full Tutorial

  • http://periteach.ucalgaryblogs.ca

Websites Showcase: https://wordpress.org/showcase/tag/education/

slide-36
SLIDE 36

Experiment, Share, be Creative

Some of the Graphics were designed by Freepik from Flaticon

slide-37
SLIDE 37
slide-38
SLIDE 38
  • Subscriber

Home, Profile

  • Administrator

Click to go back

slide-39
SLIDE 39
  • Contributor

Home, Profile, Posts Comments

  • Administrator

Click to go back

slide-40
SLIDE 40
  • Author

Home, Profile, Posts Media, Comments

  • Administrator

Click to go back

slide-41
SLIDE 41
  • Editor

Home, Profile, Posts Media, Pages, Comments

  • Administrator

Click to go back

slide-42
SLIDE 42

T

  • blogs

Course Website

Personal site Research websites

https://wordpress.org/showcase

Go back to presentation

UBC Showcase UBC -WordPress

Documentation