WordPress Project Checklist

Milestone 1:

  1. Decide what kind of site you will build.
  2. Create simple wireframes.

Milestone 2:

  1. Design a Style Guide  of the typography, color scheme, and atomic components your site will need,  using whatever design tools you prefer
  2. Install Wordpress - A different copy than our in-class demo
  3. Import test unit data
  4. Tweak some basic settings: Permalinks, General settings, Discussion, etc.
  5. Create an empty theme folder in wp-content/themes

Milestone 3:

  1. Create the file style.css with a comment at the top
  2. Create the file index.php
  3. Write some HTML markup on index.php - Choose your most generic page to mark-up. (example here)
  1. Make sure class names and IDs are abstract (ie; instead of <div class=”portfolio_content”>, use <div class=”content”> )
  2. Use placeholder text for each piece of content, for example:
    <div class=”post”>
            <h2 class=”entry-title”>TITLE</h2>
            <p>CONTENT</p>
            <span class=”post-meta”> DATE | AUTHOR | CATEGORY </span>
    </div>
  1. Do some basic CSS in style.css 
  2. “Chunk” the index into header.php, footer.php, sidebar.php.  Leave only the Content area on index.php. use get_header(), get_footer(), get_sidebar() to include these files on index.php
  3. In header, footer, and sidebar, begin making code replacements for content and settings that are stored in the database, for example:
    <title><?php bloginfo(‘name’) ?> - <?php bloginfo(description) ?> </title>
  4. In the content area of index.php, identify the repeating piece of content and place it inside the basic loop

Milestone 4:

  1. Use the template hierarchy diagram to determine what template files you need (single.php? page.php? front-page.php?)
  2. Make a functions.php file and turn on the basic WordPress features you need (featured images? background image? headers?)
  3. Add Navigation menus
  4. Add Widget Areas
  5. Add any Custom post types or taxonomies you may need (use a plugin!)
  6. Add any Javascript interaction you need (make sure to enqueue it properly)

Completion:

  1. Build any widgets or plugins you could not find in the codex
  2. Make sure your CSS styles look good on every view (Test: search, category view, tag view, etc)
  3. Make sure your HTML and CSS are valid using the w3c validator
  4. Make sure there are no hard-coded links remaining in your template files
  5. Create dummy posts or real content so your critique presentation makes sense to an audience
  6. Make a Readme file
  7. Turn on WP_DEBUG and Run your theme through theme check plugin to find any codex guidelines or code warnings you may have missed
  8. Add me as an admin user in Users > Add New
  1. username: Melissa
  2. password: WCM400
  3. email: mcabral@platt.edu
  1. Migrate your Wordpress site onto your host or the teachers’ station.