跳到内容
新问题

对这个项目有疑问吗?注册一个免费的GitHub帐户以打开一个问题,并联系其维护者和社区。

点击“注册GitHub”,即表示您同意我们的服务条款隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了?登录到您的帐户

尝试深入查看图案插入器 #61518

关闭

对话

德拉加内斯库
复制链接
贡献者

@德拉加内斯库 德拉加内斯库 评论2024年5月9日

什么?

在大视口上启用与站点编辑器侧栏和插入器类别的小视口中相同的向下钻取导航,并在此过程中删除预览窗格。

为什么?

预览窗格不是很有用:它创建了另一个内容区域来跳过以进行焦点管理,并且它使用了大量的视口区域,这对于组装模式来说非常宝贵(例如,在大的视口中,插入器和检查器都可以打开并组装模式)。所有这些只是为了保持类别列表可用。

怎么用?

  • 复制用于小视口的组件,并将其调整为也适用于较大视口。
  • 删除一些缩小布局位置参数。
  • 访问插入器的图案选项卡时(与访问类别时相反),启用缩小模式下的装配
  • 尝试使媒体和模式在类别导航中表现相同

测试说明

  1. 转到站点编辑器
  2. 转到页面并编辑页面
  3. 打开插入器
  4. 打开模式选项卡
  5. 请注意,已启用缩小模式
  6. 注意模式类别列表
  7. 单击类别
  8. 请注意,图案显示在同一面板中
  9. 启用响应模式
  10. 小视窗体验应保持不变

键盘测试说明

不适用

屏幕截图或屏幕广播

新款浏览器.mp4

已知问题

  • 需要进行一些造型改进,使所有面板看起来间隔良好且相似
  • 搜索图案时出现一个野生超级卷轴
  • 当模式列表呈现时,有一个偷偷消失的卷轴
  • 以某种方式切换视口大小(?)可能会导致缩小模式一直处于打开状态
  • 如果可能的话,我们应该在媒体中向上搜索,这样所有选项卡都有相同的UI结构

@德拉加内斯库 德拉加内斯库补充[类型]增强功能 改进建议。 需要设计反馈 需要一般设计反馈。 [特征]图案 可以同步(以前可重用的块)或不同步的块的集合 [功能]缩小标签2024年5月9日
复制链接

github-操作 机器人程序 评论2024年5月9日

尺寸变化:-416亿(-0.02%)

总大小:1.74 MB

