Introduction to Worpress and Networks concepts

1. Wordpress, Networks and Sites
Design, create, and manage your own website

2. Agenda
• Introductions
• Objectives/Purpose
• Course Structure
• Rules of Engagement
• Learning Modules

3. Objectives
• After this training you will be able to:
– Identify the major components of a site
– Locate the key features of WordPress
– Plan and design a website
– Use WordPress to create a website

4. Course Structure
Presentation
Demonstrations/ Questions/Answers
Exercises

5. Rules of Engagement
• Please honor break time limits
• Participate, this is your class
• Ask questions at any time
• Still don’t get it – ASK AGAIN
• Be willing to experiment new ideas and techniques
• Offer suggestions for improvements

6. Learning Modules
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

7. Websites, Blogs & WordPress
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

8. Website vs. Blog
• A blog is a type of website!
• A website is anyplace you can visit online with URL (everything on
the Internet is a website!)
• Blog is the word abbreviation of “Web and Log”
– Ongoing chronicle of information, thoughts and ideas (research ideas?)
– Frequently updated
• Commonalities:
– Main content area with posts
– Archive of older posts
– A way for people to leave posts
– Links to other sites
– One or more RSS Feeds (Real Simple Syndication)

9. History of WordPress
• Started in 2003 with a bit of code
• Created as a personal publishing software by
Matt Mullenweg
• Then one of the most diffused blogging platform
• Nowdays a global solution for website
development with milions and milions of
download in the world
• Open Source:
– Everyone has access to it
– Everything is written by and for the community
– Free to use
• Highly customizable

10. Origin of the WordPress Name
• Wanted to associate the new software with
printing presses
• “Press” refers to journalists, photographers,
columnists
• Serves as a “printing press” for users to
publish their “words”

11. 1. What is Wordpress?
• WordPress is a state-of-the-art semantic
personal publishing platform with a focus on
aesthetics, web standards, and usability
– What a mouthful. WordPress is both free and
priceless at the same time
• More simply, WordPress is what you use when
you want to work with your web site
developing software, not fight it!

12. Tour of WordPress
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

13. Wordpress features
• Control panel (web-based and mobile)
• Users & profiles (authentication and roles)
• Content types
• Taxonomy (content organization)
• Media management
• Link management
• Built-in SEO
• Comments
• Themes & widgets
• Plugins
• Feeds
• …and many more!!

14. Architecture of Wordpress

15. Wordpress multi-sites
• Originally Wordpress and Wordpress Multi-User
(MU)
• Multi-Site functionality was merged into
Wordpress in the current major release (3.0)
• Operate a network of related Wordpress sites
from a single dashboard
– Subdirectories: http://mysite.org/james,
http://mysite.org/carl, …
• Super admins can administer all websites, site
admins administer a single website…your
website!

16. Register to the platform
• Go to the
url:http://malwks.unicam.it/phdnetwork/
• First of all, create an
account following the link
• You will receive an e-mail
with your access info!
• Your site will be available, once activate at:
http://malwks.unicam.it/phdnetwork/namesurname

17. 3. Log into the Wordpress admin
• On the site, look for
login link
• Click on it
• On the login page, fill
out your username
and password

18. Login screen

19. No login link
• You can also get access to the
login page just by typing
wp-login.php after the
domain name in your
browser
• Nel nostro caso è:
http://malwks.unicam.it/phdnetwork/namesurname/w
p-login.php

20. Dashboard

21. Post list

22. Themes

23. Widgets

24. Menus

25. Other options…

26. Your first peak at Wordpress
• This is another example of a starting page in
the Wordpress backend

27. 5. Change your password

28. Update Profile
• Click Users on the topic menu bar
• Click Your Profile in sub-topic bar

29. Update Profile
• Type your “first name, last name,
and nickname” in the Name
section
• Type your “autobiographical
statement” in the About Yourself
section
• Type your “email” and “website
address” in the Contact Info
section
• Type your “new password” twice
in the Password section
• Click Update Profile

30. Plan a Website
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

31. Mission Statement
• First step is to determine the purpose, content, and audience
of your website
• Think about the following questions:
– What am I going to do with this?
– Who is going to read this?
– What kind of information will I be posting?
– Why am I doing this?
– Who am I doing this for?
– How often am I going to be posting and adding information?

32. Title and Tagline
• Title
– Think about the title of your site should be
– Be creative but keep it simple
• Tagline
– Short phrase or slogan
– Describes the essence, attributes, & character

33. Sidebar
• Customize your site by determining the
information you want to have accessible
• Organized into links called “widgets”
• Used to navigate within and outside of your
site

