A useful tool when creating mockups are the many image placeholder services on the web. They give random photos at the sizes you specify. Some will let you choose categories, etc I use placekitten.com a lot. Another is lorempixel.com. With both, to get a random image in your page, you put in code for an image but for the […]
In the early days of web design, many people proposed solutions for a type of layout that became known as the holy grail layout. The idea was that the layout would have the following characteristics: it would have a header, a footer, and a middle three-column section the footer would stick to the bottom of the page […]
Basic Setup For this exercise, we will learn about the WordPress Template Hierarchy, the WordPress Loop, and some basic WordPress template tags. First of all, please download this zip archive. Inside it you will find a folder of screenshots and a folder with a Duplicator installer and archive combination. Copy the installer and the archive […]
Originally Created for WMDD 4840 2017 Midterm Set Up a Testing Site Download the latest version of WordPress. Unzip it, and rename the resulting wordpress folder to your first name and last intial (for example: kevinm ). Put that folder where it needs to go to work in MAMP. Set up your site. The site name will be European […]
For this exercise, please download these files. In this exercise, we’re going to add the SIZES attribute. Make a new HTML page and add the following code to it. Make sure the path to the images is correct. If the folder name in the download is different, make adjustments. We’ll discuss these values in class.
Responsible Responsive Design: SRCSet In this exercise, please use the Firefox or Firefox Developer Edition browser: Chrome very aggressively caches images, which will make the demonstration appear to not work as described. To begin, please download these files. A basic strategy that evolved to deal with different screen widths is the now-classic img {max-width:100%} responsive image style. However, […]
Installing a plugin is always a compromise. They can slow your site down. They can represent a security risk. They can conflict with other plugins or theme features. But they can add a lot to the site user experience, or the site owner experience. In other words, before installing a plugin, do as much research […]
Note 2023: webp is now a well-established format. However, the use of the picture element, as discussed here, can be used to serve a newer format like AVIF, while providing a fallback to browsers that do not support that format. The technique is identical to the one discussed here. The largest contributor to file size […]
One trouble in figuring out which themes or plugins to try out is that there are tons of reviews on the web, but with a lot of them you don’t really know who’s doing the reviewing. After awhile, though, you start to recognize sites that have respect in the WordPress community. Some I would mention […]
For this exercise, I want you to get WordPress running on a free web hosting service: 000webhost.com and use their automated WordPress installation. First, sign up with the service. Then figure out how to install WordPress on the site. When you sign up for the service, you will need to use a more secure username and […]