当前浏览:首页 / WordPress函数 / wp_enqueue_block_style()

wp_enqueue_block_style( string $block_name, array $args )

排队(引入加载)特定区块的样式表

block

enqueue 引入js/css

style


描述

如果主题选择单独加载样式,则样式表将在渲染时排队,否则则在区块初始化时。


参数

$block_name

(string) (必填) 区块名,包括命名空间。

$args

(array) (必填) 参数数组[handle,src,deps,ver,media]。



源码

查看源码 官方文档


更新日志

版本描述
5.9.0开始引入

使用示例

  • 示例1

    按照标准方法,可以像这样迭代地将区块自定义样式排队。将区块自定义样式表放置在/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;
    }