WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.45k stars 4.17k forks source link

Phase 2: Customization #33094

Closed mtias closed 1 year ago

mtias commented 3 years ago

This supersedes #24551 for tracking upcoming tasks around the main site editing projects. There are a few separate tracking issues for covering some general improvements and then some broader projects:

Main Tasks

Browse

Editor

Patterns

Blocks

Styles


Tasks below were done in WordPress 6.2.


Editor

image

The template editor is what powers editing wp_template entries and files.

Patterns

image

From directory browsing to placeholder setup to transformations, patterns are a crucial component of the entire site editing scope and the planned improvements are outlined here.

Styling

image

Includes the global styles project, design tools in specific site editing blocks, and any further work around theme integration (palettes, gradients, content width, etc).

Themes

Flows regarding themes as a whole, from theme switching to theme export.

Gradual Adoption

While full block themes are at the avant-garde of using blocks everywhere, there's still valuable work to be done to improve how all themes can interact with blocks and make use of the new tools gradually and at their own pace.

mtias commented 3 years ago

They will work once the remaining infrastructure pieces and dependencies (missing blocks) are included even without the theme editor.

carolinan commented 3 years ago

The theme editor is what WordPress calls the built in file editor in the WordPress admin area,. Please help me understand what part that editor plays in whether or not a block theme/ full site editing theme can be activated.

mtias commented 3 years ago

Sorry, I was using "theme editor" to mean "site editor" in the above (the block editor that is able to edit all templates of a theme). The current built in file editor would still be there for any kind of theme, though it remains to be seen if it's de-emphasized in the block theme case given you still hace access to all files, provided it's not mixing php files with html templates.

mtias commented 3 years ago

Update: broke design tools into its sub-tracking issue at #33447.

mtias commented 3 years ago

Update: added "focused template part" mode as a separate item under Template Editor #33926.

priethor commented 3 years ago

Update: added "A lighter Navigation Block Experience" as a complement to the existing Navigation Block Tracking Issue #34041

mtias commented 3 years ago

Update: added "The Global Styles Interface" to the styling milestone #34574.

gingerling commented 3 years ago

Hi, Is there a plan for category pages etc to be fully editable with blocks like any other page? This would be brilliant for woocommerce. There are some hacky ways round it at the moment, using redirects to replace category pages with normal pages etc, or using canonical url and linking from the menu, but it feels like a huge seo risk to start messing with my site structure this way. I'm wondering how much more research and effort i should put into this, with the way wordpress is going maybe this will be resolved in a year or so?

mtias commented 3 years ago

@gingerling with block themes you'd indeed be able to edit category templates, either globally, or for a specific category:

image

gingerling commented 3 years ago

@gingerling with block themes you'd indeed be able to edit category templates, either globally, or for a specific category:

image

Sounds great. Forgive my ignorance, is this available now? Or is this in the works? Is there a roadmap with expected release if so? Thanks for your help!

mtias commented 3 years ago

@gingerling the above is available in the Gutenberg plugin paired with a block theme. It's currently targeted for inclusion in WP 5.9.

gingerling commented 2 years ago

@gingerling the above is available in the Gutenberg plugin paired with a block theme. It's currently targeted for inclusion in WP 5.9.

Thank you this is great, I'm planning now to wait for this feature rather than work around it. I'm hoping to be able to work on testing for storefront if it will be incorporating this block theme approach. Really impressed with wordpress development speed and direction right now.

gingerling commented 2 years ago

Hi @mtias so I'm set up with a test site with 5.9-beta3 and twenty-22 theme, but can't seem to work out how to edit category pages.

I can see that there is a template for Archives and I can make general design edits there, but I was hoping to find that the content of each category can be edited with the block editor. My aim is to make my category pages closer to a landing page, choosing individual woocommerce products, texts and images to display at the top for each category page.

Could you point me in the right direction? Thanks!

gingerling commented 2 years ago