文件名 大小 更改
build/block-editor/index.min.js 261千字节 -352亿(-0.13%)
build/block-editor/style-rtl.css 15.6千字节 -33亿(-0.21%)
构建/块编辑器/样式.css 15.6千字节 -31亿(-0.2%)
ℹ️查看未更改
文件名 大小
build/a11y/index.min.js版本 955亿
build/annotations/index.min.js 2.27千字节
构建/api-fetch/index.min.js 2.32千字节
构建/auto/index.min.js 2.1千字节
build/blob/index.min.js 578亿
build/block-directory/index.min.js 7.29千字节
构建/块目录/样式-rtl.css 1.03千字节
构建/块目录/样式.css 1.03千字节
build/block-editor/content-rtl.css 4.58千字节
构建/块编辑器/content.css 4.57千字节
构建/块编辑器/默认编辑器样式-rtl.css 395亿
构建/块编辑器/默认编辑器样式.css 395亿
build/block-library/blocks/archives/editor-rtl.css 61亿
build/block-library/blocks/archives/editor.css 60亿
build/block-library/blocks/archives/style-rtl.css 90亿
build/block-library/blocks/archives/style.css 90亿
build/block-library/blocks/audio/editor-rtl.css 150亿
build/block-library/blocks/audio/editor.css 150亿
build/block-library/blocks/audio/style-rtl.css 122亿
build/block-library/blocks/audio/style.css 122亿
构建/block-library/blocks/audio/theme-rtl.css 126亿
构建/block-library/blocks/audio/theme.css 126亿
build/block-library/blocks/avatar/editor-rtl.css 116亿
build/block-library/blocks/avatar/editor.css 116亿
构建/块库/blocks/avatar/style-rtl.css 104亿
构建/块库/blocks/avatar/style.css 104亿
build/block-library/blocks/button/editor-rtl.css 307亿
build/block-library/blocks/button/editor.css 307亿
build/block-library/blocks/button/style-rtl.css 539亿
构建/块库/blocks/button/style.css 539亿
build/block-library/blocks/buttons/editor-rtl.css 337亿
build/block-library/blocks/buttons/editor.css 337亿
build/block-library/blocks/buttons/style-rtl.css 332亿
build/block-library/blocks/buttons/style.css 332亿
build/block-library/blocks/calendar/style-rtl.css 239亿
build/block-library/blocks/calendar/style.css 239亿
build/block-library/blocks/categories/editor-rtl.css 113亿
build/block-library/blocks/categories/editor.css 112亿
build/block-library/blocks/categories/style-rtl.css 124亿
build/block-library/blocks/categories/style.css 124亿
build/block-library/blocks/code/editor-rtl.css 53亿
build/block-library/blocks/code/editor.css 53亿
build/block-library/blocks/code/style-rtl.css 121亿
build/block-library/blocks/code/style.css 121亿
build/block-library/blocks/code/theme-rtl.css 124亿
build/block-library/blocks/code/theme.css 124亿
build/block-library/blocks/columns/editor-rtl.css 108亿
build/block-library/blocks/columns/editor.css 108亿
build/block-library/blocks/columns/style-rtl.css 421亿
构建/块库/blocks/columns/style.css 421亿
build/block-library/blocks/comment作者avatar/editor-rtl.css 125亿
build/block-library/blocks/comment-author-avatar/editor.css 125亿
build/block-library/blocks/comment-content/style-rtl.css 92亿
build/block-library/blocks/comment-content/style.css 92亿
build/block-library/blocks/comment-template/style-rtl.css 199亿
build/block-library/blocks/comment-template/style.css 198亿
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css 123亿
build/block-library/blocks/comments-pagination-numbers/editor.css 121亿
build/block-library/blocks/comments-pagination/editor-rtl.css 222亿
build/block-library/blocks/comments-pageination/editor.css 209亿
build/block-library/blocks/comments-pagination/style-rtl.css 235亿
build/block-library/blocks/comments-pageination/style.css 231亿
build/block-library/blocks/comments-title/editor-rtl.css 75亿
build/block-library/blocks/comments-title/editor.css 75亿
build/block-library/blocks/comments/editor-rtl.css 840亿
build/block-library/blocks/comments/editor.css 839亿
build/block-library/blocks/comments/style-rtl.css 637磅
build/block-library/blocks/comments/style.css 636亿
build/block-library/blocks/cover/editor-rtl.css 667亿
build/block-library/blocks/cover/editor.css 670亿
build/block-library/blocks/cover/style-rtl.css 1.62千字节
build/block-library/blocks/cover/style.css 1.61千字节
build/block-library/blocks/details/editor-rtl.css 65亿
build/block-library/blocks/details/editor.css 65亿
build/block-library/blocks/details/style-rtl.css 86亿
build/block-library/blocks/details/style.css 86亿
build/block-library/blocks/embed/editor-rtl.css 312亿
构建/块库/blocks/embed/editor.css 312亿
build/block-library/blocks/embed/style-rtl.css 410亿
build/block-library/blocks/embed/style.css 410亿
构建/block-library/blocks/embed/theme-rtl.css 126亿
构建/block-library/blocks/embed/theme.css 126亿
build/block-library/blocks/file/editor-rtl.css 326亿
build/block-library/blocks/file/editor.css 327亿
build/block-library/blocks/file/style-rtl.css 280亿
build/block-library/blocks/file/style.css 281亿
build/block-library/blocks/file/view.min.js 324亿
build/block-library/blocks/footnotes/style-rtl.css 201亿
build/block-library/blocks/footnotes/style.css 199亿
build/block-library/blocks/form-input/editor-rtl.css 227亿
build/block-library/blocks/form-input/editor.css 227亿
build/block-library/blocks/form-input/style-rtl.css 343亿
build/block-library/blocks/form-input/style.css 343亿
build/block-library/blocks/form-submission-notification/editor-rtl.css 340亿
build/block-library/blocks/form-submission-notification/editor.css 340亿
build/block-library/blocks/form-submit-button/style-rtl.css 69亿
build/block-library/blocks/form-submit-button/style.css 69亿
build/block-library/blocks/form/view.min.js 471亿
build/block-library/blocks/freeform/editor-rtl.css 2.61千字节
build/block-library/blocks/freeform/editor.css 2.61千字节
build/block-library/blocks/galletry/editor-rtl.css 962亿
build/block-library/blocks/galletry/editor.css 965亿
build/block-library/blocks/gallower/style-rtl.css 1.72千字节
build/block-library/blocks/gallower/style.css 1.72千字节
build/block-library/blocks/gallower/theme-rtl.css版本 108亿
build/block-library/blocks/gallery/主题.css 108亿
build/block-library/blocks/group/editor-rtl.css 403亿
build/block-library/blocks/group/editor.css 403亿
build/block-library/blocks/group/style-rtl.css 103亿
build/block-library/blocks/group/style.css 103亿
构建/块-库/块/组/主题-rtl.css 78亿
构建/块-库/块/组/主题.css 78亿
build/block-library/blocks/heading/style-rtl.css 189亿
构建/块库/blocks/heading/style.css 189亿
build/block-library/blocks/html/editor-rtl.css 346亿
build/block-library/blocks/html/editor.css 347亿
build/block-library/blocks/image/editor-rtl.css 891亿
build/block-library/blocks/image/editor.css 891亿
build/block-library/blocks/image/style-rtl.css 1.52千字节
build/block-library/blocks/image/style.css 1.52千字节
构建/block-library/blocks/images/theme-rtl.css 137亿
构建/block-library/blocks/image/theme.css 137亿
build/block-library/blocks/image/view.min.js 1.54千字节
build/block-library/blocks/latest-comments/style-rtl.css 357亿
build/block-library/blocks/latest-comments/style.css 357亿
build/block-library/blocks/platest-posts/editor-rtl.css 205亿
build/block-library/blocks/platest-posts/editor.css 205亿
build/block-library/blocks/platest-posts/style-rtl.css 512亿
build/block-library/blocks/platest-posts/style.css 512亿
build/block-library/blocks/list/style-rtl.css 102亿
build/block-library/blocks/list/style.css 102亿
build/block-library/blocks/media-text/editor-rtl.css 306亿
build/block-library/blocks/media-text/editor.css 305亿
build/block-library/blocks/media-text/style-rtl.css 505磅
build/block-library/blocks/media-text/style.css 503亿
build/block-library/blocks/more/editor-rtl.css 431亿
build/block-library/blocks/more/editor.css 431亿
build/block-library/blocks/navigation-link/editor-rtl.css 668亿
build/block-library/blocks/navigation-link/editor.css 669亿
构建/block-library/blocks/navigation-link/style-rtl.css 193亿
build/block-library/blocks/navigation-link/style.css 192亿
build/block-library/blocks/navigation-submenu/editor-rtl.css 296亿
build/block-library/blocks/navigation-submenu/editor.css 295亿
build/block-library/blocks/navigation/editor-rtl.css 2.26千巴
build/block-library/blocks/navigation/editor.css 2.26千巴
build/block-library/blocks/navigation/style-rtl.css 2.26千巴
build/block-library/blocks/navigation/style.css 2.25千字节
build/block-library/blocks/navigation/view.min.js 1.03千字节
build/block-library/blocks/nextpage/editor-rtl.css 395亿
build/block-library/blocks/nextpage/editor.css 395亿
build/block-library/blocks/page-list/editor-rtl.css 377亿
build/block-library/blocks/page-list/editor.css 377亿
build/block-library/blocks/page-list/style-rtl.css 175亿
build/block-library/blocks/page-list/style.css 175亿
build/block-library/blocks/pragment/editor-rtl.css 235亿
构建/块库/块/段落/编辑器.css 235亿
build/block-library/blocks/pragment/style-rtl.css 341亿
build/block-library/blocks/pragment/style.css 341亿
build/block-library/blocks/post-author/style-rtl.css 175亿
build/block-library/blocks/post-author/style.css 176亿
构建/块库/blocks/post comments表单/editor-rtl.css 96亿
构建/块库/块/发布评论表单/editor.css 96亿
build/block-library/blocks/post-comments-form/style-rtl.css 508亿
build/block-library/blocks/post-comments-form/style.css 508亿
build/block-library/blocks/post-content/editor-rtl.css 74亿
build/block-library/blocks/post-content/editor.css 74亿
build/block-library/blocks/post-date/style-rtl.css 61亿
build/block-library/blocks/post-date/style.css 61亿
build/block-library/blocks/post-extract/editor-rtl.css 71亿
build/block-library/blocks/post-extract/editor.css 71亿
构建/block-library/blocks/post-extraction/style-rtl.css 141亿
build/block-library/blocks/post-extract/style.css 141亿
build/block-library/blocks/post-featured-image/editor-rtl.css 734亿
build/block-library/blocks/post-featured-image/editor.css 732亿
build/block-library/blocks/post-featured-image/style-rtl.css 342亿
build/block-library/blocks/post-featured-image/style.css 342亿
构建/块库/blocks/post导航链接/style-rtl.css 215亿
build/block-library/blocks/post-navigation-link/style.css 214亿
build/block-library/blocks/post-template/editor-rtl.css 99亿
build/block-library/blocks/post-template/editor.css 98亿
build/block-library/blocks/post-template/style-rtl.css 397亿
build/block-library/blocks/post-template/style.css 396亿
build/block-library/blocks/post-terms/style-rtl.css 96亿
build/block-library/blocks/post-terms/style.css 96亿
build/block-library/blocks/post-time-to-read/style-rtl.css 69亿
构建/块库/块/读取后时间/style.css 69亿
build/block-library/blocks/post-title/style-rtl.css 100亿
build/block-library/blocks/post-title/style.css 100亿
build/block-library/blocks/preactatted/style-rtl.css 125亿
build/block-library/blocks/preactatted/style.css 125亿
build/block-library/blocks/pullquote/editor-rtl.css 135亿
build/block-library/blocks/pullquote/editor.css 135亿
build/block-library/blocks/pullquote/style-rtl.css 344亿
build/block-library/blocks/pullquote/style.css 343亿
build/block-library/blocks/pullquote/theme-rtl.css 168亿
构建/block-library/blocks/pullquote/theme.css 168亿
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 122亿
build/block-library/blocks/query-pagination-numbers/editor.css 121亿
构建/块库/blocks/query分页/editor-rtl.css 221亿
build/block-library/blocks/query-pagination/editor.css 211亿
build/block-library/blocks/query-pagination/style-rtl.css 288亿
build/block-library/blocks/query-pagination/style.css 284亿
构建/块库/块/查询标题/style-rtl.css 63亿
build/block-library/blocks/query-title/style.css 63亿
build/block-library/blocks/query/editor-rtl.css 486亿
build/block-library/blocks/query/editor.css 486亿
build/block-library/blocks/query/view.min.js 958亿
build/block-library/blocks/quote/style-rtl.css 237亿
build/block-library/blocks/quote/style.css 237亿
build/block-library/blocks/quote/theme-rtl.css 223亿
构建/block-library/blocks/quote/theme.css 226亿
build/block-library/blocks/read-more/style-rtl.css 140亿
build/block-library/blocks/read-more/style.css 140亿
build/block-library/blocks/rss/editor-rtl.css 101亿
build/block-library/blocks/rss/editor.css 101亿
build/block-library/blocks/rss/style-rtl.css 289亿
build/block-library/blocks/rss/style.css 288亿
build/block-library/blocks/search/editor-rtl.css 184亿
build/block-library/blocks/search/editor.css 184亿
build/block-library/blocks/search/style-rtl.css 690亿
build/block-library/blocks/search/style.css 689亿
构建/block-library/blocks/search/theme-rtl.css 114亿
构建/block-library/blocks/search/theme.css 114亿
build/block-library/blocks/search/view.min.js 478亿
build/block-library/blocks/seleparator/editor-rtl.css 99亿
build/block-library/blocks/seleparator/editor.css 99亿
构建/块库/块/分隔符/style-rtl.css 248亿
build/block-library/blocks/seleparater/style.css 248亿
build/block-library/blocks/seleparater/theme-rtl.css 194亿
build/block-library/blocks/seleparater/theme.css 194亿
build/block-library/blocks/shortcode/editor-rtl.css 286亿
构建/块库/blocks/shortcode/editor.css 286亿
build/block-library/blocks/site-logo/editor-rtl.css 805亿
build/block-library/blocks/site-logo/editor.css 805亿
build/block-library/blocks/site-logo/style-rtl.css 218磅
build/block-library/blocks/site-logo/style.css 218亿
build/block-library/blocks/site-tagline/editor-rtl.css 86亿
build/block-library/blocks/site-tagline/editor.css 86亿
build/block-library/blocks/site-title/editor-rtl.css 124亿
build/block-library/blocks/site-title/editor.css 124亿
build/block-library/blocks/site-title/style-rtl.css 70亿
build/block-library/blocks/site-title/style.css 70亿
build/block-library/blocks/social-link/editor-rtl.css 335亿
build/block-library/blocks/social-link/editor.css 335亿
build/block-library/blocks/social-links/editor-rtl.css 683亿
build/block-library/blocks/social-links/editor.css 681亿
build/block-library/blocks/social-links/style-rtl.css 1.51千字节
build/block-library/blocks/social-links/style.css 1.51千字节
build/block-library/blocks/spacer/editor-rtl.css 350亿
build/block-library/blocks/spacer/editor.css 350亿
build/block-library/blocks/spacer/style-rtl.css 48亿
build/block-library/blocks/spacer/style.css 48亿
build/block-library/blocks/table/editor-rtl.css 395亿
build/block-library/blocks/table/editor.css 395亿
build/block-library/blocks/table/style-rtl.css 639亿
构建/块库/blocks/table/style.css 639亿
构建/block-library/blocks/table/theme-rtl.css 146亿
build/block-library/blocks/table/theme.css 146亿
build/block-library/blocks/tag-cloud/style-rtl.css 265亿
build/block-library/blocks/tag-cloud/style.css 266亿
构建/块库/blocks/template部件/editor-rtl.css 393亿
build/block-library/blocks/template-part/editor.css 393亿
build/block-library/blocks/template-part/theme-rtl.css 112亿
build/block-library/blocks/template-part/theme.css 112亿
build/block-library/blocks/term-description/style-rtl.css 111亿
build/block-library/blocks/term-description/style.css 111亿
build/block-library/blocks/text-columns/editor-rtl.css 95亿
build/block-library/blocks/text-columns/editor.css 95亿
build/block-library/blocks/text-columns/style-rtl.css 166亿
build/block-library/blocks/text-columns/style.css 166亿
build/block-library/blocks/verse/style-rtl.css 99亿
build/block-library/blocks/verse/style.css 99亿
build/block-library/blocks/video/editor-rtl.css 552亿
build/block-library/blocks/video/editor.css 555亿
build/block-library/blocks/video/style-rtl.css 185亿
build/block-library/blocks/video/style.css 185亿
构建/block-library/blocks/video/theme-rtl.css 126亿
build/block-library/blocks/video/theme.css 126亿
build/block-library/classic-rtl.css 179亿
build/block-library/csss 179亿
build/block-library/common-rtl.css 1.11千字节
build/block-library/common.css 1.11千字节
build/block-library/editor-elements-rtl.css 75亿
build/block-library/editor-elements.css 75亿
build/block-library/editor-rtl.css 12千字节
构建/块库/editor.css 12千字节
构建/块库/元素-rtl.css 54亿
build/block-library/elements.css 54亿
build/block-library/index.min.js 219千字节
build/block-library/reset-rtl.css 472亿
build/block-library/reset.css 472亿
build/block-library/style-rtl.css 14.6千字节
build/block-library/style.css 14.6千字节
构建/块库/theme-rtl.css 703亿
构建/块-库/theme.css 706亿
build/block-serialization-default-parser/index.min.js 1.12千字节
build/block-serialization-specifi-parser/index.min.js 2.87千字节
build/blocks/index.min.js 51.7千字节
build/commands/index.min.js 15.2千字节
build/commands/style-rtl.css 953亿
build/commands/style.css 951亿
build/components/index.min.js 222千字节
build/components/style-rtl.css 12千字节
build/components/style.css 12千字节
构建/合成/索引.min.js 12.8千字节
build/core-commands/index.min.js 2.71千字节
build/core数据/index.min.js 72.5千字节
构建/定制e-widgets/index.min.js 10.9千字节
构建/定制e-widgets/style-rtl.css 1.36千字节
构建/定制e-widgets/style.css 1.36千字节
构建/数据控制/索引.min.js 640亿
build/data/index.min.js 9.01千字节
构建/日期/索引.min.js 17.9千字节
build/deprecated/index.min.js 451亿
构建/dom-ready/index.min.js 324亿
构建/dom/index.min.js 4.65千字节
构建/编辑-发布/分类-rtl.css 578亿
构建/编辑post/classic.css 578亿
build/edit-post/index.min.js 12.5千字节
构建/编辑-发布/样式-rtl.css 2.35千字节
构建/编辑-发布/样式.css 2.35千字节
构建/编辑站点/index.min.js 209千字节
构建/编辑site/style-rtl.css 11.8千字节
构建/编辑站点/style.css 11.8千字节
build/edit-widgets/index.min.js 17.6千字节
build/edit-widgets/style-rtl.css 4.21千字节
build/edit-widgets/style.css 4.21千字节
build/editor/index.min.js 95.6千字节
构建/编辑器/样式-rtl.css 9.22千巴
构建/编辑器/样式.css 9.23千字节
build/element/index.min.js 4.83千字节
build/escape-html/index.min.js 537亿
build/format-library/index.min.js 8.05千字节
build/format-library/style-rtl.css 493亿
构建/格式库/样式.css 492亿
build/hooks/index.min.js 1.55千字节
build/html-entities/index.min.js 448亿
构建/i18n/index.min.js 3.58千字节
构建/交互/调试.min.js 16.5千字节
构建/交互/文件.min.js 447亿
构建/交互/image.min.js 1.67千字节
构建/交互性/index.min.js 13.4千字节
构建/交互/导航.min.js 1.17千字节
build/interactivity/query.min.js 740亿
构建/交互/路由.min.js 2.81千字节
构建/交互/搜索.min.js 618亿
构建/is-shallow-equal/index.min.js 527亿
构建/键盘快捷方式/index.min.js 1.31千字节
build/keycodes/index.min.js 1.46千字节
构建/list-reasable-blocks/index.min.js 2.14千字节
构建/list-rusable-blocks/style-rtl.css 851亿
构建/列出可重用块/style.css 851亿
build/media-utils/index.min.js 2.92千字节
构建/modules/importmap-polyfill.min.js 12.2千字节
build/notices/index.min.js 948亿
build/nux/index.min.js 1.58千字节
build/nux/style-rtl.css 748亿
构建/nux/style.css 744亿
build/patterns/index.min.js 6.51千字节
build/patterns/style-rtl.css 595亿
构建/模式/样式.css 595亿
build/plugins/index.min.js 1.81千字节
build/preferences-persistence/index.min.js 2.06千字节
build/preferences/index.min.js 2.9千字节
build/preferences/style-rtl.css 719亿
build/preferences/style.css 721亿
build/primitives/index.min.js 831亿
构建/优先级队列/index.min.js 1.52千字节
build/private-apis/index.min.js 1千字节
build/react-i18n/index.min.js 629亿
build/react-refresh-entry/index.min.js 9.47千字节
build/react-refresh-runtime/index.min.js 6.78千字节
build/redux-routine/index.min.js 2.7千字节
构建/可重用块/index.min.js 2.72千巴
构建/可重用块/style-rtl.css 256亿
构建/可重用块/样式.css 256亿
构建/rich-text/index.min.js 10.1千字节
build/router/index.min.js 1.96千字节
build/server-side-render/index.min.js 1.96千字节
build/shortcode/index.min.js 1.39千字节
build/style-engine/index.min.js 2.02千字节
构建/token-list/index.min.js 582亿
构建/url/index.min.js 3.74千字节
build/vendors/react-dom.min.js 42.8千字节
构建/供应商/rect-jsx-runtime.min.js 554亿
构建/供应商/rect.min.js 2.65千字节
build/viewport/index.min.js 964亿
build/warning/index.min.js 249亿
build/widgets/index.min.js 7.13千字节
构建/widgets/style-rtl.css 1.17千字节
build/widgets/style.css 1.17千字节
构建/wordcount/index.min.js 1.02千字节

