Week Seven (MGDP2060)

This article lists topics for Week Seven of Web Design and Development III (MGDP2060).

Theme style.css file (460-461)

Each WordPress Theme requires its own style.css file.

Theme Editor (461-462)

You can edit WordPress Theme files in the Appearance Editor screen.

However, this is not best practice.

Child Themes (462-467)

A WordPress Child Theme is a WordPress Theme based on another Theme (the "parent" theme).

Creating a Child Theme from scratch is not difficult.

However, you can simply and speed up the process using a WordPress plugin:

• One-Click Child Theme Plugin

Editing the Styles in Your Theme (468-480)

Reasons for changing styles in a Theme include:

• Making your Theme unique
• Branding: corporate logo, color
• Highlight certain design elements

Style rule structure

The basic structure of a style rule:

selector {
  property:value;
  property:value
}

Elements of the style rule:

• The selector identifies which HTML element(s) will be affected.
• The property identifies the type of formatting which will be applied.
• The value sets a value for the property.

See also Style rule (CSS).

Using Fancy Font (481-484)

In Cascading Style Sheets, embedded fonts are files on the server which can be displayed in web pages.

See also Web typography.

Template Files (486-502)

A WordPress Theme uses WordPress Template files to determine how content will be displayed.

Every Theme must have a Template file named index.php.

Most Themes have additional Template files, such as:

• single.php
• page.php
• category.php

Exercises

See Week Seven Exercises (MGDP2060).