Wordpress 101 presentation - Canadian Association of Labour Media (CALM)
Upcoming SlideShare
Loading in...5
×
 

Wordpress 101 presentation - Canadian Association of Labour Media (CALM)

on

  • 541 views

Slides from the Wordpress 101 workshop (morning session) at the Canadian Association of Labour Media Conference (CALM) in Hamilton, Ontario - May 26th, 2012

Slides from the Wordpress 101 workshop (morning session) at the Canadian Association of Labour Media Conference (CALM) in Hamilton, Ontario - May 26th, 2012

Statistics

Views

Total Views
541
Views on SlideShare
541
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Intro :\nWelcome to this session\n\n- \n
  • About me: short story, why I am here\nAbout you all (go around): who you are, why you are here, what you want out of this\n- Slides will be sent later, so don’t need to take super-detailed notes\n( If you have used WP before, you can skip this! )\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • What to expect: we are going to do this, this and this, and you will learn this.\n\n\n
  • - First ask the crowd what they know about Wordpress or what they think of when they think of Wordpress.\n- [Then the fade-in]\n- go to Wordpress.org \n- go to Automattic.com\n\n
  • - First ask the crowd what they know about Wordpress or what they think of when they think of Wordpress.\n- [Then the fade-in]\n- go to Wordpress.org \n- go to Automattic.com\n\n
  • Wordpress got it's start as blogging software and it continues to be used by millions of blogs.\n-[Go to example blogs] \nhttp://www.radioopensource.org\nwww.zeldman.com\n\n- [Fade-in]\n- [2nd fade in] then say: “you can make small well-designed and simple sites all the way to large-scale and very powerful websites.”\nwww.cnn.com\n\n
  • Wordpress got it's start as blogging software and it continues to be used by millions of blogs.\n-[Go to example blogs] \nhttp://www.radioopensource.org\nwww.zeldman.com\n\n- [Fade-in]\n- [2nd fade in] then say: “you can make small well-designed and simple sites all the way to large-scale and very powerful websites.”\nwww.cnn.com\n\n
  • [Before Fade In] Ask if people have ideas of what a CMS is.\n\n[FADE IN] - Point 1 - place to do all your work pertaining to the site (...expand...)\n - Point 2 - place to collaborate with others in that work on the same site. (...expand...)\n \n\n
  • [Before Fade In] Ask if people have ideas of what a CMS is.\n\n[FADE IN] - Point 1 - place to do all your work pertaining to the site (...expand...)\n - Point 2 - place to collaborate with others in that work on the same site. (...expand...)\n \n\n
  • \n\n[After fading in the last one - go to example sites WEB]\n\n\nhttp://cyberunions.org/\nhttp://collectivebargainingfacts.com/\nhttp://www.lollapalooza.com\nhttp://www.tribunemediagroup.com\n\n\n
  • \n\n[After fading in the last one - go to example sites WEB]\n\n\nhttp://cyberunions.org/\nhttp://collectivebargainingfacts.com/\nhttp://www.lollapalooza.com\nhttp://www.tribunemediagroup.com\n\n\n
  • \n\n[After fading in the last one - go to example sites WEB]\n\n\nhttp://cyberunions.org/\nhttp://collectivebargainingfacts.com/\nhttp://www.lollapalooza.com\nhttp://www.tribunemediagroup.com\n\n\n
  • [1.Fade In and discuss]\n\n1. easy, nothing to be scared about -managing the website is straightforward once you get the hang of it. Sure, some of the set up can be a bit technical, and customizing/styling as well, but overall day-to-day use of Wordpress is quite easy.\n\n2. Wordpress out of the box is just the base. It’s the adding of ‘stuff’ that make is so powerful, and allows you to make it your own.\n \n
  • [1.Fade In and discuss]\n\n1. easy, nothing to be scared about -managing the website is straightforward once you get the hang of it. Sure, some of the set up can be a bit technical, and customizing/styling as well, but overall day-to-day use of Wordpress is quite easy.\n\n2. Wordpress out of the box is just the base. It’s the adding of ‘stuff’ that make is so powerful, and allows you to make it your own.\n \n
  • 3. You can do your full web communications workflow within Wordpress - drafts, reviews, different levels of publishers,... assign roles\n4.\n5.\n
  • 3. You can do your full web communications workflow within Wordpress - drafts, reviews, different levels of publishers,... assign roles\n4.\n5.\n
  • 3. You can do your full web communications workflow within Wordpress - drafts, reviews, different levels of publishers,... assign roles\n4.\n5.\n
  • 12 years ago you needed to have a great deal of technical knowledge to publish to the web and it wouldn't be strange for this type of functionality to cost $100,000. Now the price is way down and it is manageable\n
  • [FADE IN] - Point 1 - just name them (...expand...)\n - Point 2 - state self-hosted VS cloud hosted. (...expand...)\n \n\n
  • [FADE IN] - Point 1 - just name them (...expand...)\n - Point 2 - state self-hosted VS cloud hosted. (...expand...)\n \n\n
  • [FADE IN] - Point 1 - just name them (...expand...)\n - Point 2 - state self-hosted VS cloud hosted. (...expand...)\n \n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n[After done .com FADE IN]show eg http://unionsmatter.wordpress.com/\n\n
  • \n
  • \nDARREN: GO OVER THE DASHBOARD (but first --> discuss INSTALLATION of Wordpress.org. Decided not to go through this process with you as there are a few things we would have to have set up that might be a bit technical for beginners and would eat up a bit of our Wordpress time. \n\nA few steps: \n -set up database where everything will go\n-set up hosting with hosting company\n-download Wordpress from wordpress.org\n-configure a few things and upload the files\n\nShow book, then go to next slide \n
  • Show \n\nThen go back one slide to dashboard\n
  • this morning (or perhaps into the afternoon) we will be discussing and implementing 4 of the many features of Wordpress which will help you get started building a website. Quickly name each one, we will be coming back to each one in much detail.\n\n1. Allows you to create dated and categorized updates- things we normally associate with a blog entry. 1a.These are called POSTS\n2. Allows you to create pages such as an ‘about’ page\nwhat we traditionally associate with websites 2a. These are called PAGES\n\n\n
  • this morning (or perhaps into the afternoon) we will be discussing and implementing 4 of the many features of Wordpress which will help you get started building a website. Quickly name each one, we will be coming back to each one in much detail.\n\n1. Allows you to create dated and categorized updates- things we normally associate with a blog entry. 1a.These are called POSTS\n2. Allows you to create pages such as an ‘about’ page\nwhat we traditionally associate with websites 2a. These are called PAGES\n\n\n
  • this morning (or perhaps into the afternoon) we will be discussing and implementing 4 of the many features of Wordpress which will help you get started building a website. Quickly name each one, we will be coming back to each one in much detail.\n\n1. Allows you to create dated and categorized updates- things we normally associate with a blog entry. 1a.These are called POSTS\n2. Allows you to create pages such as an ‘about’ page\nwhat we traditionally associate with websites 2a. These are called PAGES\n\n\n
  • this morning (or perhaps into the afternoon) we will be discussing and implementing 4 of the many features of Wordpress which will help you get started building a website. Quickly name each one, we will be coming back to each one in much detail.\n\n1. Allows you to create dated and categorized updates- things we normally associate with a blog entry. 1a.These are called POSTS\n2. Allows you to create pages such as an ‘about’ page\nwhat we traditionally associate with websites 2a. These are called PAGES\n\n\n
  • 3. It allows you to change the appearance of the site while preserving the content. You can change the colours the fonts, whatever 3a. These are called THEMES.\n4. Allows anyone with a username and password to login and contribute and make changes to the site. These are called users. We will discuss users and the different roles they can be assigned in a few minutes.\n
  • 3. It allows you to change the appearance of the site while preserving the content. You can change the colours the fonts, whatever 3a. These are called THEMES.\n4. Allows anyone with a username and password to login and contribute and make changes to the site. These are called users. We will discuss users and the different roles they can be assigned in a few minutes.\n
  • 3. It allows you to change the appearance of the site while preserving the content. You can change the colours the fonts, whatever 3a. These are called THEMES.\n4. Allows anyone with a username and password to login and contribute and make changes to the site. These are called users. We will discuss users and the different roles they can be assigned in a few minutes.\n
  • 3. It allows you to change the appearance of the site while preserving the content. You can change the colours the fonts, whatever 3a. These are called THEMES.\n4. Allows anyone with a username and password to login and contribute and make changes to the site. These are called users. We will discuss users and the different roles they can be assigned in a few minutes.\n
  • \nPosts & Pages are the two main places where you put content to be viewed on your site. But when do you use one VS the other?\nPosts-time based e.g. blog entries\nPages-static web pages eg. “About”\n[After reading the above - point out where on the dashboard by showing red arrows] \n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • Categories - overall descriptions of your content\nTags - relate content to other content - more horizontal relationship\n\n- explain each of these things one by one.\nSLOW DOWN _ DO THIS SLOWLY - when done, go to reWORKit DEV (www.calm reworkit.net/wp-admin) to show around the various PARTS of 1. a post and 2. a page. [ABOUT 15 minutes]\nfor eg. IMAGE: \nVIDEO USE: http://www.youtube.com/watch?v=62IYkX2lPSI\n\n\nTO COVER:\nreWORKit POST A- Create new post - TOOLBAR > NEW > POST or POSTS > ADD NEW\n B- Text formatting - go over the formatting bar [tell them to do it all in Wordpress, don't use word or something like that]\n- text tool bar - bold/italicize, lists, insert more, spellcheck, full screen,\n- headings very important for search engines.\nC- Links - making them and formatting them\n- in text tool bar - click link and add URL, title, new window?\n- + can link to existing content\nD- Images - Add Media button\n(Title, Alternate text - must use) (Alternative - Caption, Description)\n- URL, alignment (text wrap)\n- Can edit image after posting\nE- Embedding video - add a YouTube video to your post\n\nreWORKit PAGE A- Create new PAGE - TOOLBAR > NEW > PAGES or PAGES > ADD NEW\n B- Text formatting - same as posts\nC- Links - same as posts\n\n\n\n
  • I’ve built a subsite on my site for you to work with, so we don’t have to install and do the initial setup. calm.reworkit\n\n each group will add one post and one page with various functionality. In the end we will have a website with 5 pages and 5 posts, and then we can come back and check out the site we built!\n\n- HAND OUT WORKSHEETS (groups of 2 - 10 groups and worksheets TOTAL)\nON worksheet: \n\n\n\n\n\n \n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN to each] - just show around on web (reWORKit). But don’t do an exercise.\n\n
  • [FADE IN] - Point 1 - just show around on web. But dont do an exercise.\n\nScroll down chart at: http://codex.wordpress.org/Roles_and_Capabilities\n\n \n \n\n
  • [FADE IN] - Point 1 - just show around on web. But dont do an exercise.\n\nScroll down chart at: http://codex.wordpress.org/Roles_and_Capabilities\n\n \n \n\n
  • [FADE IN] - Point 1 - just show around on web. But dont do an exercise.\n\nScroll down chart at: http://codex.wordpress.org/Roles_and_Capabilities\n\n \n \n\n
  • [FADE IN] - Point 1 - show around reworkit.net for 5 minutes. show an example of a site and then the backend. Maybe go to springforward.com\n\n[FADE In] Point 2 - show where you find themes (below) and warn about using random free themes that arent either in Wordpress directory or reputable.\n\nhttp://wordpress.org/extend/themes/ go to woothemes.com elegantthemes.com\n[FADE In] Point 3 Appearance > themes show how you can add (Use ‘Responsive’) and switch themes using reWORKit... 10 minute\nExercise 2 - adding a theme to site - back to the exercise files.\n\n\n
  • [FADE IN] - Point 1 - show around reworkit.net for 5 minutes. show an example of a site and then the backend. Maybe go to springforward.com\n\n[FADE In] Point 2 - show where you find themes (below) and warn about using random free themes that arent either in Wordpress directory or reputable.\n\nhttp://wordpress.org/extend/themes/ go to woothemes.com elegantthemes.com\n[FADE In] Point 3 Appearance > themes show how you can add (Use ‘Responsive’) and switch themes using reWORKit... 10 minute\nExercise 2 - adding a theme to site - back to the exercise files.\n\n\n
  • [FADE IN] - Point 1 - show around reworkit.net for 5 minutes. show an example of a site and then the backend. Maybe go to springforward.com\n\n[FADE In] Point 2 - show where you find themes (below) and warn about using random free themes that arent either in Wordpress directory or reputable.\n\nhttp://wordpress.org/extend/themes/ go to woothemes.com elegantthemes.com\n[FADE In] Point 3 Appearance > themes show how you can add (Use ‘Responsive’) and switch themes using reWORKit... 10 minute\nExercise 2 - adding a theme to site - back to the exercise files.\n\n\n
  • Exercise - adding a theme to site\n
  • [FADE IN] - Point 1 - just show theme in Appearance tab. Show that some things can be done right in the Appearance tab Name the other stuff (name that fit’s in the files but don’t show files). But dont do an exercise.\n\n\n\n \n \n\n
  • read out this page and then go to Widgets in reWORKit - Appearance > Widgets\n
  • \n
  • \n

