ART 323 Spring 2015

Web Design

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' );
}

?>