Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[HelpHub] [6.4] Site Editor > Command Palette #1210

Open
22 tasks
femkreations opened this issue Oct 19, 2023 · 38 comments
Open
22 tasks

[HelpHub] [6.4] Site Editor > Command Palette #1210

femkreations opened this issue Oct 19, 2023 · 38 comments
Assignees
Labels
6.4 Changes in 6.4 release block editor Gutenberg related issues high priority [Status] Review Issue in review user documentation (HelpHub) Improvements or additions to end-user documentation

Comments

@femkreations
Copy link
Collaborator

femkreations commented Oct 19, 2023

Article: https://wordpress.org/documentation/article/site-editor-command-palette/

Updates for 6.4

  • Update the command palette is now available on site editor dev note
  • update the Manage all my patterns command to redirect to site editor patterns list. 52817
  • Update label and icon for Patterns. 52742
  • Follow up visual tweaks to block-specific commands 54427
  • Use solid accent color selection in command palette 54318
  • Order template results in Site Editor 53286
  • Add context to the "Reset template" "Delete template" and "Edit template" commands 52989
  • Display keyboard shortcut for command palette in site view 52841
  • Add common commands 53073
  • Add toggle list view command in site editor 53983
  • Tweak, and add, more consistent commands 53496
  • Try updated command palette styling 53117
  • Add new block commands 52509
  • Add global styles related commands 51637
  • Add keyboard icon and use in relative commands 53083
  • Distraction Free: Add missing command in site editor 52868

General

  • Make sure all screenshots are relevant to the latest version
  • Make sure videos, if any, are up to date
  • Add ALT tags for the images
  • Make sure the headings are in sentence case
  • Convert all reusable blocks to a ‘regular block’.
  • Update the changelog at the end of the article
@femkreations femkreations converted this from a draft issue Oct 19, 2023
@github-actions
Copy link

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

@femkreations femkreations added user documentation (HelpHub) Improvements or additions to end-user documentation block editor Gutenberg related issues high priority 6.4 Changes in 6.4 release labels Oct 19, 2023
@github-actions
Copy link

Heads up @femkreations - the "block editor" label was applied to this issue.

@Leonardus-Nugraha Leonardus-Nugraha added the [Status] To do Issue marked as Todo label Nov 1, 2023
@zunaid321
Copy link

Would like to work on this!

@nalininsbs nalininsbs moved this from Todo to In Progress in WP 6.4 Documentation Nov 8, 2023
@github-actions github-actions bot added [Status] In progress Issue is in progress and removed [Status] To do Issue marked as Todo labels Nov 8, 2023
@abhansnuk
Copy link
Collaborator

Thanks for discussing this and some of the other tasks earlier @zunaid321 , and volunteering for these tasks.

@jordesign
Copy link

As an aside/additional thing - it's worth changing this document (and it's organisation) to reflect that the Command Palette is not only available in the Site editor. It's available in the post/page editor as well.
https://make.wordpress.org/core/2023/09/12/core-editor-improvement-commanding-the-command-palette/

Could we include that in the changes being made? I don't have permissions to add it to the checklist.

Also wanted to check in to se how progress is going @zunaid321 ?

@zunaid321
Copy link

Update the command palette is now available on site editor dev note

The Command Palette is now accessible in the Site Editor and Post Editor, offering contextual options for template switching and settings toggle. Keyboard shortcuts enable access to List View, breadcrumbs, distraction-free mode, and page previewing.

cmdpalette.mp4

@zunaid321
Copy link

Update the Manage all my patterns command to redirect to site editor patterns list. WordPress/gutenberg#52817

The Manage all my patterns command is updated to redirect to the site editor patterns list when using a block-based theme when checking for the site editor context.

Block Based Theme:

command-block.mp4

Non-Block Based Theme:

command-non-block.mp4

@zunaid321
Copy link

Update label and icon for Patterns. WordPress/gutenberg#52742

The Library has been renamed to Patterns, necessitating an update to the Command Palette and the icon in the sidebar.

image

@zunaid321
Copy link

Follow up visual tweaks to block-specific commands WordPress/gutenberg#54427

The update includes visual adjustments that enable the addition of block-specific commands based on the user's selection.

image

image

@zunaid321
Copy link

Use solid accent color selection in command palette WordPress/gutenberg#54318

The command palette now features a solid accent color selection, with a background color and a white foreground color for commands.

Before:

image

After:

image

@zunaid321
Copy link

Order template results in Site Editor WordPress/gutenberg#53286

The command palette now orders wp_template and wp_template_part entity records based on the search term in the site editor command navigation.

Before:

command-navigation-before.mp4

After:

command-navigation-after.mp4

@zunaid321
Copy link

Add context to the "Reset template" "Delete template" and "Edit template" commands WordPress/gutenberg#52989

The update adds context to the "Reset template", "Delete template" and "Edit template" command, allowing users to view entity records based on search terms in the site editor command navigation.

@abhansnuk
Copy link
Collaborator

abhansnuk commented Nov 19, 2023

Adding the link to Learn.WordPress.org for working faster with the command palette https://learn.wordpress.org/tutorial/working-faster-with-the-command-palette/

This is showing on Learn WP, valid for 6.4.

@jordesign
Copy link

Loving all this work - thanks @zunaid321