[I worked out how to make and name a new template I think, thinking I should apply the new template to the category and made a separate template for each category, but can't work out how to apply it][

annezazu commented 2 years ago

Hi @gingerling! This is not the best spot to ask these kinds of questions as this is meant to be a tracking issue that contributors across the project can come to and see the latest update on the full site editing project. If you're interested in using these features and have similar questions though, I highly recommend joining the FSE Outreach Program: https://make.wordpress.org/test/handbook/full-site-editing-outreach-experiment/ You'll find other folks like yourself exploring features, learning how things work, and giving feedback. This might mean creating new issues or pointing folks to currently open ones to share additional insights. I run the program and you can find me on WordPress.org slack with the same username here (@annezazu). I hope to see you there and always welcome questions. 🥳

To address this question for now though, what you found is what's planned for 5.9. You aren't the only one who wants more granular control over each category template though. You can chime in on this issue with your use case as the intent is to expand upon the foundation that 5.9 sets to include more of these options: https://github.com/WordPress/gutenberg/issues/37407

MaggieCabrera commented 2 years ago

I can see that there is a template for Archives and I can make general design edits there, but I was hoping to find that the content of each category can be edited with the block editor. My aim is to make my category pages closer to a landing page, choosing individual woocommerce products, texts and images to display at the top for each category page.

Could you point me in the right direction? Thanks!

@gingerling You might want to have a look at this if you are interested in Woo templates for block themes

gingerling commented 2 years ago

Thanks all, I joined the slack channel and after talking there, created this feature request: https://github.com/WordPress/gutenberg/issues/37746

mtias commented 2 years ago

Update: added tracking issues for the comment related blocks.

mtias commented 2 years ago

Update: added "gradual adoption" section and "blocks" section.

mtias commented 2 years ago

Removing as completed: #29733, #33926, #20331, #34041, #30910, #35521.

mtias commented 2 years ago

Completed:

mtias commented 2 years ago

Updated:

mtias commented 2 years ago

Updated:

annezazu commented 1 year ago

November 1st Update

Since I'm trying to align the FSE Outreach Program as much as possible with this work, I've been doing updates on my end to keep track of what's moving and wanted to share here so others can follow along. What follows covers the "Main Tasks" only listed above since those are the priority items. Here's what each symbol means:

☑️ = work has completed (4, 1 has some follow up but is mostly completed) 🟢 = means dev work is underway (10) 🟡 🖌️ = means we’re in the design stage still (2) 🟡 💻 = means a dev is assigned but hasn’t started (1) 🔴 🖌️ = means design is blocked/on hold due to other work (2) 🔴 💻 = means ready for dev with no dev assigned (9) 🤚🏼 = anywhere this is used means we're stuck but I'm tracking down what's going on/where we can get unstuck (1)

Patterns

Styles

Editor

Tools

Blocks

Templates

If this is too chaotic or overwhelming to follow, please let me know and offer suggestions.

Since we're coordinating many devs along with various design stages, I want to ensure we have granularity in what's reflected but I'm happy to simplify if these are helpful.

annezazu commented 1 year ago

November 7th Update

As a reminder, here's what each symbol means. The numbers in parentheses show the change week over week.

☑️ = work has completed - 4 (no change) 🟢 = means dev work is underway - 13 (+3) 🟡 🖌️ = means we’re in the design stage still - 1 (-1) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 4 (+3) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (+1) 🔴 💻 = means ready for dev with no dev assigned - 4 (-5) 🤚🏼 = anywhere this is used means we're stuck but I'm tracking down what's going on/where we can get unstuck - 3 (+2)

Patterns

Styles

Editor

Tools

Blocks

Templates

jasmussen commented 1 year ago

May I propose adding these to the issue? These all have designs, and are "ready for dev".

Mamaduka commented 1 year ago

@jasmussen, I think @kevin940726 already started working on #44581.

jorgefilipecosta commented 1 year ago

Regarding https://github.com/WordPress/gutenberg/issues/42325, I'm starting the work on it.

annezazu commented 1 year ago

November 15th Update

As a reminder, here's what each symbol means. The numbers in parentheses show the change week over week.

☑️ = work has completed - 4 (no change) 🟢 = means dev work is underway - 15 (+2) 🟡 🖌️ = means we’re in the design stage still - 0 (-1) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 4 (no change) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (no change) 🔴 💻 = means ready for dev with no dev assigned - 10 (+6) 🤚🏼 = anywhere this is used means we're stuck but I'm tracking down what's going on/where we can get unstuck - 3 (no change)

Note: I included the issues mentioned above by @jasmussen so the overall count has changed in light of that.

Going forward, I expect some triage to happen as well to ensure priorities are correct since there are a number of issues awaiting dev.

Patterns

Styles

Editor

Tools

Blocks

Templates

jorgefilipecosta commented 1 year ago

Regarding https://github.com/WordPress/gutenberg/pull/44788 ( Move document information and outline to list view panel ) the follow ups were merged and all the feedback was addressed nothing is pending that I am aware of.

priethor commented 1 year ago

November 22th Update

As a reminder, here's what each symbol means. The symbols in parenthesis show the previous status if it changed since the last update.

The numbers in parentheses in this summaryshow the change week over week.

☑️ = work has completed - 6 (+2) 🟢 = means dev work is underway - 17 (+2) 🟡 🖌️ = means we’re in the design stage still - 0 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 5 (+1) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (-1) 🔴 💻 = means ready for dev with no dev assigned - 10 (-4) 🆕 = New issue since the last update - 0 :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 3 (+2)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

November 29th Update

The numbers in parentheses in this summary show the change week over week. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 9 (+3) 🟢 = means dev work is underway - 13 (-4) 🟡 🖌️ = means we’re in the design stage still - 2 (+2) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 11 (+6) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (no change) 🔴 💻 = means ready for dev with no dev assigned - 2 (-8) 🆕 = New issue since the last update - 0 :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 4 (+1)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

December 5th Update

The numbers in parentheses in this summary show the change week over week. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 11 (+2) 🟢 = means dev work is underway - 15 (+2) 🟡 🖌️ = means we’re in the design stage still - 2 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 7 (-4) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (no change) 🔴 💻 = means ready for dev with no dev assigned - 2 (no change) 🆕 = New issue since the last update - 1 (+1) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 3 (-1)

Patterns

Styles

Editor

Tools

Blocks

Templates

Note: I rearranged the order based on status to make it easier to glance at.

annezazu commented 1 year ago

December 12th Update

The numbers in parentheses in this summary show the change week over week. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 12 (+1) 🟢 = means dev work is underway - 17 (+2) 🟡 🖌️ = means we’re in the design stage still - 2 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 4 (-3) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (no change) 🔴 💻 = means ready for dev with no dev assigned - 2 (no change) 🆕 = New issue since the last update - 0 (-1) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 3 (no change)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

December 19th Update

The numbers in parentheses in this summary show the change week over week. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 15 (+3) 🟢 = means dev work is underway - 14 (-3) 🟡 🖌️ = means we’re in the design stage still - 1 (-1) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 5 (+1) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (no change) 🔴 💻 = means ready for dev with no dev assigned - 2 (no change) 🆕 = New issue since the last update - 0 (no change) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 2 (-1)

Patterns

Styles

Editor

Tools

Blocks

Templates

Next week's update will be skipped due to vacation on my end. I will resume the following week, unless there's very little progress to report.

annezazu commented 1 year ago

January 2nd Update

Important Note: This update covers work from the last two weeks where there was high end of year time off causing various PRs to suddenly be in the stalled category. This is expected but still worth noting for this update!

The numbers in parentheses in this summary show the change since the last update. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 15 (+3) 🟢 = means dev work is underway - 7 (-7) 🟡 🖌️ = means we’re in the design stage still - 1 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 11 (+6) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (+1) 🔴 💻 = means ready for dev with no dev assigned - 2 (no change) 🆕 = New issue since the last update - 0 (no change) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 1 (-1)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

January 9th Update

The numbers in parentheses in this summary show the change since the last update. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 16 (+1) 🟢 = means dev work is underway - 14 (+7) 🟡 🖌️ = means we’re in the design stage still - 1 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 4 (-7) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (no change) 🔴 💻 = means ready for dev with no dev assigned - 1 (-1) 🆕 = New issue since the last update - 0 (no change) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 0 (-1)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

January 16th Update

The numbers in parentheses in this summary show the change since the last update. Note: when multiple emojis are used, they are counted twice.

☑️ = work has completed - 18 (+2) 🟢 = means dev work is underway - 11 (-3) 🟡 🖌️ = means we’re in the design stage still - 1 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 5 (+1) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (no change) 🔴 💻 = means ready for dev with no dev assigned - 0 (-1) 🆕 = New issue since the last update - 0 (no change) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 1 (+1)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

January 23rd Update

Last week various contributors gathered with project leadership to curate this list more as we get closer to the WordPress 6.2 release. In light of that, the numbers are going to fluctuate quite a bit with a temporary section noting what items were removed week over week from main tasks.

☑️ = work has completed - 21 (+3) 🟢 = means dev work is underway - 9 (-2) 🟡 🖌️ = means we’re in the design stage still - 2 (+1) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 2 (-3) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (-1) 🔴 💻 = means ready for dev with no dev assigned - 0 (-1) 🆕 = New issue since the last update - 1 (+1) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 0 (-1)

Patterns

Styles

Editor

Tools

Blocks

Templates

Lowered in priority

These issues were removed from the main tasks and are no longer going to be tracked. @priethor let me know if any of these seem off (I was surprised by the last one):

annezazu commented 1 year ago

January 30th Update

☑️ = work has completed - 21 (no change) 🟢 = means dev work is underway - 5 (-4) 🟡 🖌️ = means we’re in the design stage still - 2 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 6 (+4) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (no change) 🔴 💻 = means ready for dev with no dev assigned - 0 (no c hange) 🆕 = New issue since the last update - 0 (-1) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 0 (no change)

Patterns

Styles

Editor

Tools

Blocks

Templates

annezazu commented 1 year ago

February 7th Update

The overall issue was modified and updated by @mtias after the publishing of an update post on Phase 2 found here. As a result, there are some new items without any corresponding issues and the format might adjust slightly. Finally, the update was delayed due to sickness on my end!

☑️ = work has completed - 22 (+1) 🟢 = means dev work is underway - 7 (+2) 🟡 🖌️ = means we’re in the design stage still - 2 (no change) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 4 (-2) 🔴 🖌️ = means design is blocked/on hold due to other work - 8 (+6) 🔴 💻 = means ready for dev with no dev assigned - 0 (no change) 🆕 = New issue since the last update - 6 (+6) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 0 (no change)

Patterns

Styles

Editor

Tools

Blocks

Templates

kevin940726 commented 1 year ago

I have another one about shuffling template parts opened in https://github.com/WordPress/gutenberg/pull/47763 that we could get some eyes on too. There are some unanswered questions and alternative approaches in the PR description. Would love to get some early feedback on it and https://github.com/WordPress/gutenberg/pull/47594 too ❤️ !

annezazu commented 1 year ago

FYI: Updates are going to move to monthly for a time

This is to better reflect where we are in the 6.2 release cycle and to prevent these updates from becoming more noise rather than signal. After a period of monthly updates, this will be re-evaluated as 6.3 begins to get closer as well with a strong chance for a return to weekly updates to once more track work more closely.

annezazu commented 1 year ago

March 13th Update

☑️ = work has completed - 21 (-1) 🟢 = means dev work is underway - 3 (-4) 🟡 🖌️ = means we’re in the design stage still - 0 (-2) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 6 (+2) 🔴 🖌️ = means design is blocked/on hold due to other work - 5 (-3) 🔴 💻 = means ready for dev with no dev assigned - 0 (no change) 🆕 = New issue since the last update - 0 (-6) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 1 (+1)

Note that two issues that were previously mentioned have been removed: Shuffle content blocks when templateLock is contentOnly (incomplete) and Style variations for block types (complete). This is why there’s a -1 next to work completed.

Patterns

Styles

Editor

Tools

Blocks

Templates

Browse

colorful-tones commented 1 year ago

I would like to suggest that this get some attention and be added to the Gutenberg Phase 2: Customization board:

annezazu commented 1 year ago

April 16th Update

☑️ = work has completed - 21 (no change) 🟢 = means dev work is underway - 5 (+2) 🟡 🖌️ = means we’re in the design stage still - 5 (+5) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 5 (-1) 🔴 🖌️ = means design is blocked/on hold due to other work - 3 (-2) 🔴 💻 = means ready for dev with no dev assigned - 0 (no change) 🆕 = New issue since the last update - 0 (no change) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 3 (+2)

Patterns

Styles

Editor

Tools

Blocks

Templates

Browse

carolinan commented 1 year ago

Creating and classifying your own pattern library alongside reusable blocks.

There is an early WIP for this here: https://github.com/WordPress/gutenberg/pull/49607

annezazu commented 1 year ago

May 15th Update

Important notes:

Numerous changes happened since the last update and the following bulleted list captures those:

As a result of the changing items, “work completed” is going to include the Main Tasks along with the list just below as that’s where the completed items from a few months ago are listed.

☑️ = work has completed - 24 (+3) 🟢 = means dev work is underway - 6 (+1) 🟡 🖌️ = means we’re in the design stage still - 13 (+7) 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 3 (-2) 🔴 🖌️ = means design is blocked/on hold due to other work - 2 (-1) 🔴 💻 = means ready for dev with no dev assigned - 1 (+1) 🆕 = New issue since the last update - 12 (+12) :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 13 (+10)

Browse

Editor

Patterns

Blocks

Styles

annezazu commented 1 year ago

June 28th 2023

I was off work for two weeks leading to a delay in this update. Thanks for the patience. As we settle into the new order, sharing updated numbers but removing the change for this round since it isn't 1:1 with the last update.

☑️ = work has completed - 20 🟢 = means dev work is underway - 1 🟡 🖌️ = means we’re in the design stage still - 3 🟡 💻 = means a dev is assigned but hasn’t started or work hasn't continued in 14+ days - 1 🔴 🖌️ = means design is blocked/on hold due to other work - 0 🔴 💻 = means ready for dev with no dev assigned - 1 🆕 = New issue since the last update - 0 :raised_back_of_hand: = anywhere this is used means we're stuck, but tracking down what's going on/where we can get unstuck - 1

Browse

Editor

Patterns

Blocks

Styles

mtias commented 1 year ago

I'm closing this issue as WordPress 6.3 is now out in beta. It has served us well for a couple years, tracking the progress and main scope of the customization phase. As the project moves on, we'll be looking at improvements to the customization experience as distinct milestones and complimenting the work soon to be started on phase 3. Active areas of work will be referenced in #52128.

So long, phase 2! And huge kudos to everyone that contributed to getting us to this point. 🌟🌟🌟🌟