ART 323 Spring 2015

Web Design

Posts from April 2015

Day 29

April 29, 2015
  • Course evaluations
  • Lowest quiz grade dropped
  • Final Site due Monday by 3pm, critique from 6-8pm
  • Decide on pizza order
  • Work day

Day 28

April 27, 2015
  • Quiz 6: Chapters 9, 17-19
  • Work Day
  • Final Site due next Monday 5/4 by 3pm, critique from 6-8pm

Day 27

April 22, 2015
  • WordPress Child Theme Due/Critique
  • Quiz 6 over chapters 9, 17-19 on Monday
  • Putting your final site at the root of your domain
  • Using multiple media queries – example stylesheet
  • Work Day

Day 25

April 15, 2015
  • Quiz 5: Chapters 13, 15
  • Review responsive menus
  • Other WordPress notes
    • In web inspector, ignore *, *:before, *:after rules
    • One addition to your CSS (below)
  • Work day
  • WordPress Child Theme due next Wednesday

Addition to CSS

body {
    word-wrap: break-word;
}

Day 24

April 13, 2015
  • Restaurant Site Critique
  • Go through WordPress site structure
  • Quiz 5 next class

Day 23

April 8, 2015
  • Restaurant Site Due/Critique
  • Introduce WordPress Child Theme
  • WordPress Setup
    • Go to your DreamHost Web Panel
    • Choose Toolbox > One-Click Installs (upper left)
    • Choose WordPress
      • Install to: Choose domain, type in name of new folder
      • Automatically create database
      • Deluxe Install checked
      • Click Install it for me now
    • Wait for email, then follow instructions for setting up an admin user (don’t use admin as username)
    • Log in
  • WordPress Basics
    • How themes work
    • User settings
      • Disable visual editor
      • Set display name
    • Site settings
    • Where content goes
      • Site title
      • Pages and posts
      • Menus and sidebars
    • Jetpack plugin / WordPress.com accounts
  • Setting up a child theme
    • Download parent theme – just type in underscores and click Generate
    • Using Coda, place it in wordpressfolder/wp-content/themes
    • Create a new folder in wp-content/themes with style.css and functions.php files inside of it
    • Add code below
    • Activate your child theme in Appearance > Themes
    • Make sure to update your menu
  • Web Inspector Revisited
    • Use the web inspector to understand the structure of the HTML and find the appropriate elements, classes, and IDs to style
    • We will go through the basic structure of the site together next class

Child Theme – style.css (plain text here)

/*
 Theme Name:   My Child Theme
 Author:       Chris Davis
 Template:     underscores
*/

Child Theme – functions.php (plain text here)

<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

?>