Canadian Association of Labour Media ConferenceWordpress 101                                 Darren Puscas                ...
Introductions
Morning   Afternoonsession    session
Morning                   Afternoon        session                    session•   Introductions and go around
Morning                        Afternoon        session                         session•   Introductions and go around•   ...
Morning                          Afternoon        session                           session•   Introductions and go around...
Morning                          Afternoon        session                           session•   Introductions and go around...
Morning                              Afternoon        session                               session                       ...
Morning                              Afternoon        session                               session                       ...
Morning                              Afternoon        session                               session                       ...
Morning                              Afternoon        session                               session                       ...
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....
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) u...
Content ManagementSystem (CMS)          [modified definition from Wikipedia]
Content ManagementSystem (CMS)• a computer system that allows publishing,  editing, and modifying content as well as  site...
Content ManagementSystem (CMS)• a computer system that allows publishing,  editing, and modifying content as well as  site...
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 t...
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...
.com                     .org•   owned by Automattic, in    the cloud•   pre-configured themes    (designs) to choose from•...
.com                             .org•   owned by Automattic, in    •   owned by you (own server or                       ...
.com                             .org•   owned by Automattic, in    •   owned by you (own server or                       ...
.com                             .org•   owned by Automattic, in    •   owned by you (own server or                       ...
.com                             .org•   owned by Automattic, in    •   owned by you (own server or                       ...
.com                             .org•   owned by Automattic, in    •   owned by you (own server or                       ...
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 ...
4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with ...
4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with ...
4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with ...
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 muc...
4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muc...
4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muc...
4 (of the many) thingsWordpress allows you to3. Change the appearance of the site(changing the colours, the fonts, and muc...
Posts VS.Posts & Pages are the two mainplaces where you put content to beviewed on your site.  But when do you use  one VS...
Posts   Page
Posts                  Page•   time based materials
Posts                     Page•   time based materials•   what they have: date    published, author,    category, optional...
Posts                     Page•   time based materials•   what they have: date    published, author,    category, optional...
Posts                     Page•   time based materials•   what they have: date    published, author,    category, optional...
Posts                          Page•   time based materials                              •   stuff that doesn’t really    ...
Posts                          Page•   time based materials                              •   stuff that doesn’t really    ...
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  acces...
Users• Accessing your profile: USERS > YOUR  PROFILE• Different types of users:  1. Administrator - Somebody who has  acces...
Users• Accessing your profile: USERS > YOUR  PROFILE• Different types of users:  1. Administrator - Somebody who has  acces...
Users• Accessing your profile: USERS > YOUR  PROFILE• Different types of users:  1. Administrator - Somebody who has  acces...
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...
Users3. Author - Somebody who can publishand manage their own posts4. Contributor - Somebody who canwrite and manage their...
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 conte...
Themes• Themes are look of your site plus some  added functionality - its the Wordpress way  of separating style and conte...
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 ...
Widgets:   • Small applications that show     info in the sidebar and footer.     eg - Twitter feed, links to recent     p...
You have nowlearned enoughWordpress to beginto build a site.
Questions?
Upcoming SlideShare
Loading in …5
×

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

671 views
611 views

Published on

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

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
671
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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)

    1. 1. Canadian Association of Labour Media ConferenceWordpress 101 Darren Puscas reWORKit.net May 26th, 2012 Hamilton, Ontario
    2. 2. Introductions
    3. 3. Morning Afternoonsession session
    4. 4. Morning Afternoon session session• Introductions and go around
    5. 5. Morning Afternoon session session• Introductions and go around• Overview: what Wordpress is, why so many are using it
    6. 6. 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
    7. 7. 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
    8. 8. 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
    9. 9. 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
    10. 10. 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
    11. 11. 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
    12. 12. What is Wordpress?
    13. 13. What is Wordpress? • A publishing platform that makes it easy for you to create a website & publish on the internet.
    14. 14. 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
    15. 15. Isn’t Wordpressjust for blogging?
    16. 16. Isn’t Wordpressjust for blogging? No!
    17. 17. Isn’t Wordpress just for blogging? No!• Wordpress is a highly functional Content Management system (CMS) utilized by many full service websites.
    18. 18. Content ManagementSystem (CMS) [modified definition from Wikipedia]
    19. 19. 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]
    20. 20. 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]
    21. 21. Popular & Growing
    22. 22. Popular & Growing• 14.7% of all websites use Wordpress
    23. 23. Popular & Growing• 14.7% of all websites use Wordpress• 22 of every 100 new domains are using Wordpress
    24. 24. 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
    25. 25. Why is Wordpress so popular?
    26. 26. Why is Wordpress so popular?1. It’s easy to use
    27. 27. Why is Wordpress so popular?1. It’s easy to use2. It’s easy to extend
    28. 28. Why is Wordpress so popular?
    29. 29. Why is Wordpress so popular?3. You can perform multi-user web workflow within it
    30. 30. Why is Wordpress so popular?3. You can perform multi-user web workflow within it4. The Wordpress Community
    31. 31. Why is Wordpress so popular?3. You can perform multi-user web workflow within it4. The Wordpress Community5. It’s free
    32. 32. 12 Years ago >$100,000
    33. 33. Two typesof Wordpress sites:
    34. 34. Two typesof Wordpress sites: • wordpress.org & wordpress.com
    35. 35. Two typesof Wordpress sites: • wordpress.org & wordpress.com • self-hosted VS ‘cloud’ hosted
    36. 36. Two typesof Wordpress sites: • wordpress.org & wordpress.com • self-hosted VS ‘cloud’ hosted • Think Outlook VS GMail
    37. 37. .com .org
    38. 38. .com .org• owned by Automattic, in the cloud
    39. 39. .com .org• owned by Automattic, in the cloud• pre-configured themes (designs) to choose from
    40. 40. .com .org• owned by Automattic, in the cloud• pre-configured themes (designs) to choose from• its functionality is predefined (no add-ons).
    41. 41. .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
    42. 42. .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
    43. 43. .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
    44. 44. .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
    45. 45. .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
    46. 46. .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.
    47. 47. Ok, time to dive into someWordpress functions!
    48. 48. The Wordpress Dashboard:...we’re close to getting our hands dirty with Wordpress.Here’s your first look behind the scenes!
    49. 49. http://codex.wordpress.org/Installing_WordPress
    50. 50. 4 (of the many) thingsWordpress allows you to
    51. 51. 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called:
    52. 52. 4 (of the many) thingsWordpress allows you to1. Create (dated and categorized) updates- things we normally associate with a blogentry. These are called: POSTS
    53. 53. 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:
    54. 54. 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
    55. 55. 4 (of the many) thingsWordpress allows you to
    56. 56. 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:
    57. 57. 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
    58. 58. 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:
    59. 59. 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
    60. 60. 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?
    61. 61. Posts Page
    62. 62. Posts Page• time based materials
    63. 63. Posts Page• time based materials• what they have: date published, author, category, optional tags
    64. 64. Posts Page• time based materials• what they have: date published, author, category, optional tags• usually in reverse chronological order
    65. 65. 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
    66. 66. 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
    67. 67. 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
    68. 68. Let’s start building a website with some posts & pages!www.calm.reworkit.net
    69. 69. Users
    70. 70. Users• Accessing your profile: USERS > YOUR PROFILE
    71. 71. Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users:
    72. 72. Users• Accessing your profile: USERS > YOUR PROFILE• Different types of users: 1. Administrator - Somebody who has access to all the administration features
    73. 73. 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.
    74. 74. 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.
    75. 75. 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.
    76. 76. Users
    77. 77. Users3. Author - Somebody who can publishand manage their own posts
    78. 78. Users3. Author - Somebody who can publishand manage their own posts4. Contributor - Somebody who canwrite and manage their posts but notpublish them
    79. 79. 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
    80. 80. Themes
    81. 81. Themes• Themes are look of your site plus some added functionality - its the Wordpress way of separating style and content
    82. 82. 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!).
    83. 83. 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.
    84. 84. Let’s add some themes to ourdevelopment site
    85. 85. Themes:Changing Styles • You make theme changes in the appearance tab. Or customize styles through cascading style sheets. • Can also do custom themes
    86. 86. Widgets: • Small applications that show info in the sidebar and footer. eg - Twitter feed, links to recent posts. • Found in Appearance > Widgets
    87. 87. You have nowlearned enoughWordpress to beginto build a site.
    88. 88. Questions?

    ×