跳到内容
新问题

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

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

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

前端和后端与自定义css非常不同 #54189

关闭
脉冲形成已打开此问题2023年9月5日·16条评论
关闭

前端和后端与自定义css非常不同 #54189

脉冲形成已打开此问题2023年9月5日·16条评论
标签
[状态]需要更多信息 需要采取后续行动才能采取行动。 [状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。 [类型]帮助请求 有关设置、实施或“我该怎么做?”问题的帮助。

评论

@脉冲形成
复制链接

描述

您好!
在WP 6.3.1中,当我们使用gutenberg编辑器编辑页面时,前端的结果可能与使用自定义CSS文件时在后端看到的结果大不相同。

在我们的示例中,我们将大部分CSS放在wp-content\themes\mytheme\CSS\my.CSS中,而不是放在后端设置中。

例如,对于Elementor pro,我们没有这样的问题。我们使用Elementor pro在后端编辑的内容与我们在前端获得的内容非常相似,即使我们有自定义的css文件。

请问这个问题知道吗?

谢谢

分步复制说明

您好!
对于WP 6.3.1,当我们使用gutenberg编辑器编辑页面时,前端的结果可能与我们使用自定义CSS文件时在后端看到的结果非常不同。

在我们的示例中,我们将大部分CSS放在wp-content\themes\mytheme\CSS\my.CSS中,而不是后端设置中。

例如,对于Elementor pro,我们没有这样的问题。我们使用Elementor pro在后端编辑的内容与我们在前端获得的内容非常相似,即使我们有自定义的css文件。

请问这个问题知道吗?

谢谢

屏幕截图、屏幕录制、代码片段

无响应

环境信息

工作包6.3.1

请确认您已搜索回购中的现有问题。

是的

请确认您已测试除古腾堡外的所有插件。

是的

@贾斯坦塔德洛克
复制链接
贡献者

通常,编辑器和前端应该匹配。但这也取决于你使用的主题。WordPress无法控制这一点。

如果你能提供你所看到的具体问题的具体细节,这将有助于确定是否存在bug。

@脉冲形成
复制链接
作者

您好!
我们使用标准的20-23主题及其子主题。
谢谢

@贾斯坦塔德洛克
复制链接
贡献者

你能提供具体问题的细节吗?例如,哪些块看起来不一样?你有截图吗?您在加载自定义CSS时遇到问题吗?

@美食爱好者
复制链接
成员

此外,如果你的CSS根本不适用于编辑器,你能确认你是否按预期排队吗?

您可以在此处查看更多信息:https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/applying-styles-with-stylesheets/#enqueue-样式表

@美食爱好者 美食爱好者补充[类型]Bug 现有功能无法按预期工作 [状态]需要更多信息 需要跟进才能采取行动。标签2023年9月5日
@脉冲信息学
复制链接
作者

您好!
下面是一个前后不一致的例子
谢谢。

后面
前面

@脉冲形成
复制链接
作者

你好,

我们创建了一个测试网站,并成功复制了该错误。在示例页面上,您将找到一个图像作为应用了一些自定义CSS的示例,具体来说是“transform:rotate(95deg)scale(2);”。

网站https://wp.test-pulsar.com/现在已启动并运行。要访问后端,请使用此链接:网址:https://wp.test-pulsar.com/wp-admin具有以下凭据:admin/password。

下面,您将看到构建器和站点预览的屏幕截图。
谢谢。

形象

形象

@脉冲信息学
复制链接
作者

你好,

我们创建了一个测试网站,并成功复制了该错误。在示例页面上,您将找到一个图像作为应用了一些自定义CSS的示例,具体来说是“transform:rotate(95deg)scale(2);”。

网站https://wp.test-pulsar.com/现在已启动并运行。要访问后端,请使用此链接:网址:https://wp.test-pulsar.com/wp-admin具有以下凭据:admin/password。

下面,您将看到构建器和站点预览的屏幕截图。谢谢。

形象

形象

形象

@贾斯坦塔德洛克
复制链接
贡献者

这里似乎没有错误。看起来您只是没有在编辑器中加载自定义样式表。

这里有一个操作指南:https://developer.wordpress.org/block-editor/how-to-guides/enqueueing-assets-in-the-editor/

@贾斯坦塔德洛克 贾斯坦塔德洛克远离的这个[类型]Bug 现有功能无法按预期工作标签2023年9月7日
@脉冲形成
复制链接
作者

那么,正确的做法是什么,以便我们在后端清楚地看到前面的内容?这就是古腾堡的目的
谢谢

@贾斯坦塔德洛克
复制链接
贡献者

那么,正确的做法是什么,以便我们在后端清楚地看到前面的内容?

您还需要在编辑器中加载CSS,使其与前端匹配。这里有一个操作指南:https://developer.wordpress.org/block-editor/how-to-guides/enqueueing-assets-in-the-editor/

@贾斯坦塔德洛克 贾斯坦塔德洛克补充这个[类型]帮助请求 有关设置、实施或“我该怎么做?”问题的帮助。标签2023年9月7日
@github-操作
复制链接

github-操作 机器人程序 评论2023年9月23日

帮助我们推进这个问题。此问题被标记为过时,因为在请求更多信息的15天后,它没有活动。请添加请求的信息,以便我们能够帮助将问题向前推进。注意:分诊政策是关闭需要更多信息且2周后无响应的陈旧问题。

@github-操作 github-操作 机器人程序补充这个[状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。标签2023年9月23日
@脉冲形成
复制链接
作者

您好!
我们必须抽出时间重新讨论这个问题。我们决定继续与Elementor合作进行当前的项目,下一个项目将切换到Gutenberg站点编辑器。几周后就会发生
谢谢你的耐心

@github-操作 github-操作 机器人程序远离的这个[状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。标签2023年9月24日
@github-操作
复制链接

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

帮助我们推进这个问题。此问题被标记为过时,因为在请求更多信息的15天后,它没有活动。请添加请求的信息,以便我们能够帮助将问题向前推进。注意:分诊政策是关闭需要更多信息且2周后无响应的陈旧问题。

@github-操作 github-操作 机器人程序补充这个[状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。标签2023年10月10日
@脉冲形成
复制链接
作者

很抱歉耽搁了时间,我们的新资源将于下周发布,我们将集中精力解决此问题并在此处进行报告。谢谢你的耐心,因为这是一个非常重要的问题

@github-操作 github-操作 机器人程序远离的这个[状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。标签2023年10月14日
@脉冲形成
复制链接
作者

问题解决了。我们调用了错误的方法:wpenqueuescripts而不是enqueueblockassets!

谢谢你的帮助

复制链接

github-操作 机器人程序 评论2023年11月2日

帮助我们推进这个问题。此问题被标记为过时,因为在请求更多信息的15天后,它没有活动。请添加请求的信息,以便我们能够帮助将问题向前推进。注意:分诊政策是关闭需要更多信息且2周后无响应的陈旧问题。

@github操作 github-操作 机器人程序补充这个[状态]过时 为原始作者提供在关闭之前进行更新的机会。可以根据需要重新打开。标签2023年11月2日
免费注册 在GitHub上加入此对话.已经有账户了吗?登录以发表评论
标签
[状态]需要更多信息 需要跟进才能采取行动。 [状态]过时 让原作者有机会在关闭之前进行更新。可以根据需要重新打开。 [类型]帮助请求 有关设置、实施或“我该怎么做?”问题的帮助。
项目
还没有
开发

没有分支或拉请求

4名参与者