Repository navigation
Advancing site editor index views #59659
Description
What problem does this address?
As part of the admin track of work we want to start adopting some of the new UX paradigms within the site editor index views.
layout-motion.mp4
Pages and templates within the site editor currently drill-down the navigation sidebar showing a list of records, but what we want to work towards is always using the "content frame" for lists, including the "side by side" layout type which lets you quickly preview posts before editing. This also solves the weird "manage pages" and "manage templates" links that currently exist. The goal of this work is bring those "manage" pages forward so they are visible when visiting /pages or /templates, much like /patterns.
Tasks
Site editor responsiveness
Replace current pages with manage pages
Replace the existing pages view that shows pages in sidebar and update with the "manage pages" view. For this piece of work we can keep the "custom views" as experimental.
Old
New
Criteria:
- Clicking "pages" in top level navigation opens pages data views with "side by side" layout type enabled by default. Site Editor: update index view for pages #59950
- Default views for pages include [All, Published, Draft, Scheduled, Utility, Trash] Pages sidebar: adds published & scheduled items #62021
- Pages: "Trash" view should default to
tablelayout - Include homepage in page lists when set to display latest posts #60772
- When a block theme is active, provide a link to edit the page template from the pages list #41716
- When in side by side layout, clicking an item previews in the frame on right.
- Clicking the frame expands into edit mode
- Each item in side by side has an "edit" icon that expands frame into edit mode
- Each item in side by side has an ellipsis icon that triggers page actions [Delete, rename, edit]
- When in table view, clicking a page title should open editor
- Mobile: show the content frame. Pages: display content frame in mobile when canvas is not edit #60409
- Pages data view: Update title field so that homepage and posts page are marked with a badge #57763
Replace current templates with manage pages
Much like pages, we want to do the same for templates.
Old
New
Criteria:
- Clicking "templates" in top level navigation opens templates data views with "grid" layout type enabled by default. Site Editor: update index page for templates #59792
- Use grid layout by default with loading indicator. Index view for Templates & Parts: use
gridlayout as default #60069 - Clicking template name in table view opens editor
- Custom views for templates include default views [All, pages, posts, utility, custom] Templates: add
postTypesandisCustomfields & filters #62075 - When in side by side layout, clicking an item previews in the frame on right.
- Clicking the frame expands into edit mode
- Each item in side by side has an "edit" icon that expands frame into edit mode
- Each item in side by side has an ellipsis icon that triggers templates actions
Updates patterns to remove template parts management
The current patterns page makes use of the new data views but we still have a "manage template parts" link. We should aim to remove that link and bring the missing functionality over to the patterns view.
Criteria:
- Clicking patterns in top level opens current patterns page
- The template parts group that currently sits below pattern categories should be moved to the top Patterns: remove "Template parts" sidebar group #60359
- "Manage template parts" link should go away Patterns: remove "Manage all parts" page & link #60689
- "Manage all my patterns" should go away Patterns: remove manage all of my patterns link #60345
- "Table" layout type should be added to patterns data views Patterns page: enable table layout #60337
- Clicking a pattern in table view should open editor Patterns page: enable table layout #60337
- Consolidate Patterns & Template Parts categories (comment):
- "All patterns" view should include template parts (probably the most challenging part).
- The separate menus should ideally converge (mockup).
- We need to settle on a more intuitive name for the "General" category.
- Align or differentiate the "Header" + "Headers" categories.
- Update the creation flow (mockup).
Metadata
Metadata
Assignees
Labels
Type
Projects
- Status
Activity
youknowriad commentedon Mar 7, 2024
Thanks for opening this issue, these are some nice flows.
I think this one is going to be challenging to pull off, I'd navigate to "custom views" (or default views if the experiment is disabled) on the first iteration. We'd need stronger routing to be able to stay in the top view in the sidebar while navigating to templates.
This item is also to be addressed with care, currently the patterns list view doesn't show "template parts", so it might mean "merging them", adding fields to filter one or the other... It might require its own issue for clarity.
oandregal commentedon Mar 12, 2024
Index for templates #59792
@SaxonF the screenshot for templates uses the table layout, though the texts mentions grid layout. Which one should be the default? The PR uses the existing (table).
oandregal commentedon Mar 14, 2024
#59858 makes the
listlayout stable, so it becomes available for Pages, Templates, and Parts without the experiment enabled.oandregal commentedon Mar 18, 2024
Updates index for pages #59950
oandregal commentedon Mar 21, 2024
#60069 explores using
gridlayout for templates.annezazu commentedon Mar 22, 2024
Adding the tracking label to this as it tracks work across the experience and is part of the broader Overview issue of Data Views and Admin Redesign.
oandregal commentedon Apr 1, 2024
#60337 enables
tablelayout for patterns.oandregal commentedon Apr 1, 2024
#60345 removes "Manage all of my patterns" link.
oandregal commentedon Apr 2, 2024
#60359 looks at template parts in patterns (needs feedback on target design).
oandregal commentedon Apr 3, 2024
#60409 to display the content frame for Pages in mobile.
oandregal commentedon Apr 3, 2024
#60372 adds the author field & filter to the template parts in the Patterns page.
11 remaining items
oandregal commentedon May 14, 2024
#60805 landed adding "edit" & "all actions" buttons in list layout for all index views that support it (pages, templates).
oandregal commentedon May 14, 2024
Update on my availability for this: I have some upcoming AFK in a few days and won't be able to be back at this until the week of the 27th.
jameskoster commentedon May 15, 2024
In case anyone is able to pick up the work here in @oandregal's absence, it would be really great if the following could be closed out for 6.6:
Most of them are small adjustments, so hopefully we can get it done 🤞
oandregal commentedon May 16, 2024
PR at #60477
oandregal commentedon May 16, 2024
PR at #61718
oandregal commentedon May 27, 2024
#62021 adds the missing Published & Scheduled items.
I've left "Utility" out. I presume it's related to this discussion about "utility pages", for which there's an ongoing conversation — it can be addressed separately.
oandregal commentedon May 28, 2024
#62075 addresses the preliminary steps to implement the above: it adds the
postType&isCustomfields & filters to the templates page.jameskoster commentedon Jul 4, 2024
Most of the items here have been addressed, so I think we can close this one out.
I've tracked any relevant outstanding items in a new tracking issue for 6.7: #63128