描述
如果主题选择单独加载样式,则样式表将在渲染时排队,否则则在区块初始化时。
参数
- $block_name
-
(string) (必填) 区块名,包括命名空间。
- $args
-
(array) (必填) 参数数组[handle,src,deps,ver,media]。
源码
更新日志
版本 | 描述 |
---|---|
5.9.0 | 开始引入 |
使用示例
按照标准方法,可以像这样迭代地将区块自定义样式排队。将区块自定义样式表放置在/assets/css/blocks/directory中。例如,如果要覆盖Post-Author 区块头像和内容样式,请创建/assets/css/blocks/post-author.css并为相应的类添加自定义样式。然后,将以下代码段添加到
after_setup_theme
回调函数中,在本例中为twentytwentytwo_support()
。function twentytwentytwo_support() { /* * Load additional block styles. */ $styled_blocks = ['post-author']; foreach ( $styled_blocks as $block_name ) { $args = array( 'handle' => "twentytwentytwo-$block_name", 'src' => get_theme_file_uri( "assets/css/blocks/$block_name.css" ), ); wp_enqueue_block_style( "core/$block_name", $args ); } }
最后,将其包含在functions.php文件。
add_action( 'after_setup_theme', 'twentytwentytwo_support' );
post-author.css为您提供参考,我希望头像是圆形的,并且作者姓名以头像为中心。
.wp-block-post-author__avatar img {
border-radius: 50%;
}.wp-block-post-author__name {
line-height: 2.5em;
}