Dashboard Icons

In this lesson, you will learn about dashboard icons, how they are composed, and how your themes, plugins, and posts benefit from using dashboard icons.

Prerequisite Skills

This lesson presumes an understanding of and familiarity with:

• Creating a child theme
• functions.php

Objectives

After completing this lesson, you will be able to:

• Identify dashboard icons and explain their purpose,
• Use dashboard icons when creating posts, themes, and plugins.

Assets

• Twenty Sixteen theme
• Twenty Sixteen-child
• Developer Resources: Dashicons

Screening Questions

• Have you ever worked on a child theme?
• Do you have a basic familiarity with CSS/PHP?

Teacher Notes

• The recommended approach suggests demonstrating and explaining the process first and then asking students to repeat the actions using their own devices, while you’re available for questions and troubleshooting if something doesn’t work out.
• A local installation of WordPress is preferred. If possible, plan for some time to assist students with installing WordPress on their computers or, distribute instructions prior to class so they can arrive prepared.
• The answer to screening questions is “yes.” Participants who reply “no” may require further explanation.
• Prior to class, the Hands-On Walkthrough can be sent out as a .pdf, in order to preserve links used in the document and keep things green, or printed to be used as a handout in class.

Hands-on Walkthrough

Introduction: What are dashboard icons?

Dashboard icons or dashicons are a set of fonts, which represent icons used in the new WP-Admin UI.