Category: WordPress

The Main Layouts Edit the _posts-and-pages file inside site/primary.

Now let’s do some styling of our content. Enqueue the Google Font First, let’s enqueue our site-title font: google’s smokum. Open functions.php and duplicate the line that enqueues the main stylesheet. It should be somewhere near line 120. Then in the duplicated line, change the “handle” (the first argument passed to the function). In order […]

Now let’s add a couple more modifications to the content.php template part. The Meta Data If we look at the screenshots of the front page and the single view, we see that the meta information (date and author) is not needed. However, for the Opinions section of the home page, the author name and gravatar […]

We ended the previous article having generated the main content for the home page of the site. However, if we inspect the code with browser developer tools, we’ll see that there’s just a ton of articles inside the .site-content MAIN element. Our next step, therefore, should be to introduce some sectioning HTML to our loop […]

This page presents a solution for WordPress Theme Exercise: Metonymic. If you want to try building the site without following step-by-step directions, consult that document. If going through these instructions, please first review the original instructions at that link. Content Generation Let’s start with the biggest task: the generation of content for the front page. […]

In this exercise, you will build two significant parts of a WordPress theme: the home page and the single post view. You may use your notes or the Internet. If this is a test, talking to anyone will result in a zero grade. Initial Setup First, please download the following: the duplicator package the screenshots […]

Initial Setup Download Duplicator Site For this exercise, please download the starter files and the screenshots collection, if I don’t distribute them in class. These are big files, so the download might be a bit longer than that for most of the files on this site. Most, but not all, of the screenshots for the […]

Now let’s wire up some JavaScript to hide the registration form and allow it be shown with the click of a button. First, make a new file called registration.js inside the js folder in your theme. When I originally wrote up this exercise, I used jQuery. These days, I would probably just use straight JavaScript. […]