By: Dr. Patrick D.
Cerna
Haramaya University
Know the concepts of CMS
Use CMS to develop dynamic web application
Install and Configure Wordpress CMS
Integrate Wordpress with WAMP
Develop web application using Wordpress
A blog publishing system programmed in PHP
Uses MySQL as the backend (database)
A free software to set up blogs
Download from
http://wordpress.org/download/
Extract WordPress files to the “htdocs” folder in Xampp
installation folder
Rename “wp-config-sample.php” to
“wp-config.php”
Open “wp-config.php” and fill in the database
information
Run “install.php” from the Web Browser to install
WordPress Software
Rename this file to
wp-config.php
Enter ‘wordpress’ for DB_NAME and DB_USER
Enter the password for DB_PASSWORD
which you provided while creating the user
Now you can see “wordpress” Installation.
Type your Blog Title & Your Mail
Note username
and password
Click Here to log in
Enter Username and
Password. Click Login
Click on “Visit site” to view your blog
• How to Login
• Tour of the Dashboard
• New Features
• How to Add & Edit Pages
• How to Add Media
• How to Add Pages to the Left Hand
Menu
• Q&A
Add image or
video files by
clicking Media
link or Add
Media button
To view html code
click the Text
Left-hand
side
navigation
menu is
located
under
Appearance
Faculty Staff Directory
can be edited by
clicking COEN Faculty Click Publish to
link save and make
the page visible
online
Shortcode – An enhanced way to add
content, layout, and media elements
like slideshows, columns, or videos
to posts (beyond default WordPress
Slides – Used editing tools)
to create
Sliders
(rotating
photos)
WP-Tables
Reloaded – Located
under the Tools
tab, Tables WordPress Documentation – Located under the
Reloaded is an Appearance tab and Theme Options,
easier way to add Documentation provides an overview of the
tables to your theme functionality, setup, usage, and more
webpage without
all the html coding
Adding a New
Page – Under Add title of page here
Pages click on
Add New for a
blank page,
similar to
word-
processing
software
editing features Page content (text and photos) are added
here
When you are
finished adding
content click
Publish to save
Edit Existing
Pages – Under
Pages click on All
Pages to view all
site pages. Click
the page,
highlight text and
start typing to
edit
Formatting
Palette –
Use the
formatting
palette
menu to
change
Click Preview Changes
fonts, to review unsaved
format text, changes
or to add
links to
content Click Update to save
changes
Adding New
Media – Click
Media on the left
hand side or Add To upload
Media (above the
formatting an image
palette) click
Upload
From the Insert Files
Media window,
upload images or To browse for an
browse for a file
already saved in image previously
the library uploaded, select
“uploaded to this
page” from the drop-
down menu options
Adding Pages to When you are
Left Hand Menu–
Click Menus
finished adding
under your page click
Appearance Save Menu
To move page to
desired location in
Click on the the menu click On
page you want
to add
the name of the page
and drag it to where
you want it appear
To add it to the menu
click Add to Menu
An Introduction to Web Design +
Programming by Paul S. Wang & Sanda S.
Katila
Programming the Web Using XHTML and
JavaScript
By Larry Randles Lagerstrom
Introduction to Wordpress Manual.
www.wordpress.org
