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

Phase 2: Customization #33094

Closed
48 of 57 tasks
mtias opened this issue Jun 30, 2021 · 50 comments
Closed
48 of 57 tasks

Phase 2: Customization #33094

mtias opened this issue Jun 30, 2021 · 50 comments
Labels
Customization Issues related to Phase 2: Customization efforts [Type] Overview Comprehensive, high level view of an area of focus often with multiple tracking issues

Comments

@mtias
Copy link
Member

mtias commented Jun 30, 2021

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 mtias added [Type] Overview Comprehensive, high level view of an area of focus often with multiple tracking issues [Feature] Full Site Editing labels Jun 30, 2021
@mtias mtias pinned this issue Jun 30, 2021
@mtias mtias changed the title Remaining scope for Site Editing projects Updated scope for site editing projects Jun 30, 2021
@mtias
Copy link
Member Author

mtias commented Jul 3, 2021

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

@carolinan
Copy link
Contributor

carolinan commented Jul 4, 2021

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
Copy link
Member Author

mtias commented Jul 8, 2021

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
Copy link
Member Author

mtias commented Jul 15, 2021

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

@mtias
Copy link
Member Author

mtias commented Aug 6, 2021

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

@priethor
Copy link
Contributor

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

@mtias
Copy link
Member Author

mtias commented Sep 6, 2021

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

@gingerling
Copy link

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
Copy link
Member Author

mtias commented Oct 9, 2021

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

image

@gingerling
Copy link

@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
Copy link
Member Author

mtias commented Oct 13, 2021

@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
Copy link

@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
Copy link

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
Copy link

[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
Copy link
Contributor

annezazu commented Dec 23, 2021

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: #37407

@MaggieCabrera
Copy link
Contributor

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
Copy link

Thanks all, I joined the slack channel and after talking there, created this feature request: #37746

@mtias
Copy link
Member Author

mtias commented Jan 26, 2022

Update: added tracking issues for the comment related blocks.

@mtias
Copy link
Member Author

mtias commented Jan 26, 2022

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

@mtias
Copy link
Member Author

mtias commented Feb 4, 2022

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

@mtias
Copy link
Member Author

mtias commented Feb 4, 2022

Completed:

@mtias
Copy link
Member Author

mtias commented May 23, 2022

Updated:

@annezazu
Copy link
Contributor

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)
🤚 = 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
Copy link
Contributor

annezazu commented Jan 2, 2023

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)
🤚 = 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
Copy link
Contributor

annezazu commented Jan 9, 2023

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)
🤚 = 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
Copy link
Contributor

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)
🤚 = 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
Copy link
Contributor

annezazu commented Jan 23, 2023

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)
🤚 = 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
Copy link
Contributor

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)
🤚 = 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
Copy link
Contributor

annezazu commented Feb 7, 2023

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)
🤚 = 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
Copy link
Member

I have another one about shuffling template parts opened in #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 #47594 too ❤️ !

@annezazu
Copy link
Contributor

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
Copy link
Contributor

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)
🤚 = 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

  • 🔴🖌️ Introduce flows that clarify the Template / Content relationship. Re-Introduce Content Editing in the Site Editor #44461
  • 🔴🖌️Access to high level settings (posts per page on relevant blog templates; home page static page; and quick template switching).

@colorful-tones
Copy link
Member

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

@annezazu
Copy link
Contributor

annezazu commented Apr 17, 2023

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)
🤚 = 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
Copy link
Contributor

carolinan commented Apr 17, 2023

Creating and classifying your own pattern library alongside reusable blocks.

There is an early WIP for this here: #49607

@annezazu
Copy link
Contributor

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)
🤚 = 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
Copy link
Contributor

annezazu commented Jun 28, 2023

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
🤚 = 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
Copy link
Member Author

mtias commented Jun 29, 2023

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. 🌟🌟🌟🌟

@mtias mtias closed this as completed Jun 29, 2023
@priethor priethor unpinned this issue Jun 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Customization Issues related to Phase 2: Customization efforts [Type] Overview Comprehensive, high level view of an area of focus often with multiple tracking issues
Projects
None yet
Development

No branches or pull requests