In this exercise, we’re going to build a simple horizontal menu to illustrate a potentially frustrating aspect about using floated elements. The HTML Imagine that you have a header, an H1, and a UL with a class of “menu-top” at the top of your site. The HTML would look something like this: Some Basic CSS […]
Preamble Elsewhere on this site, I show you how to use Fetch for FTP. This page will show how to use Filezilla to do the same thing. Unlike Fetch, Filezilla is available on Windows (as well as Mac). It’s also free to download and use. You can get it here. The screenshots below are from […]
One way to get used to the WordPress Template Hierarchy and Template tags is to download a “starter” theme and bend it to your will. Download A Starter Theme For this exercise, we’ll do just that. First go to html5reset.org and download the html5reset WordPress theme. Once you’ve downloaded it, put it in wp-content in […]
How to Add Featured Image Support add_theme_support( ‘post-thumbnails’ ); The code that follows will test if the post has a featured image or not. Note: the_content() isn’t mandatory here, just a typical usage: in the loop we will often place the featured image, then follow it with the content, or the excerpt. if ( has_post_thumbnail() […]
The Task Download the files you need for this exercise. Double-click the zip archive if it doesn’t decompress automatically. You will be left with a folder called GibsonHTMLExercise. Inside that folder is an index.html file, a folder of images, and a folder of additional pages (called, naturally enough, pages). Open the file screenshot.png. Your task is to make a web […]
The Theory The CSS float property is used to create layouts where content would flow around elements (typically pictures). In years past, in fact, entire site layouts would be done with floats. Fortunately, we now have dedicated layout modes like display:grid and display:flex, so the use of floats as a full layout tool has greatly […]
Using Floats For Two-Column Layouts This exercise will help you understand how to make a two-column website layout using the CSS float property. If you need a quick refresher on the float property, read this. This exercise will hopefully also reinforce your understanding of HTML paths and the CSS Box Model. First of all, please download […]
In your theme’s functions.php file, add the following add_filter(‘login_errors’,create_function(‘$a’, “return null;”)); This will stop the WordPress login screen from announcing that your username is correct but the password is not.
Max Magazine (slider, carousel, extra widgets. Lots of configuration options) Hatch (great portfolio theme) Colorway Custom Community (lots of configuration options) Sight (from ThemeShower, for Smashing Magazine) Eleanor Additional Recommendations: Yoko Lazy Sunday Gridly NEW ONES Suburbia (Magazine Theme) F8 Lite : a good photographer’s theme. You have to set the thumbnail sizes […]
Without a doubt, the fundamental part of the WordPress system is the loop. The loop is the code that pulls information from your site’s database. In a default WordPress installation, for example, when your front page loads, the loop asks the database the following questions: Do you have any posts to display? If so, can you […]