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 […]

Categories
CSS HTML JavaScript

HTML/CSS/JS Exercise: Photon Software 2023

For this exercise, there is nothing to download, except for the screenshots. In the exercise, you will make a single page for an imaginary software company called Photon Software. The page will display details of five apps built by the company. Each app’s details will occupy one panel in the page. Please look at the […]

Categories
CSS HTML JavaScript

HTML/CSS/JS Layout Exercise: The Sally Roonies

In this exercise, you’ll make a single page layout. First please download the starter files. Once you unzip the folder, rename it TheSallyRoonies-YourFirstName-YourLastName. Then download the screenshots. Now, make the HTML, CSS, and JS to make the following page with the following details. A Loom Video demonstration of the task. Fonts Use the system ui […]

Categories
WordPress

Sample Content for Custom Post Type and Custom Fields Demo

For this exercise, which we’ll do in class, please download the following images of famous jazz guitar albums. As well, please download this simple starter theme.

Categories
CSS HTML

Grid-O-Flex 2023 Layout Exercise

In the following exercise you will need to analyze the layouts of the various components on the page, and then decide whether grid, flex, or a combination of both will give you the results seen in the screenshots and demonstration movie. Downloads First, please download the resources you’ll need: this is a collection of screenshots, […]

Categories
Uncategorized WordPress

Using Duplicator to Deploy to Plesk Hosting Environment

I planned to record a Loom video showing how to deploy with Duplicator rather than All-In-One WP Migration. However, Loom is currently not cooperating. So here is a rough guide how to do it.

Categories
WordPress Templates

WordPress Theme.json Validation & Code Hinting

When editing your block theme’s theme.json file, a very useful thing to do is to add a reference that allows you to validate the data you are creating. This will also provide code hinting. This reference is to a document called a schema. How to Add the Reference If you add the following as the […]