Wordpress 中的自定义 CSS 工作正常，但如果我将一个类添加到块编辑器中的高级 -> 附加 CSS，它将被忽略

Question

我正在与一位客户合作，该客户拥有由代理机构构建的自定义 WordPress 主题。如果我在Appearance->Customizer中添加自定义CSS（例如覆盖现有样式），那么它就可以完美工作。但是，如果我在块编辑器中的“高级->其他 CSS 类”中添加类名（即通过编辑页面 - 如附图所示），则这不会产生任何效果。

我看不到任何对我在检查器中添加的类的引用，但我知道它的编写正确，就像我在检查器中手动插入它一样，我可以看到它生效。

有人可以在这里提供任何建议吗？

谢谢

Answer 1

首先，在

其他CSS类

中尝试.new-class（带句点），然后重新发布帖子/页面并检查类名是否已应用。

如果该块是自定义块，则问题可能是由于块作者未在 JS save() 函数中实现

useBlockProps

或在 render_callback 中针对

动态块

实现 get_block_wrapper_attributes 导致的。

如果是这种情况，您需要检查块文件，并根据您发现的内容，扩展/更新现有的

save()

或

render_callback

，以便包含包含其他 CSS 类名称的块属性，例如：

JS（静态块）

import { useBlockProps } from '@wordpress/block-editor';

export default function save() {
    return (
        <div {...useBlockProps.save()}>...</div>
    );
}

PHP（动态块）

function customblock_render_callback() {
    $wrapper_attributes = get_block_wrapper_attributes();

    return "<div $wrapper_attributes>...</div>";
}