Site Editor v2: Add Customize section to sidebar#76640
Draft
Site Editor v2: Add Customize section to sidebar#76640
Conversation
Adds a "Customize" entry to the v2 site editor (wp-admin/admin.php?page=site-editor-v2) sidebar that groups the most common site customization settings in one place, providing quick access similar to the classic Customizer. Clicking "Customize" drills into a sub-screen with: - Logo & Icon → /identity - Colors → /styles - Typography → /styles - Navigation → /navigation Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
|
Warning: Type of PR label mismatch To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.
Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task. |
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Size Change: +1.41 kB (+0.02%) Total Size: 8.76 MB
ℹ️ View Unchanged
|
|
Flaky tests detected in fd5fbd8. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/23253928901
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What?
Adds a Customize drilldown section to the v2 site editor sidebar (
admin.php?page=site-editor-v2), grouping the most commonly needed site customization settings in one place.Why?
Classic themes offered the Customizer as a single, unified panel for quickly changing site identity, colors, typography, navigation, and more. The block-based Site Editor scatters these settings across different sections, making simple tasks harder to find for users coming from classic themes.
This adds a "Customize" entry to the v2 sidebar that drills into a focused sub-screen with quick links to the key settings:
/identity/styles/styles/navigationThis is the v2 equivalent of #76637, which adds the same feature to the v1 site editor.
How?
lib/experimental/pages/site-editor.php: Registers thecustomizeparent menu item and four child items (withparent: 'customize') via the existingsite-editor-v2_inithook.packages/edit-site-init/src/index.ts: Sets icons for the new items and markscustomizeasparent_type: 'drilldown'so the@wordpress/bootNavigation component renders it as a drilldown (sliding sub-screen with a back button).Testing Instructions
wp-admin/admin.php?page=site-editor-v2.Testing Instructions for Keyboard
Screenshots or screencast
Use of AI Tools
This PR was developed with Claude Code (Sonnet 4.6).
🤖 Generated with Claude Code