In the following exercise, you will explore the following areas. css blend modes css variables (also known as custom properties) grid auto-fill and minmax() advanced form styling animation transitions js change event js event targets more visual studio efficiencies In the project, you will make a CSS Blend Modes Tester: a tool that will allow […]
Sometimes with exercises made in the past, Ninja Forms can have a couple issues. Incompatible WordPress Versions If when you try to install Ninja Forms, it says that it’s not compatible with your version of WordPress, then update WordPress from the Dashboard. If the WordPress update does not actually finish because you have a slow […]
For this exercise, please watch all the Loom videos at the following locations. Code along with the examples, or you will not remember anything from the videos. There is a lot of content in these videos, so it would be best to watch (and code along with) them over a range of days. You will […]
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. Please download the duplicator package (updated Feb 2022). Updated duplicator package (Feb 2023, PHP 8.0.8) For the download, use Chrome rather than Safari: Safari automatically unpacks ZIP […]
In this class, we will learn how to build a WordPress child theme. A child theme leverages the functionality and appearance of a parent theme, but makes changes or additions to appearance and/or functionality. Class Files Please download this ChildThemeStarterPackage. My apologies for the file size: it’s bigger than it should be. Useful Resources WordPress […]
For this code challenge, please download this image. For the paths to be consistent, put the html file, the image, and the css file in the same folder, and use relative paths ( no starting / ). Put your CSS inside <style> tags in the head of the document. Don’t link to an external stylesheet. […]
There is an annoying bug that sometimes occurs in the Windows version of MAMP. Specifically, a message like this shows up at the bottom of your pages, Notice: ob_end_flush(): failed to send buffer of zlib output compression (1) .. You can fix the bug by following these steps: find the version of PHP you’re using […]
This exercise can be done using any WordPress site at all. Use the site you created for last week’s series of follow-along videos: WordPress theming bootcamp. To begin, please download this starter theme. Put it inside wp-content/themes. Then open it up as a project with Visual Studio Code (or whatever editor you use), and make […]
First, please download the starter files. There is a folder of screenshots contained within the folder you download, as well as an HTML file and some image files. Exercise Details This document will describe what I’d like you to do in the exercise. This Loom video will also demonstrate. In this exercise, you will make […]
First of all, please download these starter files. Next, download the screenshots. Here is a Loom movie showing how the page needs to behave. If this a test, you may use the Internet or your notes, but you may not communicate with anyone other than me or our Instructional Assistant (if we have one). Details […]