1. 1 Information Management DIG 3563 – Lecture 6 Content Management Systems: Wordpress J. Michael Moshell University of Central Florida Original image* by Moshell et al. Imagery is fromWikimedia except where marked with *.

2. -2 - Objectives of this course concerning CMS: Be familiar with what CMS are good for Have brief experience with three CMS - Wordpress - Drupal - Joomla or another system of your choice Have extensive experience using ONE CMS to build an information management system/website

3. -3 - What is a Content Management System? A 'toolkit' for constructing interactive websites Written in a scripting language (PHP, Java, Perl…) Based on a database (mySQL, most often) Consisting of a core set of code and LOTS of optional modules - some are free - some are purchased

4. -4 - What CMS will we study? ** Three of them, in this course Wordpress – moving up from a Blog platform Joomla – popular general purpose CMS Drupal – The industrial-strength Big Boy What are you going to be doing about CMS? Installing, demonstrating and evaluating. usage statistics http://trends.builtwith.com/cms

5. -5 - How should we CHOOSE a CMS for our project? LOGICAL WAY: (1) Identify the FEATURES we will need for our project (2) Download PLUGINS (Modules) for various CMS and see which one sucks the least, for your needs (3) Choose THAT CMS for your project

6. -6 - How WILL we CHOOSE a CMS for our project? LAZY but MOST COMMON WAY: (1) I already know how to use XXX (usually Wordpress) (2) So we will de-scope our project as needed to make it work with XXX

7. -7 - How WILL we CHOOSE a CMS for our project? LAZY but MOST COMMON WAY: (1) I already know how to use XXX (usually Wordpress) (2) So we will de-scope our project as needed to make it work with XXX (How does that sound, in the real world? Mediocre!)

8. -8 - Top 10,000 sites (hits) as of 9/4/13

9. -9 - (But look at 100k and Entire Web)

10. -10 - (But look at 100k and Entire Web)

11. -11 - Top 100k sites

12. -12 - Top Million Sites

13. -13 - Wordpress: Advantages: - only one version-stream; usually up-compatible (but you still must check modules for compatibility with your version) - simplest system to use Disadvantages: 1) Some security hazards in plugins. 2) Everybody knows how to use it … so … no ADVANTAGE

