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

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. ( Arguably, Wordpress is the most popular

Web Design Without the Hassle

Features Can be used at no cost - Open Source Written in PHP Customizeable Can be static web site and/or blog

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

Features Media Management Full Standards Compliance Search Engine Optimized

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

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

Themes Hundreds (thousands?)

Themes Many free / some not

Plugins Add to the base functionality

Installation More control and functionality

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

Digital Ocean Once the droplet is up and running, Digital Ocean will 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’

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

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

Digital Ocean Create a WordPress user

Digital Ocean Give the WordPress user administrative privileges

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

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

Download WordPress Go to Download the latest version to a local directory Unzip the archive file

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

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 WordPress.org secret-key service} (or just click the above link) Copy and paste each line into your wp-config-sample.php page where indicated (see next slide)

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

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

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

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

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

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

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

Log In

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

Configuration

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’

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

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

Creating Posts

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

See it on the web

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

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

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

Questions?

Sources

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.