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 […]
Many starter themes, or older themes, do not natively support custom menus. In the Appearance > Menus, the top right pane is called Theme Locations. you will be informed there if the theme doesn’t support menus. To add menu support to a theme is a three-step process: Add the menu capability to functions.php Add the […]
CEDA 332 F001 Oct 24 – Dec 12 ( Saturdays ) 930-1230 Room 121 COURSE DESCRIPTION Following on from Introduction to Web Design, this course delves deeply into the skills needed by the modern web designer. Topics include Responsive Web Design, Advanced CSS Selectors, JavaScript libraries, CSS preprocessors, prototyping frameworks, strategies for high-resolution (aka […]