压缩尺寸作用

复制链接

github-操作 机器人程序 评论2024年5月10日

以下账户与本公关和/或相关问题进行了互动。当活动发生时,我将继续更新这些列表。您还可以通过添加道具机器人标签。

如果您通过GitHub上的拉取请求合并代码,请将以下内容复制并粘贴到合并提交消息的底部。

合著者:draganescu<andraganescu@git.wordpress.org>合著者:scruffian<scruffian@git.wordpress.org>合著者:richtabor<richtabor@git.wordpress.org>合著者:jeryj<jeryj@git.wordpress.org>合著者:塔尔丹<talldanwp@git.wordpress.org>合著者:annezazu<annezazu@git.wordpress.org>合著者:ellatrix<ellatrix@git.wordpress.org>合著者:jameskoster<jameskoster@git.wordpress.org>合著者:jasmussen<joen@git.wordpress.org>

为了理解WordPress项目对贡献者的期望,请查看核心手册中的贡献者归因页面.

@塔尔丹

此评论被标记为已解决。

@邋遢鬼
复制链接
贡献者

还有待做:

  1. 添加媒体库按钮
  2. 搜索不应该太困难
  3. 后退按钮应该是粘性的
  4. 滚动条应该在屏幕的边缘
  5. 预览轮廓需要修复

