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

Improve Site Editor usability by adding descriptions under Design menu items #68850

Draft
wants to merge 1 commit into
base: trunk
Choose a base branch
from

Conversation

dhruvikpatel18
Copy link
Contributor

@dhruvikpatel18 dhruvikpatel18 commented Jan 23, 2025

What?

This PR is intended to solve issue mentioned here: #55741

Why?

Many users, especially beginners, find it difficult to distinguish between templates and pages or understand where content originates. Adding descriptions provides contextual guidance, helping users navigate the Site Editor more efficiently and reducing confusion.

How?

  • Updated the SidebarNavigationItem component to accept an optional description prop.
  • Provided descriptive text for each menu item to clarify its purpose.
  • Updated styles to remove default margins for the description to align with design guidelines.

Testing Instructions

  1. Open the Site Editor in a block-based theme.
  2. Navigate to the Design menu from the sidebar.
  3. Verify that each item (Templates, Pages, Styles, Patterns, etc.) now includes a description.
  4. Ensure descriptions provide meaningful guidance.
  5. Test navigation by clicking on each menu item.

Screenshots or screencast

Before After
Screenshot 2025-01-23 at 3 08 05 PM Screenshot 2025-01-23 at 4 03 53 PM

@t-hamano t-hamano added Needs Design Feedback Needs general design feedback. [Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") [Type] Enhancement A suggestion for improvement. labels Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants