8/25/2019

1

Content Management Systems (CMS) –

WordpressIntroduction 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, 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)

Arguably, Wordpress is the most popular

1

2

3

8/25/2019

2

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

4

5

6

8/25/2019

3

Features

Media Management

Full Standards Compliance

Search Engine Optimized

Features

Flexibility

personal blog magazine or news websitewebsite online communityphotoblog government websitebusiness website professional portfolio

Options

WordPress.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

7

8

9

8/25/2019

4

Themes

Hundreds (thousands?)

Themes

Many free / some not

Plugins

Add to the base functionality

10

11

12

8/25/2019

5

InstallationMore 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 PuTTY, log in to the server (Copy & paste the IP address (or domain name, if you have purchased a domain) and click ‘Open’

13

14

15

8/25/2019

6

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

16

17

18

8/25/2019

7

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

19

20

21

8/25/2019

8

Download WordPress

Go to https://wordpress.org/download/

Download the latest version to a local directory

Unzip the archive file

Config FileWe’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 FileWe 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)

Copy and paste each line into your wp-config-sample.php page where indicated (see next slide)

22

23

24

8/25/2019

9

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’snameservers (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)

25

26

27

8/25/2019

10

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 email address is for password recovery if you forget yours

28

29

30

8/25/2019

11

Install

That’s all there is to it!

Now, click ‘Log In’

Log In

DashboardPosts

MediaPages

Comments

Appearance

Plug-ins

UsersTools

Settings

31

32

33

8/25/2019

12

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’

34

35

36

8/25/2019

13

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

37

38

39

8/25/2019

14

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

40

41

42

8/25/2019

15

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

Security Community Contact formsSEO Forums AnalyticseCommerce Caching NavigationEditors Sliders Backup & RestoreTypes & fonts Image galleries Disable right-clickSpam blockers Forms SitemapsCounters Captchas Thumbnails

43

44

45

8/25/2019

16

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

•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)

46

47

48