@安娜扎祖
复制链接
贡献者

经过测试,我发现最大的痛点是回到所有类别,当你开始滚动后退按钮时,后退按钮和类别的标题都消失了:

钻孔.向下.图案.mov

因为它是一个相当小的返回部分,所以必须一直向上滚动才能看到更多内容是很麻烦的。

@埃拉特里克斯
复制链接
成员

我很乐意尽快把这个放进去,这样它就可以用在#61489。即使就其本身而言,这对6.6来说也是一个不错的改变。

有阻拦者吗?

@里奇塔博 里奇塔博请求审阅一个团队 2024年5月21日12:42
@里奇塔博
复制链接
成员

有阻断剂吗?

这是一个相当大的变化;我特别想从@WordPress/gutenberg-design获得更多信息。

@詹姆斯科斯特
复制链接
贡献者

我在最初实现时就提出了使用向下钻取模式的理由,因此它是一个👍 总的来说是从我这里来的。

另一种选择可能类似于块插入器,但带有可折叠面板。与Figma的资产浏览器类似。

截图2024-05-21,15 28 23

但总的来说,我怀疑向下钻取会更好。

@德拉加内斯库
复制链接
贡献者 作者

在UI方面,搜索框的工作方式与选项卡面板之间的显示方式存在差异。

