为特定块类型设置“其他css类”的缺省值

时间:2021-03-18 作者:JacobTheDev

对于columns 块类型,我想添加默认值wp-block-columns--padded 在“中”;附加CSS类“;字段,其思想是用户可以根据需要删除或修改类(即删除它以禁用所有填充,更改它wp-block-columns--padded-extra 用于额外填充等)。是否可以通过过滤器或类似的东西来实现这一点?我确实看过wp.hooks.addFilter, 但这不允许用户编辑我添加的类。

1 个回复
最合适的回答,由SO网友:Vortac 整理而成

一个简单的解决方案是注册自定义block style variations 对于core/columns 阻止并让用户从中选择自定义填充设置,而不是在“额外类”字段中编辑类名(从用户的角度来看,这并不太舒服)。Gutenberg自动将类名输出为is-style-(name of block style variation) 选择变体时,也可以设置默认变体。您可以使用JS进行操作,更多信息请参见:https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/#block-style-variations

或者,很简单,使用PHP:https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/#server-side-registration-helper

但是,如果您需要一些粒度控制样式的变化,则不是正确的解决方案。

更多“;“保险费”;将添加自定义Inspector Controls panel 对于块侧栏中的填充设置,请使用wp.hooks. 但您需要为settings 具有blocks.registerBlockType (用于自定义填充属性),用于edit 具有editor.BlockEdit (边栏控制逻辑,可能还有编辑器类-如果您想在编辑器中动态显示更改)和save 具有blocks.getSaveElement(将您的课程带到前端)。很多乐趣,但更多的工作;)

起点:https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/#filters

相关推荐

[Zapier+WP Webhooks Pro]:自定义字段在第一个逗号或分号处被截断

我在用Zapier和WP Webhooks Pro 将Google Sheet和WP连接到自动发布添加到电子表格的每一行的帖子。它的工作原理与预期一样,所有字段(包括自定义字段)都已正确填充,只有那些具有逗号和/或分号字符串的字段除外。那些被切断了。Setting up the custom field in ZapierSuccess output in Zapier after posting to WPCustom field in WP (cut off after semicolon)非常感谢您