MM2213 Intermediate Web Design :: Art Institute

Week 9: The Home Page

The Home Page

Your home page must convey "the big picture" for your visitors:

  • What is this?
  • What do they have here?
  • What can I do here?
  • Why should I be here-and not somewhere else?
  • Where do I start?

WordPress Home Page

The theme template file for the home page is typically index.php. That is the case in our H5 theme folder. Now it's time to use our knowledge and skills built by working with the single post and category listing pages, and apply it to the "big picture", all-important home page of your site.

The home page is an opportunity to include some plugin widgets that may not have found a home in the rest of your site layout. These widgets may include special listings of featured content (or even a slideshow,) maps, social media feeds, etc.

Here are some plugins designed specifically for use on the home page of a WordPress site:

Plugin Directory >> Tag: homepage

Custom Home Pages

Below is a nice showcase of home pages for WordPress sites that don't look "WordPressy."

15 Awesome WordPress Home Pages

Hint: you don't need to keep the sidebar on the home page. You don't even need to use the same header or footer as the rest of the site! But this is advanced stuff. Be sure to give the page all of the <html>, <head>, and <body> structure it needs, and continue using template tags like <?php bloginfo('template_directory'); ?> where appropriate. You should also keep your CSS in an external file, but it can be a seperate file from the main one if you wish.

Dropbox go to eCompanion

Upload the following by the end of of final class session:

Week Assignment File Name
9 & 10 Home Page theme.zip

Assignment Details

Home Page

Style and configure index.php (or customized home page file) for your theme. Your home page should have at least:

  • site ID
  • basic navigation
  • text and/or image content telling us what the site is (don't get too wordy!)
  • footer/copyright

ZIP up the whole theme folder and submit it.

If you created a custom template for the home page alone, please leave a comment as to what settings need to be in WordPress for it to work.