Categories
WordPress

WordPress Classic Theme Configuration: Shark Prods, Shorter 2025

NOTE: in this exercise, do not edit any theme template files (ie don’t use Appearance > Theme Editor) or install any plugins. Preliminary Site Setup First please download the necessary files for the exercise (updated 2025, with classic blocks conversion). If I ask you to install a Duplicator package instead, download this one (from August […]

Categories
CSS HTML

Advanced Grid Combination Demo

The starter files for this class demonstration include four separate projects. Each has most of the styling done, but none for the layout. The aim, then, is to focus purely on various advanced grid properties: The projects are: The first two projects are also available in a start-from-the-beginning form elsewhere in this site.

Categories
CSS HTML JavaScript

Jazzer.Com Sign Up Form Exercise

In the following exercise, you will make a sign-up form. To begin, please download the files you will require: the background image, and a text file containing all the text used in the page. A couple words in the text file may not match the screenshots on this page: don’t worry about that. Here is […]

Categories
CSS HTML JavaScript

JazzClass.Com Sign Up Form Exercise

In the following exercise, you will make a sign-up form (and possibly a gallery). To begin, please download the files you will require. In the downloaded archive, you will find the following: Change the name of the folder to your-full-name-jazzclass. You can use the Internet, your notes, or previous files. If this is a test, […]

Categories
WordPress

WordPress Full Site Editing Exercise: Seven

In this exercise, you will be creating a WordPress website called Seven using Full Site Editing and the Create Block Theme plugin. First, please download the starter content and the screenshots. Loom Videos Choose the first video if this is a test, and the second one if it’s an exercise. The video shows how the […]

Categories
WordPress WordPress Templates

WordPress Theme.JSON Editing Exercise

For this exercise, please download and install this starter content and download the screenshot. Here is a Loom video demonstrating the task. The starter content is a Duplicator archive for you to install. Housekeeping Tasks Once you’ve installed the site, do the following: Create Your Theme Use the already-installed Create Block Theme plugin to generate […]

Categories
WordPress WordPress Templates

WordPress FSE Exercise: Art Battle 2024

First, please download the starter files. This is a Duplicator package. Now, download the screenshots. Finally, please watch this Loom video demonstration of the look and behaviour of the site. Note that the layout for the home, archive and search results page is basically the same. The only difference is the addition of a title […]

Categories
WordPress WordPress Templates

Imaginary Film Festival 2023: WordPress Full Site Editing Exercise

First of all, please download the starter files. As well, please download the (revised) screenshots. Then install the starter content: a Duplicator package. During this installation, make sure to add yourself as an Administrator. One the site is installed, login and go to the Plugins area and deactivate and delete the following plugins, if they […]

Categories
WordPress

WordPress Theming Exercise: face place 2023 (3761295)

In this exercise, you will write a WordPress theme to output content the way it appears in the screenshots and Loom movie. Initial Setup For this exercise, please download the starter files (duplicator archives) and the screenshots: Then please download this starter theme to start the project. If this is an exam, you must use […]

Categories
WordPress

WordPress Theming Exercise: face place 2023 (3769842)

In this exercise, you will write a WordPress theme to output content the way it appears in the screenshots and Loom movie. Initial Setup For this exercise, please download the starter files (duplicator archives) and the screenshots: Then please download this starter theme to start the project. If this is an exam, you must use […]