跳到内容
新问题

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

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

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

本地块外观控件应反映全局样式/theme.json中的值 #37752

正常开放
詹姆斯科斯特已打开此问题2022年1月6日·28条评论
正常开放

本地块外观控件应反映全局样式/theme.json中的值 #37752

詹姆斯科斯特已打开此问题2022年1月6日·28条评论
受让人
标签
[功能]颜色 颜色管理 [功能]设计工具 影响块外观的工具既可以扩大工具数量,又可以提高体验 需要开发人员 准备好了,需要开发人员的努力 [类型]讨论 对于高级别且尚未准备好实施的问题。

评论

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

詹姆斯科斯特 评论2022年1月6日

当前实施情况

我的主题.json为h2s声明文本颜色,如下所示:

“颜色”:{“text”:“var(--wp--preset--color--grey-light)”}

当我在编辑器中选择h2并打开颜色面板时,我会看到:

屏幕截图2022-01-06,14 57 58

画布告诉我一件事,但控件告诉我其他事情。我可以清楚地看到设置,但🚫 控件中的图标使其看起来没有设置颜色。当我打开颜色选取器时,透明纹理建议将颜色设置为透明的。这综合在一起削弱了我对前端实际出现的内容的信心。

预期

我的期望是看到这样的情况,其中控件准确地反映了代码:

15 00 48时截屏2022-01-06

建议

我们显示了从theme.json/Global Styles继承的所有值。这里有一个示例,显示Button块为全局样式,在检查器中甚至在本地显示其值——颜色、字体大小、填充、半径。

可视化

这并不排除在#49278可视化哪里遗产来自于,但会带来理解的直接好处。当对比通知出现或不出现时,它也会更加清晰;目前,用于对比的值并不知道继承,但通过此更改,可以对其进行更改。

版本于2024年4月18日更新。

@詹姆斯科斯特 詹姆斯科斯特补充需要设计反馈 需要一般设计反馈。 [功能]设计工具 影响块外观的工具既可以扩大工具数量,又可以提高体验 [类型]讨论 对于高级别且尚未准备好实施的问题。 [功能]颜色 颜色管理标签2022年1月6日
@马马杜卡
复制链接
成员

马马杜卡 评论2022年1月6日

我现在记不起这个问题/注释了,但我认为主要的问题是从CSS变量中获取值。

如果您提供HEX颜色值,您会得到相同的结果吗?

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

如果您提供HEX颜色值,您会得到相同的结果吗?

是的,完全一样。

@詹姆斯科斯特

此评论已标记为过时。

@喀斯特化的
复制链接
成员

喀斯特化的 评论2022年1月7日

画布告诉我一件事,但控件告诉我其他事情。

我支持这种期望。如果画布说了什么,控件应该反映这一点。我有一种感觉,侧边栏已经有一段时间没有捕捉到这一点了,因为我似乎还记得这段时间的中断。然而,我认为这应该得到解决,因为网站编辑工作越深入,问题就越不容易解决。

我加入了needs-dev,因为对我来说,解决方案相当一致,可以显示设置,但标签始终可以从那里进行调整。

@喀斯特化的 喀斯特化的补充需要开发人员 准备好了,需要开发人员的努力和已删除需要设计反馈 需要一般设计反馈。标签2022年1月7日
@卡罗来纳州人
复制链接
贡献者

这不是适用于所有的theme.json设置吗?它们都没有反映在相应的控件中?

@阿隆·罗伯特肖
复制链接
贡献者

艾伦·罗伯肖 评论2022年7月19日

所有的theme.json设置都是这样的吗?它们都没有反映在相应的控件中?

我相信这不仅仅是theme.json,还有Global Styles。

我目前还不了解内部工作的最新情况,但块编辑器在任何数据存储中的可访问对象中都无法获得合并的theme.json/global样式。这意味着,除了检查每个块和确定计算样式之外,无法确定控件的默认值。

如果我没记错的话,合并的全局样式在__实验风格商店的属性设置对象。现在,这可能仅限于移动上下文。有一个未结请购单探索如何在块编辑器中使用这些样式。我不确定那里的方法是否仍然有效,或者现在是否有一种新的方法来访问合并的全局样式。也许@大戟这里可能有更多的见解?

一旦我们可以访问这些样式值,我们就可以缩小编辑器画布中看到的内容和块的侧栏控件之间的差距。

