Unit06 Create a WordPress Theme

Overview

The purpose of this assignment is to convert an html page into a WordPress theme.

Tools

• No new tools

Objectives

At the end of this module, you should be able to...

• Identify which graphics belong in the theme root and which belong in the site root
• Identify the portion of an HTML page that belongs in the header.php file
• Identify the portion of an HTML page that belongs in the footer.php file
• Build the WP loop in the page.php
• Correct the file path to template directory
• Remove protective editors
• Intall a Syntax Hilighter
• Implement a dynamic menu

Tasks

• Read about the get_template_directory_uri()
• Read about blocking the Gutenberg editor
• Read about disabling the tinyMCS editor
• Read about how to prevent WordPress from adding paragraph tags in page content
• Read about the really cool HTML Editor Syntax Highlighter by James Bradford
• Read about registering a nav menu
• Read about adding a wp-nav_menu to your theme
• Read about the dynamic WordPress title function

SSH Commands

// list files and folders in the current directory 
ls -l

// Moving up and down the folder structure
cd  (folder name here that you want to open)
cd .. (moves up one level)

// Show the full path to the current folder
pwd

//Remove a file from the current directory
rm (name of file)

// Power User to remove a folder
sudo rmdir (folder name here)

Watch

• Kultra
• 4610 06a- WordPress Theme Overview
• 4610 06b- Basic Theme Connecting
• 4610 06c- Basic Theme Parts
• 4610 06d- Using Your Template as a Theme
• 4610 06e- Building the Header and Footer
• 4610 06f- Problems with Backend Editing
• 4610 06g- Remove Gutenberg Editor
• 4610 06h- Remove Tiny Editor
• 4610 06i- Add HTML Hilight Plugin
• 4610 06j- Disable Automatic Tags
• 4610 06k- Adding Navigation
• 4610 06l- Dynamic Page Title
• 4610 06m- Home Page Finished
• 4610 06n- Favorite Icon
• 4610 06o- Upload Photos
• 4610 06p- Way Finding

Reflection Questions

After reading the following article, write me a short 1-2 paragraph summary and submit it in Canvas.

• Please submit a 1-2 paragraph summary on The Problem With WordPress Is Positioning, Not Plugins by Geoff Graham

Assignment Example

• View the small screen layout
• View the medium screen layout
• View the large screen layout

Assignment Checklist

Unit06 Create a WordPress Theme (10 pts)

Build a WordPress Theme

• Break your template into theme parts
• Remove default editors
• Disable Automatic Tags
• Add Dynamic Navigation
• Insure that you are applying your active menu CSS to the "current-menu-item".
• Add a faviorite Icon
• Upload items to AWS

Grade

In order to receive a grade for this assignment you must earn 90% of the points listed above.

• Pass
• Fail