Recent Changes - Search:

Web Design

This website demonstrates using wikis as teaching and learning tool.

The course instructor is happy to share the teaching materials here with those who find it readable.

Content Management Systems: WordPress

Overview: In this tutorial, you will install a popular CMS (Content Management System) software called WordPress. You will then experiment to see how to use the CMS to publish contents, to change its look and feel, and even to do a little bit customization by modifying some PHP code.

Activity 1: Install a server that has Apache, MySQL, and PHP.

  • Install an Apache Web server that is powered with MySQL and PHP in your computer. Please use the previous tutorial material: Installing a Web Server if you forget how to do that.

Activity 2: Install WordPress CMS

1 Create a database for WordPress on your web server, as well as a MySQL user who has all privileges for accessing and modifying it.
2 Rename the wp-config-sample.php file to wp-config.php.
3 Open wp-config.php in your favorite text editor and fill in your database details.
4 Place the WordPress files in the desired location on your web server.
5 Run the WordPress installation script by accessing wp-admin/install.php in your favorite web browser.

Activity 3: Use WordPress

  • Login to your WordPress and create the following pages and posts.
Page 1: About Us
Page 2: Services
Page 3: Products
Post 1: Why we start this website
Post 2: Six simple ways to grow your business
  • Please fill in the pages and posts with some dummy contents and testing formatting like lists and table. Here are some dummy text for you.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Activity 4: Change templates for WordPress

  • Go to the following websites to select a WordPress you like.
  • Download a WordPress theme and put the files into the folder /wp-content/themes/.
  • Activate the theme.

Activity 5: Customize WordPress

  • Use your favorite text editor to open some files of your selected WordPress theme (e.g. index.php, sidebar.php, footer.php).
  • Add or change some code in sidebar.php.
  • Add or change some code in footer.php.

Submission

  • You need to demonstrate your work to Steven in a tutorial session. Steven may ask you some questions to test your knowledge.
Edit - History - Print - Recent Changes - Search
Page last modified on December 08, 2009, at 04:48 PM