34. Widgets
• Here are just a few of the widgets you can add:
Calendar Archives Blogroll
RSS Feed Tag Cloud Top Posts
Search Vod: Pod Categories
Plug-ins Comments Flikr
Del.iciou.us Recent Posts
Search Pages

35. Identified Sidebar Widgets
• Pages:
– “About”, “Daily Schedule”
• Blogroll:
– “http://www.epa.gov/kids”, http://www.scholastic.com/kids
– “http://www.yahooligans.com”
• Categories:
– “Ask the Teacher”, “Homework”,
– “Weekly Bulletins”, “Special “Announcements
• RSS Feed:
– http://www.sciencenewsforkids.org/rss/SNK.asp
• Calendar
• Archives

36. Biographical Statement
• A brief history of yourself
• Include any professional, personal, or
educational information
• What you want viewers of your site to know
about you

37. Create a Website
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

38. Create Title and Tagline
• Click Options in the topic
menu bar
• Type your “website’s
title” in the Weblog Title
box
• Type your “website’s
tagline” in the Tagline box
• Click Update Options

39. Manage Categories
• Add a Category
• Click Manage in the topic menu bar
• Click Categories in the sub-topic menu
bar
• Click Add New
• Type “Ask the Teacher” in the Category
Name box
• Type a brief description of the category
in the Description box
• Click Add Category
• Repeat the steps above to create these
categories:
• “Homework”
• “Weekly Bulletins”
• “Special Announcements”

40. Manage Pages
• Click on Manage in the topic
menu bar
• Click on Pages in the sub-topic
menu bar
• Edit Page
• Click Edit for the page About
• Delete the text in the Page
Content section
• Type your “Mission Statement”
• Click Save

41. Manage Pages
• Create Page
• Click Create Page
• Type Daily Schedule in the
Page Title box
• Click Publish

42. Manage Posts
• Delete a Post
• Click Manage in topic
menu bar
• Click on Posts
• Locate the example post
• Click Delete for the post
• Click OK in dialogue box

43. Manage Posts
• Write a Post
• Click Write in the topic menu bar
• Click Write Post in the sub-topic
menu bar
• Type your “welcome message
title” in the Title box
• Type your “welcome message” in
the Post box
• Use the tool bar to edit and format
your message
• Click Uncategorized in the
Categories box
• Click Publish to publish your post
to your website

44. Change Theme
• Click Presentation in the topic
menu bar
• Scroll down to find a theme you
like
• Click on the “theme title”
• (website is automatically
updated with new theme)
• Scroll to the top and click View
Site
• Click your browser’s back
button
• Locate and click the theme
“Quentin”

45. Manage Widgets
• Click Presentation in the topic
menu bar
• Click Widgets in the sub-topic
menu bar
• Add RSS Feed
• Find the widget RSS 1 in the
Available Widgets box
• Drag the widget RSS 1 to the
sidebar box

46. Manage Widgets
• Double click on the Configure Icon
on the right side of the widget
• Locate the pop-up dialogue box
• Type the URL address:
http://www.sciencenewsforkids.or
g/rss/SNK.asp in the RSS/Feed box
• Type “Science Right Now!” in the
Title box

47. Manage Widgets
• Add Calendar
• Find the widget Calendar in the
Available Widgets box
• Drag the widget Calendar to the
sidebar box
• Repeat the steps above to create
these widgets
– Archives
– Links
– Pages
– Categories
• Click Save Changes

48. Manage Comments
• Click Comments
• Click Delete on “test comment”
• Click OK in dialogue box
• Edit, delete, approve and un-
approve comments
• Email is received when new
comments are written and
posted

49. Manage Blogroll
• Add a Link
• Click Blogroll in the topic menu bar
• Click Add Link in the sub-topic
menu bar
• Type “Environmental Kids Page” in
the Title box
• Type “http://www.epa.gov/kids” in
the Address box
• Check Blogroll in the Categories
box
• Click Add Link

50. Manage Blogroll
• Repeat the steps above to create
links for the following:
• “Scholastic Kid page”
“http://www.scholastic.com/kids”
• “Yahooligans”
“http://www.yahooligans.com”

51. Explore Some Websites
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

52. Website Addresses
• Identify the web addresses of the WordPress
sites created by workshop participants
• Make a list of these websites to use as a
resource
• Trade your website address with one other
participant

53. Leave a Comment
• Open up a new web browser window
• Type in the “web address” of your
partner’s site
• Read the Introduction Post
• Click Comment
• Type “your name”
• Type “your email address”
• Type “your comment”
• Click Submit Comment

54. Manage Your Website
1. Introduction
2. Tour
6. Manage
3. Plan
5. Explore
4. Create

55. Resources
• Here are two excellent resources to help you
expand, modify, and manage your website
– http://edublogs.org/features/
– http://codex.wordpress.org/Main_Page