由于我们将其移动到每个选项卡面板中,因此需要解决这两个问题:

  1. 搜索框应该始终是第一项,还是应该是向下钻取标题(back+title)之后的第二项?它们是否应该在块、模式和媒体之间有所不同,以表明对于媒体来说,它不是跨类别的全局搜索?
  2. 卷轴上应该粘什么?搜索和向下钻取标题>搜索处于活动状态时也搜索?

@贾斯穆森
复制链接
贡献者

贾斯穆森 评论2024年5月22日

主要动机是在使用模式构建时腾出空间让画布可见,特别是在构建时插入器保持打开的上下文中。这已经足够有效了,如果这些部分结合在一起,这种向下钻取机制就可以起作用。

这是行李箱:

之前

这是一个分支:

之后

安妮指出的问题似乎得到了解决。这里的主要权衡是,很难快速了解各个类别中的所有模式。这实际上是一个很大的权衡,我不清楚它是否值得。我真的很想知道,我们可以只将这种向下钻取模式应用于较小的视口大小吗?

如果我们继续前进,媒体标签也需要一些爱:

媒体

@贾斯穆森
复制链接
贡献者

据说,就在今天,我去浏览了一下,想找一个漂亮的图案,然后我就把这个分支查了出来。我立即切换到trunk,因为点击进出并不是一个很好的浏览方式。

