Custom Loops in WordPress 2023 (PedalMania)

This exercise will show you how to write custom loops in WordPress.

Some Sample Content

For this exercise, I have created a Duplicator archive of a small site.

For the download, use Chrome rather than Safari: Safari automatically unpacks ZIP files unless a preference setting is changed.

Install this site in your testing environment. Don’t forget to make yourself a new admin account as part of this process.

Please download these images. You’ll need to use the images of jazz album covers.

And here are screenshots showing the completed project, after you have done the tasks described in the final video.

Please download this basic starter theme I have made for the exercise.

Rename your theme folder pedalmania-your-first-and-last-name.

Install your newly modified starter theme inside wp-content/themes.

Set up this theme as a new project in whatever editor we’re using in class (Visual Studio Code at present…).

In functions.php, replace the word THEMENAME with your initials.

Finally, in styles.css, change the theme name to your initials, and the author to your first and last name.

That naming is important: it allows your marker to know whose work is whose.

Now, please watch this series of Loom videos and code along with it.

The final video of the series gives you a number of tasks to complete the exercise.

Instructions on how to setup your starter theme are contained in the first video.

Follow those instructions carefully: if the theme is not named correctly, I won’t be able to mark it.

Your theme folder needs to be named pedalmania-your-full-name. Make sure that there are no spaces.

In style.css, the theme needs to be named Pedalmania YOUR Initials (spaces are ok there)

The author line in style.css absolutely must have your full name. (spaces are ok there, too)

You will need to hand in your finished theme. The mark will be based on how closely your theme matches the one in the video series.