14. -14 - Wordpress: NOTE: wordpress.com is NOT wordpress.org Wordpress.com is a HOSTING SERVICE which lets you set up and run your own blog * Wordpress.org is a SOURCE CODE SERVICE which lets you download, customize, and host your own CMS. (They're cousins....)

15. -15 - Wordpress:Installation Download Version 3.6 Unpack it Move the wordpress folder into our docroot folder (MAMP: htdocs; WAMP:www) * browse to localhost/wordpress or localhost:8888/wordpress This will cause index.php to be executed.

16. -16 - Wordpress:Installation Before we start the wordpress setup, we need to create a database and a mySQL login ID and password. http://codex.wordpress.org/Installing_WordPress

17. -17 -

18. -18 -

19. -19 - Note... this did NOT work for me. I redid it using database name 'wordpress' and it worked.

20. -20 -

21. -21 -

22. -22 - Write it down !

23. -23 - Wordpress:Installation We have a try at the automatic pathway.

24. -24 -

25. -25 - wordpress jmmwordpress (created with phpMyAdmin – previous pages) ditto localhost

26. -26 - My first attempt failed: DATABASE ERROR I tried several things. Ultimately I deleted the database, created a new one named 'wordpress' and went through the steps again. This time it worked.

27. -27 - Write it down !

28. -28 -

29. -29 -

30. -30 -

31. -31 - The Default Shell (styling) and starter page.

32. -32 - Wordpress: Originally a Blogging System. Fundamental element = "a post" – dated, signed, with limited format control.

33. -33 - Wordpress: Evolved into a Content Management System. In a CMS, the fundamental element is a page... e. g. the startup page.

34. -34 - Editing the startup page:

35. -35 - It's a WYSIWIG editor

36. -36 - But you can also edit the HTML directly, for finer control

37. -37 - But you can also edit the HTML directly, for finer control

38. -38 - To see the page you edited, click here

39. -39 - But it still looks like everyone else's starter page. I want my own style!

40. -40 - But it still looks like everyone else's starter page. I want my own style!

41. -41 - Select 'admin'

42. -42 - Select 'Appearance' then 'Themes'

43. -43 - Install themes (get them from Internet)

44. -44 - I searched for themes using keywords Peanut Farm Rural.... no luck... but 'Field'  yielded a nice one.

45. -45 - I searched for themes using keywords So I activated this theme.

46. -46 - Now I don't have my splash page. And I don't want "Just another Wordpress Site" or the Wordpress logo. Some things to fix.

47. -47 - I try to delete the tagline "Just another Wordpress site" I find the Settings option, and try changing the tagline. Click "Save Changes" and get this error message. I use the Back arrow to make sure the site still displays... but clearly Wordpress isn't perfect yet.

48. -48 - I try to delete the tagline "Just another Wordpress site" I find the Settings option, and try changing the tagline. Click "Save Changes" and get this error message. I use the Back arrow to make sure the site still displays... but clearly Wordpress isn't perfect yet. Much of what you learn in this course will consist of "how to struggle with a CMS".

49. -49 - Wordpress: Control panel =“Dashboard” new plugins add new plugins here 

50. -50 - Wordpress:Features User classification: ("roles") Administrator Editor, Author, Contributor, Subscriber You can add taxonomic tools, via plug-in, that create additional roles

51. -51 - Wordpress:Features Content classification: Pages Blog Posts Tags and Categories – how to classify your content Plugins – Dynamic tools for managing content

52. -52 - Wordpress:Features Fundamental concept: Is a page or a post Published, or not? On the front page, or not?

53. -53 - Wordpress:Features Menu design: Widgets (like small plugins)

54. -54 - Wordpress:Plugins Two defaults: anti-spam, starter kit

55. -55 - Wordpress:Features Behavioral design: Plug-ins (Modules) This is the BEATING HEART of a CMS Explore the Job Ticket Quest (Moshell) What's a 'job ticket'? Service organizations (like online support) receive thousands of requests for help. Have they all been taken care of? * a "To-do list manager"

56. -56 - Searching for a Plugin: Job Ticket

57. -57 - Searching for a Plugin: Job Ticket "Job Ticket" got a lot of vague hits; none promising. I need synonyms. Wikipedia yields nothing. * Support ticket – bingo. Lots of 'em. I look at "Support Ticket V2" with five stars.

58. -58 - Searching for a Plugin: Job Ticket Notice warning about compatibility with 3.5 Seems good up to 3.4.2 so probably will work I give it a try.

59. -59 - Searching for a Plugin: Job Ticket Instructions:

60. -60 - Searching for a Plugin: Job Ticket Instructions: You don't have to do the work; Wordpress does it for you.

61. -61 - Searching for a Plugin: Support Ticket Try it; immediately observe NO change on front screen. Turns out it's ONLY available to the atmin!

62. -62 - Searching for a Plugin: Support Ticket Deactivate Support Tickets c2 Second try:

63. -63 - Searching for a Plugin: Support Ticket Seems to install OK. I try to activate it. Hmmm. Did it activate before crashing? Seems it did. Go looking for it.

64. -64 - Setting up WPSC Support Ticket Again, nothing on the front panel. I visit the Dashboard Support Tickets item. Aha! An opportunity to designate a page.

65. -65 - Setting up WPSC Support Ticket Again, nothing on the front panel. I again visit the Dashboard Support Tickets item.... out of ideas and time. But I know what to ask about, in the forums.

66. -66 - Wordpress:Features Search Options Content keyword Categories Tags The “Search Everything” Plug-In

67. -67 - Wordpress:Features Comment System (part of Blog Culture) I think that everything is commentable in WP (?) Gravitars and Avatars Part of WP culture... a cross-platform avatar system, complete with G PG R NC17 X ratings http://codex.wordpress.org/How_to_Use_Gravat ars_in_WordPress

68. -68 - What do we do NOW? In the next two weeks: Your team must install THREE CMS: WHERE? - easiest: your own laptop (3 people, 1 CMS each) -You need to install WAMP or MAMP (local Apache server, on your laptop) - Second easiest (usually) your own hosting site - Many of them offer Wordpress or Joomla or Drupal "starter kits" -Hardest (but I will help, if necessary) – Sulley (More details on next page.)

69. -69 - Installing a CMS on Sulley Why is it a hassle? 1)You have only one DB per user, so you must put all the tables into your existing DB, not a new one 2)The source code for a CMS is bulky, so it is a pain to upload via FTP. (Solution: I will have the starter kits on Sulley already; you can transfer directly to your area.) 3) Local development via MAMP or WAMP does not depend on Internet access, slow turnaround, etc.

70. -70 - Installing a CMS on Sulley But – am I REQUIRED to install on Sulley? No – not for this “wet feet” exercise (your group might not choose this CMS) But if you have no localhost capability, it might be your only option.

71. -71 - DUE IN TWO WEEKS: Your team must install THREE CMS: * wordpress (latest stable version is 3.5) * drupal (use drupal 6; it’s stable) * ONE other CMS (joomla or your-choice) Best way is if one person takes responsibility for each. [[Note: a wise person will do one they’ve not seen before]] You must Modify the Theme (away from the default) You must Install one or more modules (for practice) You will demonstrate what you did, to your own group (and possibly to the class)

72. -72 - DUE THURSDAY 3 October: Your team must install THREE CMS: * wordpress * drupal * something else (Joomla or your-choice) Best way is if one person takes responsibility for each. [[Note: a wise person will do one they’ve not seen before]] How do I check?: I walk around with ATTENDANCE SHEET and check that you have a CMS on your laptop. (No laptop? Special case; discuss.)

73. -73 - I repeat: DUE ON 3 OCTOBER: CMS Peek-See Payoff: 20 course points IF you show me a working CMS with a theme other than the default. ALSO that week, you will have your first encounter with the DIG4104c students and their Semester Projects (At your out-of-class meeting time.)