@埃拉特里克斯
复制链接
成员

我想,如果我们这样做,模式类别选择器应该是顶部的选择框,而不是向下钻取。这将解决问题@贾斯穆森我想是在描述。我们需要在这里更多地考虑数据视图?

@贾斯穆森
复制链接
贡献者

我不确定下拉列表是否有用。它仍然是两次点击,缺乏我已经属于的类别的清晰上下文。如前所述,我不知道我建议这是一个拦截器,这最终是一个折衷,但目前我倾向于寻找方法,使插入器与屏幕上打开的“托盘”更好地匹配,而不是使用钻取或下拉菜单。

@詹姆斯科斯特
复制链接
贡献者

我不确定从可用性的角度来看是否会更好,但我注意到在这里本质上是一个数据视图网格,其中记录按类别分组,这是我们无论如何都要添加的功能(#57967).

这是被引用的2024年5月22日
@埃拉特里克斯
复制链接
成员

@詹姆斯科斯特预览可能有点太小了?

@詹姆斯科斯特
复制链接
贡献者

可能是的,这可能取决于模式/类别。列数可以很容易地调整,甚至可以由用户调整(这也是我们希望添加到数据视图中的内容:#60630).

@德拉加内斯库
复制链接
贡献者 作者

德拉加内斯库 评论2024年5月29日

@詹姆斯科斯特链接到的数据网格模型中的预览少于中搜索结果的两列预览大旅行箱该公关同时删除.

因为我们假设的是一种寻找行为,即在有限的空间内完成一组(以良好的模式组合页面),拥有许多小预览不如拥有几个大预览有用,因为这非常简单、常见,并且只需滚动即可。

我认为上面的论证是正确的,但我承认在一个视图中有多个视图可能是有用的,因此它并不完美。然而,考虑到我们的目标用户体验应该是一个很好的权衡类似于组装堆栈而不是寻找瓦尔多因此,每一个较大的IMO都比许多较小的IMO好。

@詹姆斯科斯特
复制链接
贡献者

@德拉加内斯库我认为这有点微妙;我们应该致力于创建能够适应上下文的UI,而不是只针对一个特定流进行优化。

当你最初构建一个页面时,我同意当预览被安排到一个列中时,模式浏览体验会更好。但当您搜索以前使用过的特定模式时,多列布局(甚至列表)可能更容易扫描。使用数据视图的好处是,它使消费者和用户都能够创建最适合任何给定活动的UI。

无论如何,我很感激这是一个兔子洞,远远超出了这个PR:D的范围

@德拉加内斯库
复制链接
贡献者 作者

我将结束这次公关活动,因为它展示了用户体验的机会和局限性。考虑到整个页面模式组合仍在作为实验进行开发,我们可能应该将其作为与这些流相关的工作的一部分来解决——除非当前的用户体验能够进行足够的调整以变得恰到好处(*)

  • 例如,有一个想法是部分缩放画布,以便带有模式和块预览的窗格不会与内容重叠,而是通过缩放内容为新面板腾出空间。

免费注册 在GitHub上加入此对话.已经有账户了吗?登录以发表评论
标签
[特征]图案 可以同步(以前可重用的块)或不同步的块的集合 [功能]缩小 需要设计反馈 需要一般设计反馈。 [类型]增强功能 改进建议。
项目
已在项目中存档
开发

成功合并此请求可能会解决这些问题。

9名参与者