Difference between revisions of "Week Seven (MGDP2060)"

Revision as of 20:21, 5 October 2016

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

Each WordPress Theme requires its own style.css file.

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

However, this is not best practice.

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:

Reasons for changing styles in a Theme include:

The basic structure of a style rule:

selector {
  property:value;
  property:value
}

Elements of the style rule:

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

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:

@@ Line 22: / Line 22: @@
 == 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:
+<pre>
+selector {
+  property:value;
+  property:value
+}
+</pre>
+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) ==