Content Management Systems CMS WordPress Introduction to Web
Content Management Systems (CMS) – Wordpress Introduction to Web Design and Development CSCI 1210
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, Media. Wiki, Testpattern, TYPO 3, Expression. Engine, Magnolia, Eonic, Cascade Server, e. Xo Platform, Liferay, Twiki, So. NET, File. Net, etc. (https: //en. wikipedia. org/wiki/List_of_content_management_systems) Arguably, Wordpress is the most popular
Web Design Without the Hassle
Features Can be used at no cost - https: //wordpress. com 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 blog website photoblog business website magazine or news website online community government website professional portfolio
Options Word. Press. 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 email you the root password Using Pu. TTY, 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 Pro. FTPd You’ll need an FTP server (not a client, like we’ve been using this semester) You’ll use File. Zilla (the client) to connect to the server later
Digital Ocean Create a Word. Press user
Digital Ocean Give the Word. Press user administrative privileges
Digital Ocean Add the Word. Press user to My. SQL, elevate the user privileges with My. SQL, and create the Word. Press database
Digital Ocean Exit My. SQL (‘exit’ + Enter) Navigate to the web root directory (/var/www) Change ownership of the directory
Download Word. Press Go to https: //wordpress. org/download/ 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. Word. Press 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/ Word. Press. 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’
File. Zilla Launch File. Zilla 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 Digital. Ocean’s nameservers (See Lecture 9 notes) Click ‘Quickconnect’ Navigate to the web root directory
File. Zilla Navigate to the web root directory (It’s easiest to just type ‘/var/www/html’ into the text field)
File. Zilla Upload all of the Word. Press 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 Word. Press files/folders
Install Fill in the required information The email 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 Word. Press 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 theme, return to the installed plug-ins page, select it, and click ‘Activate’ There a number of customizable options that come with each theme
Creating Posts
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 Word. Press 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 a ton of plug-ins Security SEO e. Commerce Editors Types & fonts Spam blockers Counters Community Forums Caching Sliders Image galleries Forms Captchas Contact forms Analytics Navigation Backup & Restore Disable right-click Sitemaps Thumbnails
Questions?
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
Copyrights Presentation prepared by and copyright of John Ramsey, East Tennessee State University, Department of Computing. (ramseyjw@etsu. edu) • Microsoft, Windows, Excel, Outlook, and Power. Point are registered trademarks of Microsoft Corporation. • IBM, DB 2 Universal Database, System i 5, System p 5, System x, System z 10, System z 9, z 10, z 9, i. Series, p. Series, x. Series, z. Series, e. Server, z/VM, z/OS, i 5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, Power. VM, Power Architecture, POWER 6+, POWER 6, POWER 5+, POWER 5, POWER, Open. Power, Power. PC, Batch. Pipes, Blade. Center, System Storage, GPFS, HACMP, RETAIN, DB 2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, Web. Sphere, 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, XHTML and W 3 C are trademarks or registered trademarks of W 3 C®, World Wide Web Consortium, Massachusetts Institute of Technology. • Java is a registered trademark of Sun Microsystems, Inc. • Java. Script is a registered trademark of Sun Microsystems, Inc. , used under license for technology invented and implemented by Netscape. • SAP, R/3, SAP Net. Weaver, Duet, Partner. Edge, By. Design, SAP Business By. Design, 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, Business. Objects, 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.
- Slides: 48