Title: command-palette – Make WordPress Core --- # Tag Archives: command-palette [ ](https://profiles.wordpress.org/annezazu/) [annezazu](https://profiles.wordpress.org/annezazu/) 12:37 am _on_ September 12, 2023 Tags: command-palette, [core-editor-improvement ( 35 )](https://make.wordpress.org/core/tag/core-editor-improvement/) # 󠀁[Core Editor Improvement: Commanding the Command Palette](https://make.wordpress.org/core/2023/09/12/core-editor-improvement-commanding-the-command-palette/)󠁿 _These “CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor Improvement…” posts (labeled with the _ [_#core-editor-improvement_](https://make.wordpress.org/core/tag/core-editor-improvement/)_ tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are a series dedicated to highlighting various new features, improvements, and more from Core Editor related projects. _ The following dives deep into the latest updates to the Command Palette, a new tool available with WordPress 6.3 designed to speed up your workflow. You can use the keyboard shortcut `Cmd+k`on Mac or `Ctrl+k` on Windows to activate it and get started. [With work underway for WordPress 6.4](https://make.wordpress.org/core/2023/08/22/roadmap-to-6-4/), here are some very early looks at what you can look forward to when it comes to this new option in your WordPress creation experience and a reminder of what it’s capable of already. **Use commands to do more, faster in any editor** The Command Palette is available across the editing experience, whether you’re switching between templates in the Site Editor or toggling open settings in the Post Editor, with specific contextual options depending on where you are. In the video below, you’ll see the keyboard shortcut used to evoke the Command Palette, open and close List View, display and hide breadcrumbs, toggle on distraction free mode, and preview the page in a new tab. Think of the Command Palette as the ultimate shortcut tool, allowing you to do more with less clicks, whether you’re trying to enable a specific setting or transform an Image blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. to a Cover block. **Explore every option** If you’re using WordPress 6.3, the following commands are ready to use to allow you to quickly switch between different parts of your site and personalize your experience without needing to find every setting individually: * _Edit Template_ when editing a page. * _Back to page_ to return to editing a page from a template. * _Reset template_ * _Reset template part_ * _Reset styles to default_ * _Delete template_ * _Delete template part_ * _Toggle settings sidebarSidebar A sidebar in WordPress is referred to a widget- ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme._ * _Toggle block inspector_ * _Toggle spotlight mode_ * _Toggle top toolbar_ * _Open code editor_ * _Toggle list view_ in the Post Editor. * _Toggle fullscreen mode_ * _Open editor preferences_ * _Open keyboard shortcuts_ * _Customize CSSCSS Cascading Style Sheets._ * _Open styles revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/ Previous buttons). The display indicates what has changed in each revision._ * _Open styles_ * _Learn about styles_ to trigger the welcome guide for Styles * _View site_ * _View templates_ * _View template parts_ * _Open Navigation Menus_ * _Manage all custom patterns_ Since WordPress 6.3, new commands have been added with more planned as part of a [larger effort to have contextual commands](https://github.com/WordPress/gutenberg/issues/50407) in place across the various editors: * _Open List View (_in the Site Editor) * _Exit code editor_ * _Hide breadcrumbs_ * _Show breadcrumbs_ * _Enable pre-publish checklist _ * _Disable pre-publish checklist_ * _Preview in a new tab_ Shown when selecting a block: * _Group_ * _Ungroup_ * _Duplicate_ * _Remove_ * _Add before_ * _Add after_ Additionally, you can access all transforms a block has defined using the Command Palette. For example, with an Image block, you will see the option to transform to a Cover block, a Gallery block, Columns block, File block, Group block, and Media& Text block. Finally, for the various reset, delete, and edit commands related to templates, [the name of the template has been added](https://github.com/WordPress/gutenberg/pull/52989) to ensure you’re taking the actions you want on the exact item you want.  What commands do you want to see? Please share in [Gutenberg’s GitHub repository](https://github.com/WordPress/gutenberg/issues) or in the comments below to help make this feature even more powerful. **Enjoy a refreshed design and experience** To better accommodate a growing number of commands and make it easier to skim what each option allows, [new styling was added](https://github.com/WordPress/gutenberg/pull/53117) that includes darker icons and an always present search icon. Below is an image showing the design before on the left and the current design on the right: [⌊Two visuals of the UI of the Command Palette showing a before and after following some design changes with the Command Palette open with the word "edi" in the search field and various results listed below. ⌉⌊Two visuals of the UI of the Command Palette showing a before and after following some design changes with the Command Palette open with the word "edi" in the search field and various results listed below. ⌉[ [Thanks to a recent fix](https://github.com/WordPress/gutenberg/pull/53661#top), this new design looks great on all screen sizes. [Work has also been done](https://github.com/WordPress/gutenberg/issues/53921#issuecomment-1695630329) to ensure that the commands that are listed are most applicable to the context at hand. For example, if a block is locked, grouping is no longer listed as a command, resulting in a more intuitive experience. For a bonus quality of life detail, [the keyboard shortcut is also displayed](https://github.com/WordPress/gutenberg/pull/52841) when in site view in the Site Editor when you hover over the search icon. **Add your own commands (with or without an icon)** The Command Palette is an excellent option for extenders to seamlessly add commands related to their specific plugins. For instructions on how to do this, [check out the dev note](https://make.wordpress.org/core/2023/07/17/introducing-the-wordpress-command-palette-api/) introducing this feature. Of note, with a recent change, [the requirement of having an icon](https://github.com/WordPress/gutenberg/pull/53647) has been dropped as well with a [discussion underway](https://github.com/WordPress/gutenberg/issues/53192) around how best to identify third party commands.  _Thank you to [@richtabor](https://profiles.wordpress.org/richtabor/) for creating the visuals used in this post._ [#command-palette](https://make.wordpress.org/core/tag/command-palette/), [#core-editor-improvement](https://make.wordpress.org/core/tag/core-editor-improvement/)