First, please download the starter files and open them as a project in Visual Studio Code. And here is a link to a video demonstrating what we will build. And here is a full video series that goes through everything we will do in class, and probably more. Topics Covered:
Author: km
In this exercise, you will configure a WordPress classic theme to make a website called Doppelgänger. If this is a test, the marks breakdown is included with each section. If this is just a weekly exercise, the mark is out of 1, as usual. First please download: Project Setup Do not upgrade to the paid […]
In this exercise, which we will typically do in class, we will examine some advanced grid properties, including grid-auto-flow and subgrid. Please download the starter files and open them up in Visual Studio Code (or whatever other code editor you use),. The supplied project files include an html file and a partially-completed stylesheet. In the […]
For this exercise, we are going to make a website that looks like this: First, please download the necessary image and text files. Unzip the file and then rename the folder to yourname-gibson-gallery. Inside this folder is an images folder, and a textfiles folder. Inside the text files folder are six text files. Open this folder as a […]
In this exercise, you will practice your CSS Grid skills, as well as create a harmonious color scheme for your site. First please download the starter files. This will contain the images and the screenshots of the exercise. Once you’re unzipped that package, rename the folder to firstname-lastname-guitarmania2024. And here is a Loom movie describing […]
In this exercise, you are making a WordPress theme for a website about a particular guitar: the Squire Hello Kitty Stratocaster. The website is called Guitar Kitty. First, please download the starter content. Here is a silent video Loom video demonstrating the final site. Already installed in the site are the following plugins: If this […]
Categories
Php for Developers 2024
In one fast-paced class, we are going to learn two things: Please download the starter content and install it in your development environment. Please also download this screenshot file. Most of what we do in this class is covered in the following exercise series: For an exercise that goes further, including outputing custom fields and […]
To Install Tailwind:Open your project in Visual Studio Code. Go to Terminal > New Terminal Type npm install -D tailwindcss To Initialize your project, type Then create two folders inside your project. Name them build and src In the SRC folder, make a file called input.css In the BUILD folder, make a file called index.html In tailwind.config.js, edit […]
First please download the starter files. Now please download the screenshots. Finally, here is a Loom video describing what you will produce. Tailwind Videos A short Loom series on using Tailwind. Killer Shortcut If you go to the tailwindcss website, the keyboard shortcut Ctrl-K will allow you to search the documentation very efficiently. Tailwind Setup […]
In this exercise, you will investigate the use of Custom Post Types, Custom Fields, and Custom Taxonomies. First, please watch this Loom video series and follow along creating the site I create in the videos. To do that, please download the images and data for the custom fields to follow along with the video. In […]