1. Content Management Systems (CMS) – Wordpress Introduction to Web Design and Development CSCI 1710

2. Web Design Without the Hassle An easy and convenient way to create and maintain a professional looking website is through the use of a Content Management System (CMS) There are many – Joomla! Drupal, MediaWiki, Testpattern, TYPO3, ExpressionEngine, Magnolia, Eonic, Cascade Server, eXo Platform, Liferay, Twiki, SoNET, FileNet, etc. (https://en.wikipedia.org/wiki/List_of_content_management_systems)https://en.wikipedia.org/wiki/List_of_content_management_systems Arguably, Wordpress is the most popular

4. Web Design Without the Hassle

5. Features Can be used at no cost - https://wordpress.comhttps://wordpress.com Open Source Written in PHP Customizeable Can be static web site and/or blog

6. Features Simplicity Makes it possible for you to get online and get publishing, quickly Publish with Ease Built-in Comments User Management

7. Features Media Management Full Standards Compliance Search Engine Optimized

8. Features Flexibility personal blogmagazine or news website websiteonline community photobloggovernment website business websiteprofessional portfolio

9. Options WordPress.comWordPress.com (free) URL: wordpress.sitename.com (can omit the ‘wordpress’ part for $13/year Can use own domain (not free) Self host Software is free/server not so much

10. Themes Hundreds (thousands?)

11. Themes Many free / some not

12. Plugins Add to the base functionality

13. Installation More control and functionality

14. Digital Ocean Create an account Launch a droplet (server), using the LAMP option

15. Digital Ocean Once the droplet is up and running, Digital Ocean will email you the root password Using PuTTY, log in to the server (Copy & paste the IP address (or domain name, if you have purchased a domain) and click ‘Open’

16. Digital Ocean Update the operating system (this will take a couple of minutes)

17. Digital Ocean Install ProFTPd You’ll need an FTP server (not a client, like we’ve been using this semester) You’ll use FileZilla (the client) to connect to the server later

18. Digital Ocean Create a WordPress user

19. Digital Ocean Give the WordPress user administrative privileges

20. Digital Ocean Add the WordPress user to MySQL, elevate the user privileges with MySQL, and create the WordPress database

21. Digital Ocean Exit MySQL (‘exit’ + Enter) Navigate to the web root directory (/var/www) Change ownership of the directory

22. Download WordPress Go to https://wordpress.org/download/https://wordpress.org/download/ Download the latest version to a local directory Unzip the archive file

23. Config File We’ll have to modify the wp-config-sample.php file Open it in Notepad++ Fill in the information shown, using your server configuration information This should literally be the word localhost

24. Config File We also have to add salts. WordPress will generate them for you Find the line that reads: You can generate these using the {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service} (or just click the above link) https://api.wordpress.org/secret-key/1.1/salt/ Copy and paste each line into your wp-config-sample.php page where indicated (see next slide)

25. Config File Adding salts After you’ve added the salts, save the file as ‘wp-config.php’

26. FileZilla Launch FileZilla Enter the IP address and your user’s login information (Digital Ocean will provide you with the IP address). If you were doing this for-reals, you would purchase a domain and point it at DigitalOcean’s nameservers (See Lecture 9 notes) Click ‘Quickconnect’ Navigate to the web root directory

27. FileZilla Navigate to the web root directory (It’s easiest to just type ‘/var/www/html’ into the text field)

28. FileZilla Upload all of the WordPress files and folders to the web root directory This will take a while

29. Install Run the install script by accessing the URL for the folder in which you uploaded the WordPress files/folders

30. Install Fill in the required information The email address is for password recovery if you forget yours

31. Install That’s all there is to it! Now, click ‘Log In’

32. Log In

33. Dashboard Posts Media Pages Comments Appearance Plug-ins Users Tools Settings

34. Configuration

35. Select a Theme The theme that is installed with WordPress is pretty vanilla If you click on Appearance -> Themes, it’ll take you to a page that shows what themes are currently installed Then, click on ‘Add New Theme’

37. Select a Theme There are hundreds of themes In our example, I’ll pick one at random

39. Select a Theme After installing the theme, return to the installed plug-ins page, select it, and click ‘Activate’ There are a number of customizable options that come with each theme

40. Creating Posts

41. By clicking on the Text tab, you can use your knowledge of HTML to tweak the page to your liking

42. See it on the web

43. Other Notes WordPress has a lot of uses It can be configured for a single or multiple users (contributors) It can act as a blog, a standalone site or both

44. Other Notes There are two primary forms of posting Post - blogging Page - a static web page Custom menus provide access to the pages

45. Other Notes There are a ton of plug-ins SecurityCommunityContact forms SEOForumsAnalytics eCommerceCachingNavigation EditorsSlidersBackup & Restore Types & fontsImage galleriesDisable right-click Spam blockersFormsSitemaps CountersCaptchasThumbnails

46. Questions?

47. Sources https://en.wikipedia.org/wiki/Web_content_management_system https://en.wikipedia.org/wiki/Content_management_system https://wordpress.org/ https://wordpress.com/?apppromo

48. Copyrights Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, iSeries, pSeries, xSeries, zSeries, eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, PowerVM, Power Architecture, POWER6+, POWER6, POWER5+, POWER5, POWER, OpenPower, PowerPC, BatchPipes, BladeCenter, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, WebSphere, Netfinity, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. Oracle is a registered trademark of Oracle Corporation. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology. Java is a registered trademark of Sun Microsystems, Inc. JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape. SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Business ByDesign, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects S.A. in the United States and in other countries. Business Objects is an SAP company. ERPsim is a registered copyright of ERPsim Labs, HEC Montreal. Other products mentioned in this presentation are trademarks of their respective owners. Presentation prepared by and copyright of John Ramsey, East Tennessee State University, Department of Computing. (ramseyjw@etsu.edu)ramseyjw@etsu.edu