Lesson Plan - Command Palette

[courtneyr-dev]

Topic Description

The command palette is a powerful tool introduced in WordPress 6.3 to simplify and streamline the experience of navigating and accessing various actions within the Site Editor. This lesson plan will give participants an overview of the command palette, its benefits and demonstrate how to use it effectively. Participants will learn how to access the command palette, explore available commands, and understand how it can enhance their workflow in the Site Editor.

Related Resources

https://make.wordpress.org/core/2023/05/17/command-center-request-for-feedback/
To see the most up-to-date list, please view the files here. Of note, there is a WordPress/gutenberg#51737, depending on what’s in focus, the Command Palette may not be invoked.

Visuals: image, video demo.

Adoption approach: You can add your own commands to the interface with documentation available here.

Key Make Posts/GitHub/Trac Issue(s): Discussion on “Command Center” naming (WordPress/gutenberg#50925), Command Center: Quick search for jumping to other pages or templates in the editor (WordPress/gutenberg#48457), Mapping contextual commands (WordPress/gutenberg#50407), Developer Note for 6.3

Guidelines

Review the team guidelines.

Development Checklist:

• Gather links to Support and Developer Docs
• Consider any MarComms (marketing communications) resources and link to those
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Create an outline of the example lesson walk-through
• Draft lesson plan
• Copy edit
• Style guide review
• Instructional Review
• Final review
• Publish
• Announce to the Training team
• Announce to the lesson plan creator
• Announce to marketing
• Gather feedback from lesson plan users about the quality

Repo Structure and Lesson Plan Template

Please remove all blockquote comments such as this before publishing.

Description

In this lesson, participants will learn about the command palette, a new tool introduced in WordPress 6.3 to enhance the Site Editor experience. The command palette streamlines the process of accessing various actions within the Site Editor, providing a more efficient workflow. Participants will understand how to access the command palette, explore the available commands, and leverage its capabilities to improve productivity.

Objectives

After completing this lesson, participants will be able to:

• Access the command palette in the Site Editor.
• Understand the benefits of the command palette for navigating and accessing actions.
• Utilize various commands available in the command palette to enhance their workflow.

Target Audience

This lesson is intended for:

• Users / Content Writers
• Designers
• Developers
• Speakers
• Organizers
• Kids

Experience Level

Participants with the following experience levels can benefit from this lesson:

• Beginner
• Intermediate
• Advanced

Type of Instruction

The following strategies will be used for this lesson plan:

• Demonstration
• Discussion
• Exercises
• Feedback
• Lecture (Presentation)
• Slides
• Show & Tell
• Tutorial

Time Estimate (Duration)

The estimated duration for this lesson is:

• 1 hour or less
• 2-4 hours (half-day)
• 5-8 hours (full-day)
• 2 days
• 3 days or more

Prerequisite Skills

Participants will get the most from this lesson if they have familiarity with:

• Basic usage of the Site Editor in WordPress.

Readiness Questions

• Have you used the Site Editor in WordPress before?
• Are you familiar with common actions performed in the Site Editor?

Slides

• Slides (files included in this repo)

Materials Needed

• A computer with internet access
• Access to a WordPress website with WordPress 6.3 or higher

Notes for the Presenter

• Emphasize the time-saving benefits of the command palette.
• Encourage participants to experiment with different commands and explore their functionality.
• Address any questions or concerns participants may have throughout the lesson.

Lesson Outline

• Introduction to the command palette and its purpose
• Benefits of using the command palette in the Site Editor
• Demonstration of accessing and using the command palette
• Exploring available commands and their functionality
• Hands-on exercises for participants to practice using the command palette
• Q&A and wrap up

Exercises

Exercise 1: Accessing the Command Palette

Description: In this exercise, participants will practice accessing the command palette in the Site Editor.

• Open the WordPress admin interface and navigate to the Site Editor.
• Use the keyboard shortcut (Cmd+k on Mac or Ctrl+k on Windows) to open the command palette.
• Familiarize yourself with the command palette interface.

Exercise 2: Exploring Available Commands

Description: In this exercise, participants will explore the available commands in the command palette.

• Open the command palette in the Site Editor.
• Browse through the list of commands and read their descriptions.
• Select a command that interests you and observe its functionality.

Assessment

Question 1: What is the purpose of the command palette in the Site Editor?

1. To provide quick access to frequently used commands and actions.
2. To display a list of available plugins and themes.
3. To create custom templates for WordPress websites.
4. To generate code snippets for advanced customization.

Answer: 1. To provide quick access to frequently used commands and actions.

Question 2: How can the command palette enhance the workflow in the Site Editor?

1. By automatically saving changes made in the Site Editor.
2. By offering advanced design options for website customization.
3. By providing a visual preview of website templates.
4. By simplifying the process of navigating and accessing actions.

Answer: 4. By simplifying the process of navigating and accessing actions.

Additional Resources

Example Lesson

Introduction to the Command Palette

Welcome, everyone, to today's lesson on the command palette. The command palette is a powerful tool introduced to enhance the Site Editor experience and streamline workflow. It provides quick access to frequently used commands and actions, making navigating and performing tasks within the Site Editor easier. Let's dive in!

Benefits of the Command Palette

Let's discuss its benefits before we explore the command palette in detail. The command palette offers a time-saving advantage by providing a centralized location for accessing various actions. Instead of navigating through multiple menus and settings, you can open the command palette and execute commands with a few keystrokes. This efficient workflow lets you focus more on your content and design tasks.

Demonstration of Accessing and Using the Command Palette

Now, let's move on to a live demonstration of accessing and using the command palette in the Site Editor. I'll share my screen and guide you through the process step by step. Feel free to ask questions and provide your examples as we go along.

[Presenter demonstrates the process of accessing and using the command palette with real-time examples and participant interactions.]

[courtneyr-dev]

6.4
Visuals: before and after design visual, demo of new commands.
Adoption approach: N/A
Key Make Posts/GitHub/Trac Issue(s): Core Editor Improvement: Commanding the Command Palette