Wordpress 101 presentation - Canadian Association of Labour Media (CALM) Wordpress 101 presentation - Canadian Association of Labour Media (CALM) Presentation Transcript

  • Canadian Association of Labour Media ConferenceWordpress 101 Darren Puscas reWORKit.net May 26th, 2012 Hamilton, Ontario
  • Introductions
  • Morning Afternoonsession session
  • Morning Afternoon session session• Introductions and go around
  • Morning Afternoon session session• Introductions and go around• Overview: what Wordpress is, why so many are using it
  • Morning Afternoon session session• Introductions and go around• Overview: what Wordpress is, why so many are using it• A look at some functions Wordpress offers you to facilitate building a website
  • Morning Afternoon session session• Introductions and go around• Overview: what Wordpress is, why so many are using it• A look at some functions Wordpress offers you to facilitate building a website• Some hands on building of a site using the skills we have learned
  • Morning Afternoon session session • More functions & best practices.• Introductions and go around• Overview: what Wordpress is, why so many are using it• A look at some functions Wordpress offers you to facilitate building a website• Some hands on building of a site using the skills we have learned
  • Morning Afternoon session session • More functions & best practices.• Introductions and go around • Further hands on site building using• Overview: what Wordpress is, why skills we have learned so many are using it• A look at some functions Wordpress offers you to facilitate building a website• Some hands on building of a site using the skills we have learned
  • Morning Afternoon session session • More functions & best practices.• Introductions and go around • Further hands on site building using• Overview: what Wordpress is, why skills we have learned so many are using it • A brief look ‘under the hood’ at• A look at some functions some of the features beyond the Wordpress offers you to facilitate dashboard building a website• Some hands on building of a site using the skills we have learned
  • Morning Afternoon session session • More functions & best practices.• Introductions and go around • Further hands on site building using• Overview: what Wordpress is, why skills we have learned so many are using it • A brief look ‘under the hood’ at• A look at some functions some of the features beyond the Wordpress offers you to facilitate dashboard building a website • sum up, questions, additional• Some hands on building of a site resources using the skills we have learned
  • What is Wordpress?
  • What is Wordpress? • A publishing platform that makes it easy for you to create a website & publish on the internet.
  • What is Wordpress? • A publishing platform that makes it easy for you to create a website & publish on the internet. • It is open source, created by Matt Mullenweg & developed by his company, Automattic
  • Isn’t Wordpressjust for blogging?
  • Isn’t Wordpressjust for blogging? No!
  • Isn’t Wordpress just for blogging? No!• Wordpress is a highly functional Content Management system (CMS) utilized by many full service websites.
  • Content ManagementSystem (CMS) [modified definition from Wikipedia]
  • Content ManagementSystem (CMS)• a computer system that allows publishing, editing, and modifying content as well as site maintenance from a central (web) page. [modified definition from Wikipedia]
  • Content ManagementSystem (CMS)• a computer system that allows publishing, editing, and modifying content as well as site maintenance from a central (web) page.• includes procedures to manage workflow in a collaborative environment (multiple users). [modified definition from Wikipedia]
  • Popular & Growing
  • Popular & Growing• 14.7% of all websites use Wordpress
  • Popular & Growing• 14.7% of all websites use Wordpress• 22 of every 100 new domains are using Wordpress
  • Popular & Growing• 14.7% of all websites use Wordpress• 22 of every 100 new domains are using Wordpress• Some of the worlds largest, most complex sites use Wordpress
  • Why is Wordpress so popular?
  • Why is Wordpress so popular?1. It’s easy to use
  • Why is Wordpress so popular?1. It’s easy to use2. It’s easy to extend
  • Why is Wordpress so popular?
  • Why is Wordpress so popular?3. You can perform multi-user web workflow within it
  • Why is Wordpress so popular?3. You can perform multi-user web workflow within it4. The Wordpress Community
  • Why is Wordpress so popular?3. You can perform multi-user web workflow within it4. The Wordpress Community5. It’s free
  • 12 Years ago >$100,000
  • Two typesof Wordpress sites:
  • Two typesof Wordpress sites: • wordpress.org & wordpress.com
  • Two typesof Wordpress sites: • wordpress.org & wordpress.com • self-hosted VS ‘cloud’ hosted
  • Two typesof Wordpress sites: • wordpress.org & wordpress.com • self-hosted VS ‘cloud’ hosted • Think Outlook VS GMail
  • .com .org
  • .com .org• owned by Automattic, in the cloud
  • .com .org• owned by Automattic, in the cloud• pre-configured themes (designs) to choose from
  • .com .org• owned by Automattic, in the cloud• pre-configured themes (designs) to choose from• its functionality is predefined (no add-ons).
  • .com .org• owned by Automattic, in the cloud• pre-configured themes (designs) to choose from• its functionality is predefined (no add-ons).• very quick to set-up
  • .com .org• owned by Automattic, in • owned by you (own server or host) the cloud• pre-configured themes (designs) to choose from• its functionality is predefined (no add-ons).• very quick to set-up
  • .com .org• owned by Automattic, in • owned by you (own server or host) the cloud• pre-configured themes • set up site exactly as you want (designs) to choose from• its functionality is predefined (no add-ons).• very quick to set-up
  • .com .org• owned by Automattic, in • owned by you (own server or host) the cloud• pre-configured themes • set up site exactly as you want (designs) to choose from• its functionality is • installed & maintained by you predefined (no add-ons).• very quick to set-up
  • .com .org• owned by Automattic, in • owned by you (own server or host) the cloud• pre-configured themes • set up site exactly as you want (designs) to choose from• its functionality is • installed & maintained by you predefined (no add-ons). • no restrictions. add ‘plugins’, themes. complete control.• very quick to set-up
  • .com .org• owned by Automattic, in • owned by you (own server or host) the cloud• pre-configured themes • set up site exactly as you want (designs) to choose from• its functionality is • installed & maintained by you predefined (no add-ons). • no restrictions. add ‘plugins’, themes. complete control.• very quick to set-up • but if something goes wrong you have to figure it out.
  • Ok, time to dive into someWordpress functions!
  • The Wordpress Dashboard:...we’re close to getting our hands dirty with Wordpress.Here’s your first look behind the scenes!
  • http://codex.wordpress.org/Installing_WordPress
  • 4 (of the many) thingsWordpress allows you to
  • 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called:
  • 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called: POSTS
  • 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called: POSTS2. Create webpages such as an about page -what we traditionally associate withwebsites. These are called:
  • 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called: POSTS2. Create webpages such as an about page -what we traditionally associate withwebsites. These are called: PAGES
  • 4 (of the many) thingsWordpress allows you to
  • 4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muchmore) while preserving the content. Theseare called:
  • 4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muchmore) while preserving the content. Theseare called: THEMES
  • 4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muchmore) while preserving the content. Theseare called: THEMES4. Allows anyone with a username andpassword to login and contribute and makechanges to the site. These are called:
  • 4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muchmore) while preserving the content. Theseare called: THEMES4. Allows anyone with a username andpassword to login and contribute and makechanges to the site. These are called: USERS
  • Posts VS.Posts & Pages are the two mainplaces where you put content to beviewed on your site. But when do you use one VS the other?
  • Posts Page
  • Posts Page• time based materials
  • Posts Page• time based materials• what they have: date published, author, category, optional tags
  • Posts Page• time based materials• what they have: date published, author, category, optional tags• usually in reverse chronological order
  • Posts Page• time based materials• what they have: date published, author, category, optional tags• usually in reverse chronological order• usually have images and not a full page
  • Posts Page• time based materials • stuff that doesn’t really change. permanent fixtures.• what they have: date published, author, category, optional tags• usually in reverse chronological order• usually have images and not a full page
  • Posts Page• time based materials • stuff that doesn’t really change. permanent fixtures.• what they have: date published, author, • what they have: navigation, category, optional tags custom page ‘looks’• usually in reverse chronological order• usually have images and not a full page
  • Let’s start building a website with some posts & pages!www.calm.reworkit.net
  • Users
  • Users• Accessing your profile: USERS > YOUR PROFILE
  • Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users:
  • Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users: 1. Administrator - Somebody who has access to all the administration features
  • Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users: 1. Administrator - Somebody who has access to all the administration features 2. Editor - Somebody who can publish and manage posts/pages as well as manage other users posts, etc.
  • Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users: 1. Administrator - Somebody who has access to all the administration features 2. Editor - Somebody who can publish and manage posts/pages as well as manage other users posts, etc.
  • Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users: 1. Administrator - Somebody who has access to all the administration features 2. Editor - Somebody who can publish and manage posts/pages as well as manage other users posts, etc.
  • Users
  • Users3. Author - Somebody who can publishand manage their own posts
  • Users3. Author - Somebody who can publishand manage their own posts4. Contributor - Somebody who canwrite and manage their posts but notpublish them
  • Users3. Author - Somebody who can publishand manage their own posts4. Contributor - Somebody who canwrite and manage their posts but notpublish them5. Subscriber - Somebody who can onlymanage their profile
  • Themes
  • Themes• Themes are look of your site plus some added functionality - its the Wordpress way of separating style and content
  • Themes• Themes are look of your site plus some added functionality - its the Wordpress way of separating style and content• Where are they? Wordpress theme directory or use a theme from the web (careful!).
  • Themes• Themes are look of your site plus some added functionality - its the Wordpress way of separating style and content• Where are they? Wordpress theme directory or use a theme from the web (careful!).• add themes in Appearance > Themes Activate or switch them here as well.
  • Let’s add some themes to ourdevelopment site
  • Themes:Changing Styles • You make theme changes in the appearance tab. Or customize styles through cascading style sheets. • Can also do custom themes
  • Widgets: • Small applications that show info in the sidebar and footer. eg - Twitter feed, links to recent posts. • Found in Appearance > Widgets
  • You have nowlearned enoughWordpress to beginto build a site.
  • Questions?