In this exercise, you will write a WordPress theme to output content the way it appears in the screenshots. Initial Setup For this exercise, please download the starter files and the screenshots collection. Then please download this starter theme to start the project. If this is an exam, you must use this exact downloaded theme […]
Author: km
Other Parts of the Site The single view of any post will show the feature image, the title, the content, and the category. Obviously, in single view, the feature image or title should not have a link to the single view. It will look like this on small screens: feature image, title, content And it […]
Categories
WordPress Theming Exercise: “The Day”
Starter Content First please download and install the duplicator archive that’s for this exercise. Check the version of PHP your MAMP is using. Make sure that you create a new admin account as part of the installation. Starter Duplicator Package (php 8) Starter Duplicator Package (php 7) Screenshots Here is a collection of screenshots. Starter […]
For this code challenge, download this zip archive. Open the index page in a browser. It will look like this: Your task: in the scss partial _your_work.scss, edit a single css selector: main make the page look like this, but only above 1000px page width (click image for full size). Limitations: You cannot edit the […]
Categories
CSS Blend Modes Tester
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 […]
Categories
Ninja Forms Issues
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 […]
Categories
SASS Mixin Exercise 2023
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 […]
Categories
WordPress Child Themes
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. […]