Day 23

November 11, 2015

  • Restaurant Site critique
  • Introduce WordPress Child Theme
  • WordPress setup
    • Go to your DreamHost Web Panel
    • Choose Goodies > 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
  • 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, reset.css, and functions.php files inside of it
    • Add code below as well as usual reset.css code
    • Activate your child theme in Appearance > Themes
  • WordPress basics
    • How themes work
      • You will be editing your code directly on the server for this project – make sure to back up your files periodically
    • User settings
      • Disable visual editor
      • Set display name
    • Site settings
    • Where content goes
      • Site title
      • Pages and posts
      • Menus
        • Create menu
        • Set theme location as “Primary Menu”
      • Sidebars
    • Jetpack plugin / WordPress.com accounts

Child Theme – style.css (plain text here)

Includes code to remove mobile menu.

/*
 Theme Name:   My Child Theme
 Author:       Your Name
 Template:     underscores
*/

@import url("reset.css");

.menu-toggle {
    display: none;
}
.main-navigation ul {
    display: block;
}

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

?>