编辑:现在,全局样式似乎是通过站点编辑器中的上下文提供的。我们可能仍需要对块编辑器应用类似的方法。

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

我认为还有一个潜在的元素我忽略了——当颜色从样式表(不一定是theme.json)继承时。控制也应该考虑到这些情况。

@大戟
复制链接
成员

大戟 评论2022年9月1日

我认为还有一个潜在的元素我忽略了——当颜色从样式表(不一定是theme.json)继承时。控制也应考虑到这些情况。

打开#34178,我尝试实现这样的情况,即当颜色来自theme.json时,我们应该使用这些颜色。

当颜色从样式表(不一定是theme.json)继承时。控制也应考虑到这些情况。

这将很复杂。更改颜色的样式表甚至可能不会加载到编辑器中。编辑器上的标记可能略有不同,使颜色有所不同。当然,我们可以尝试在编辑器上渲染当前颜色。

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

打开#34178,我尝试实现这样的情况,即当颜色来自theme.json时,我们应该使用这些颜色。

谢谢你的努力。我很想看到公关合并,但我知道这可能是一个棘手的问题。

这将很复杂。

当然可以。我们需要对如何处理原始样式进行进一步的设计探索。我们可以这样做#43082.

@詹姆斯科斯特 詹姆斯科斯特更改了标题颜色控件是否应反映主题设置的默认值? 本地块外观控件应反映全局样式/theme.json中的值 2023年1月13日
@詹姆斯科斯特

此评论已标记为过时。

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

重新开放自#49278是一个大问题,这一部分尤为重要。

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

在上面重新打开后,我稍微刷新了这个问题。@大戟有机会吗#34178可以重新访问吗?

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

@安娜扎祖让我知道你对这一最新消息的想法,如果有其他的分类,我们可以做。

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

非常感谢你用新的设计更新这个。我只想包括6.6的一个相关问题。现在,我们有三种可能的选择。这篇文章的标题更符合6.6的感觉,所以我希望看到这更多地被定义为一个迭代问题设计工具:更好地处理未设置/继承的值作为的子发行样式:清楚地显示样式的层次结构(主题、用户、全局非特定、全局特定、本地等)作为跟踪问题。我看到这一切都在风格层次结构努力的整体表面上逐步上升,而这些努力要复杂得多。

听起来怎么样?如果是这样的话,我可以很快做出一些改变。

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

晚间匆匆一瞥,这听起来差不多。这是通向更大更好的事物(显示这些值从何处继承,或它们重写了什么)的道路上的一小步(只显示控件本身中继承的值)。

@法比安凯
复制链接
成员

关于该临时步骤的问题:

它应该只显示从theme.json/global样式继承的选项,还是也应该显示从父块等继承的值。?

我建议它不显示从父块继承的值的继承值,因为您经常希望在组级别控制所有元素的文本颜色,而不是标题中的单个块。但是,如果其中的单个块显示在其颜色选择器中选择的颜色,我认为这会导致混淆,因为用户无法再确定是在单个段落还是在组中设置颜色。

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

它应该只显示从theme.json/global样式继承的选项,还是也应该显示从父块等继承的值。?

理想的情况是这两者中的任何一个。显示计算的最终结果,无论其来自何处。当然,除非它来自自定义CSS,否则我们无法知道。

但是,如果其中的单个块显示在其颜色选择器中选择的颜色,我认为这会导致混淆,因为用户无法再确定是在单个段落还是在组中设置颜色。

我们知道我们想使用UI跟进用于显示值从何处继承,或本地值何时覆盖继承的值。

不管你怎么看,今天都会有困惑:即使一个组清楚地具有文本和背景颜色(可能来自全局样式),检查器也会显示未设置颜色:这太令人困惑了。因为我们没有显示这些计算值,所以当您看到对比警告时,会更加困惑,因为没有上下文说明原因:
白底黑底白字

此空间中的竞争编辑器始终显示控件的计算值,即使它是继承的。在大多数情况下,这些编辑器甚至不显示值从何处继承。在这些编辑器中,它感觉像是一个完全没有问题的问题,总体上也不那么令人困惑。我看到黑色文本,这是显示黑色文本的颜色控件。我看到一个13像素的字体大小,它显示出来了。以下是谷歌文档:

谷歌文档工具栏截图