@jordesign
Copy link

@zunaid321 - just checking are these changes just drafted at the moment?

@abhansnuk
Copy link
Collaborator

Command palette tutorial on Learn.WordPress.org to cross-link on both docs and from Learn. https://learn.wordpress.org/tutorial/working-faster-with-the-command-palette/

Just did an interview with Anne where she raised that Command Palette has wider use and has commented on this in docs. So looking for that comment to make sure it is covered in end user. @annezazu if you can link it, this would be great.

@abhansnuk abhansnuk self-assigned this Nov 21, 2023
@zunaid321
Copy link

@jordesign Yes correct! There are still some changes, I have to work on. Hoping to deliver the draft for the remaining changes soon!

@zunaid321
Copy link

Display keyboard shortcut for command palette in site view WordPress/gutenberg#52841

The site editor now displays a keyboard shortcut for the Command Palette button, ensuring consistency with other buttons with associated shortcuts.

image

@zunaid321
Copy link

Add common commands WordPress/gutenberg#53073

The command palette now includes common commands such as displaying/hiding block breadcrumbs, enabling/disabling pre-publish checklist, and previewing in a new tab.

image
image
image
image

@zunaid321
Copy link

Add toggle list view command in site editor WordPress/gutenberg#53983

The command palette now includes common commands such as displaying/hiding block breadcrumbs, enabling/disabling pre-publish checklist, and previewing in a new tab.

@zunaid321
Copy link

Tweak, and add, more consistent commands WordPress/gutenberg#53496

The update includes improvements to existing commands, code/visual editor suggestions, and command snackbars. It also removes verbs, adds missing commands, and aims to maintain consistency in command language and style.

Before:

image
image

After:
image
image
image

@zunaid321
Copy link

Try updated command palette styling WordPress/gutenberg#53117

Revise command palette UI with search icon, $gray-900 icon color, simplified input placeholder, removed bolding, added ellipsis text-overflow, removed distinction between suggested contextual commands, and reduced width for more manageable size.

Before:

image
image

After:

image
image

@zunaid321
Copy link

Add new block commands WordPress/gutenberg#52509

The command center has been updated to include new block selection commands, enhancing its usefulness and providing a distraction-free mode experience.

block-commands.mp4

@zunaid321
Copy link

Add global styles related commands WordPress/gutenberg#51637

The site editor now includes three "styles" related commands: reset global styles to defaults, open global styles revisions panel, learn about styles, and open styles, but these commands are edit-site specific.

image

@zunaid321
Copy link

Add keyboard icon and use in relative commands WordPress/gutenberg#53083

The update adds a keyboard icon to the library and uses it in the "Open keyboard shortcuts" command.

Before:

image

After:

image

@zunaid321
Copy link

Distraction Free: Add missing command in site editor WordPress/gutenberg#52868

The site editor now includes a missing command for toggling distraction-free mode, addressing an inconsistency between posts and editors.

2023-07-24.16.20.50.mp4

@zunaid321
Copy link

Finally done with this one! This one had a lot of changes haha! Took a long time for me.

@abhansnuk Please check the above changes. Thank you for being patient with me.

@jordesign
Copy link

@zunaid321 have you drafted or scheduled these changes into the document itself?

@zunaid321
Copy link

@jordesign Oh no. I just posted the description and the screenshots for each changes here.

@jordesign
Copy link

@zunaid321 - that's a great start thank you. Do you have access to edit the actual doc at https://wordpress.org/documentation/wp-admin/post.php?post=16358338&action=edit

You can add the changes directly into the document there.

@zunaid321
Copy link

@jordesign Oh I don't have the access. As far as I know, the existing editors will make the changes in the actual doc.

@jordesign
Copy link

Hey @zunaid321 - that's totally ok. An editor can totally help out.
We may not need all of those videos but some of them will definitely come in handy - thank you.

@jordesign
Copy link

@zunaid321 In terms of the edits to the existing docs - what would be most helpful is if you could record new version of the two videos in the existing doc
https://wordpress.org/documentation/article/site-editor-command-palette/

@jordesign
Copy link

I've gone ahead and updated the text here to be relevant to Site Editor and Post Editor - and to include the new commands. We just need those updated videos to put in.

cc/ @annezazu

@zunaid321
Copy link

@jordesign I see two videos at the top and one on the bottom. So should I just record for the top two?

@jordesign
Copy link

Hey @zunaid321 - all the videos in that doc will need new ones - so anything that'already there, a new one would be great.

@zunaid321
Copy link

Here are the videos. I don't think the demo video is needed, since I have already shown the commands and options in the first video.

https://drive.google.com/drive/folders/1C62hr5541ZeUGLw9keXI1ETFMFSzRNre?usp=sharing

@Leonardus-Nugraha Leonardus-Nugraha added [Status] Review Issue in review and removed [Status] In progress Issue is in progress labels Apr 23, 2024
@Leonardus-Nugraha Leonardus-Nugraha moved this from In Progress to Needs 1st Review in WP 6.4 Documentation Apr 23, 2024
Copy link

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
6.4 Changes in 6.4 release block editor Gutenberg related issues high priority [Status] Review Issue in review user documentation (HelpHub) Improvements or additions to end-user documentation
Projects
Status: Needs 1st Review
Development

No branches or pull requests

5 participants