In this exercise, you will build a mockup of the first page of a magazine-style WordPress theme called Midterm. It will look more or less like this, but consult the screenshots that you will get shortly, because the design has changed a bit. Download the starter files here. The Task Build the layout as close […]
Author: km
Categories
HTML Formatting Exercise – Hummus Recipe
For this exercise, please download this file. The download is a zipped folder containing a single text file. The file contains a recipe for hummus. Inside this folder, make a new HTML file and copy into it the hummus recipe. Imagine that you have a website called Recipe Depot. Your job: add HTML tags that […]
On your home computer (Mac or Windows), download and install a testing environment. If you want to use exactly the same setup as we do in class, download MAMP. It is available for Mac and Windows. MAMP is quite reliable, particularly on Mac. On Windows, it’s less reliable. If you have trouble with it, try […]
The exercise will focus on the essential points of the FLEXBOX CSS module. It won’t have anything design-related—just pure css layout concepts. To begin, make a folder, set it up as a new Atom project, then make an index.html file with a single unordered list with 15 list items, each holding one single-word link. Now […]
In this page, I’ve collected a range of support material for my courses. Rather than arrange them by course, I have arranged them by subject and/or media, as the material spans a range of the classes I teach. Lynda.com Videos
Categories
MAMP: Setting up a Test Server
If you’re going to do any WordPress work— indeed, even if you want to just test plugins, themes, etc before deploying them to a production site—it will serve you well to learn how to set up a testing environment on your own computer. That way, you can experiment or test things without worrying about breaking […]
The idea behind build tools is to automate as much as possible the mundane and repetitive tasks in the production of software (such as a website or application). Such tasks can include things like: compiling SASS or LESS files into CSS on save compressing images reloading pages in browsers on save adding vendor prefixes to […]
Categories
ATOM Packages
A lot of good text editors, like Sublime Text and Atom, have the ability to easily install packages that will extend their core functionality. Sometimes, people will make packages to replicate functionality found in other editors. For example, I am a longtime Sublime Text user. However, since Atom is free, I’ve started using it so […]
Categories
WordPress Security 2017
Reading the following articles will give you a good introduction to WordPress security: YOAST: WP Security in a Few Easy Steps: https://yoast.com/wordpress-security/#wpsecuritykeys WP-CONFIG Security Keys ( WP Beginner ) https://www.wpbeginner.com/beginners-guide/what-why-and-hows-of-wordpress-security-keys/ HOW TO REMOVE GOOGLE BLACKLIST WARNING ( Succuri ) https://sucuri.net/guides/how-to-remove-google-blacklist-warning CODEX: HARDENING WORDPRESS https://codex.wordpress.org/Hardening_WordPress ULTIMATE GUIDE TO WORDPRESS SECURITY (wpmudev) https://premium.wpmudev.org/blog/ultimate-guide-wordpress-security/?utm_expid=3606929-108.O6f5ypXuTg-XPCV9sY1yrw.0&utm_referrer=https%3A%2F%2Fwww.google.ca%2F
When we ended part 1 of this exercise, we saw a bunch of posts output to the screen. In this part of the exercise, we are going to edit our template files in order to grab more information from the site database and output it in appropriate places in the page generation process. Header.php First, […]