11px黑色Arial字体。除了那些是从“正常”文本样式继承的。

我们可以而且应该比其他编辑做得更好。但是,分两步完成这项工作,而不是在未来发布之前保持现状,这让人感觉很务实,尤其是因为这样做的危害似乎大多是理论上的,而它解决的问题是显而易见的。

@richtabor公司
复制链接
成员

这是我经常看到人们挂断电话的一件事。不知道一个块通常采用什么尺寸、颜色样式。它将为UI添加更多的视觉上下文,比如如果您可以看到按钮的背景色,那么您就知道在哪里更改它。

再往前想一想,但即使使用了部分样式,应用样式而没有看到应用这些值的控件反映这些值也不是特别理想的。您必须推导出正确的控件才能进一步操作,而不是看到它与应用的更改一起出现。

当前 提出
清洁喷丸2024-05-01,07 17 41 清洁喷丸2024-05-01,07 15 22

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

但是,如果其中的单个块显示在其颜色选择器中选择的颜色,我认为这会导致混淆,因为用户无法再确定是在单个段落还是在组中设置颜色。

这难道不是一个展示风格继承的问题吗(#49278)?

我仍然认为这很重要,但我不知道这是否会阻碍这一问题的解决,这本身就造成了很多困惑。

@贾雷克莫拉夫斯基

同意。我一直在努力解决这个问题,并看到其他人点击查看,找出为什么他们的风格不正确(即使他们这样做了)。我认为我们不需要额外的界面元素来让用户知道这些值是继承的:控件本身足够清晰。然而,当用户进行手动覆盖时,可以方便地将其重置为继承值。

重置

在这种情况下,我们还需要提供一种方法来清除所有定制并切断与模式的连接。例如,如果我的段落块继承了父块的背景色,并且我对其进行了更改,我可能需要将其重置为再次使用父块的底色,或者清除所有样式并重新开始。

清除

这难道不是一个展示风格继承的问题吗(#49278)?

可能是这样,但我认为目标是在显示和管理继承样式的UI准备就绪之前找到一个好的权宜之计。

@richtabor公司
复制链接
成员

如果我们这样做,“重置”只会为每个具有不同于继承值的值的对象渲染,这表明该值不是继承的(这就是它今天的工作原理)。

我也不确定我们是否需要“全部清除”(或者至少这是一个独立于继承的单独问题)。

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

长期以来的反馈一直围绕着添加背景色会增加填充的混淆。在添加背景色时,我们可以同时显示添加了填充吗?不确定在技术上什么是可能的,但感觉这里发生的工作可能会对长期的反馈点产生积极影响。

@卡罗来纳州人
复制链接
贡献者

我认为考虑经典主题也很重要。
使经典主题与新功能兼容的一个困难是,它们从一开始就没有包含在规划中。
我的意思是,这包括一个早期的决定,即在有主题和无主题的经典主题中,什么应该起作用。

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

我的意思是,这包括一个早期的决定,即在有主题和无主题的经典主题中,什么应该起作用。

这里有哪些技术选项?

@卡罗来纳州人
复制链接
贡献者

例如,一个功能可以仅限于块主题,也可以限制为具有theme.json的任何主题,已经对两者进行了检查。

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

我的主要意思是,在这个特定工作的上下文中,在颜色控件中显示继承的颜色值。如果这些值是由CSS而不是theme.json提供的,是否有技术方法来计算这些值?

@卡罗来纳州人
复制链接
贡献者

我认为这不值得追求。

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

安娜扎祖 评论2024年5月15日

提供更新,因为我们已经完成了一些开发工作,但还需要更多!最近的公关被合并使用现有上下文代码向设置添加全局样式。正如Aaron在该PR上所指出的那样,该PR将使后期编辑能够访问合并的全局样式值。这样,可以更新检查器控件,将这些值反映为“默认值”。后半部分是我们需要开发人员进行的工作,如果大家可以帮忙,请做。

免费注册 在GitHub上加入此对话.已经有账户了吗?登录以发表评论
标签
[功能]颜色 颜色管理 [功能]设计工具 影响块外观的工具既可以扩大工具数量,又可以提高体验 需要开发人员 准备好了,需要开发人员的努力 [类型]讨论 对于高级别且尚未准备好实施的问题。
项目
还没有
开发

没有分支或拉取请求