Download - Slides 3 - Wordpress Networks Sites
![Page 1: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/1.jpg)
Wordpress, Networks and Sites Design, create, and manage your own website
![Page 2: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/2.jpg)
Agenda
• Introductions
• Objectives/Purpose
• Course Structure
• Rules of Engagement
• Learning Modules
![Page 3: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/3.jpg)
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
![Page 4: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/4.jpg)
Course Structure
Demonstrations/
Exercises
Presentation
Questions/Answers
![Page 5: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/5.jpg)
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
![Page 6: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/6.jpg)
2. Tour
1. Introduction
3. Plan
4. Create
Learning Modules
6. Manage
5. Explore
![Page 7: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/7.jpg)
Websites, Blogs & WordPress
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 8: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/8.jpg)
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)
![Page 9: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/9.jpg)
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
![Page 10: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/10.jpg)
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”
![Page 11: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/11.jpg)
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!
![Page 12: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/12.jpg)
Tour of WordPress
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 13: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/13.jpg)
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!!
![Page 14: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/14.jpg)
Architecture of Wordpress
![Page 15: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/15.jpg)
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!
![Page 16: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/16.jpg)
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
![Page 17: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/17.jpg)
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
![Page 18: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/18.jpg)
Login screen
![Page 19: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/19.jpg)
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/wp-login.php
![Page 20: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/20.jpg)
Dashboard
![Page 21: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/21.jpg)
Post list
![Page 22: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/22.jpg)
Themes
![Page 23: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/23.jpg)
Widgets
![Page 24: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/24.jpg)
Menus
![Page 25: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/25.jpg)
Other options…
![Page 26: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/26.jpg)
Your first peak at Wordpress
• This is another example of a starting page in the Wordpress backend
![Page 27: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/27.jpg)
5. Change your password
![Page 28: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/28.jpg)
Update Profile
• Click Users on the topic menu bar
• Click Your Profile in sub-topic bar
![Page 29: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/29.jpg)
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
![Page 30: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/30.jpg)
Plan a Website
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 31: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/31.jpg)
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?
![Page 32: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/32.jpg)
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
![Page 33: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/33.jpg)
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
![Page 34: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/34.jpg)
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
![Page 35: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/35.jpg)
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
![Page 36: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/36.jpg)
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
![Page 37: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/37.jpg)
Create a Website
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 38: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/38.jpg)
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
![Page 39: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/39.jpg)
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”
![Page 40: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/40.jpg)
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
![Page 41: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/41.jpg)
Manage Pages
• Create Page
• Click Create Page
• Type Daily Schedule in the Page Title box
• Click Publish
![Page 42: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/42.jpg)
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
![Page 43: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/43.jpg)
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
![Page 44: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/44.jpg)
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”
![Page 45: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/45.jpg)
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
![Page 46: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/46.jpg)
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.org/rss/SNK.asp in the RSS/Feed box
• Type “Science Right Now!” in the Title box
![Page 47: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/47.jpg)
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
![Page 48: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/48.jpg)
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
![Page 49: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/49.jpg)
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
![Page 50: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/50.jpg)
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”
![Page 51: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/51.jpg)
Explore Some Websites
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 52: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/52.jpg)
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
![Page 53: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/53.jpg)
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
![Page 54: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/54.jpg)
Manage Your Website
2. Tour
1. Introduction
3. Plan
4. Create
6. Manage
5. Explore
![Page 55: Slides 3 - Wordpress Networks Sites](https://reader034.vdocument.in/reader034/viewer/2022052619/5554dd76b4c9051b6e8b51a2/html5/thumbnails/55.jpg)
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