In this exercise, we will make an Underscores-based WordPress site for the Imaginary Film Festival. IFF Home Page (click for full size) I am not going to cover every single styling component of the exercise. Please, however, style the site as close a possible to how it is done in the screenshots The text in this […]
Author: km
Categories
Moving A WordPress Site
There are a number of scenarios under which you might need to move a WordPress installation. a changed domain changed hosting creating a testing environment moving a site created in a testing environment to a live server The easiest way to move a site is to use the Export / Import functionality available in the Tools section […]
Since posting the original exercise, I have made a few changes to the look of the page, so if you download the completed version, do not be surprised that some features are different from those described in the exercise. First, download the slim minified version of jQuery and add a link to it just before […]
Categories
Flex Table Sort Solution
In order to use the power of Flex for this exercise, it is very important to remember one thing: because Flexbox is all about the relationship between parent and child elements, we need the tbody to be included in this table. The “sort” will involve shuffling the order of the tr elements inside the tbody. […]
Categories
Multiple Loops in WordPress
About Custom Loops This will likely be the most complex topic we cover in this class, but knowing how to make multiple loops in a single template file gives you some amazing abilities. The default loop gives you posts in order of most recent to least recent. However, with custom loops, we can select from a […]
In this exercise you will make a Mobile-First layout. First, please download the starter files. Included with these files is a ScreenShots.pdf file. To view the screenshots adequately, open that file in Preview and go View > Zoom To Fit. You will edit the index.html file (and make a stylesheet file) to create a responsive […]
In this exercise, we will make a MOBILE-FIRST grid-based layout. The first step in the mobile-first method is realizing that by default most elements are already mobile friendly (as long as we scale our images). For that reason, we should put any styles that are common to all our responsive states in the main part […]
Categories
Flex Table Sort Exercise
First of all, please download this file and double click it to unpack it. In this exercise, you will make a sortable table using your knowledge of CSS Flexbox and the JavaScript classList method. You can use the Internet or your notes. I would recommend the CSS Tricks Guide to Flexbox and the Mozilla Developer Network’s […]
The verb to enqueue comes from the French language. It means to add something into a lineup. In WordPress the wp_enqueue_style() and wp_enqueue_script() functions are used to manage the loading of external resources like scripts and stylesheets. Why do we do things this way? Imagine if you have a theme that requires a dependency (some […]
For this exercise, please download and install this Duplicator archive package into a new empty database. Then download an underscores starter theme. If we have covered SASS in class, click Advanced Options and choose _sassify! Once you’ve done that, please install the new starter theme into your newly created WordPress site and make sure to activate […]